본문 바로가기
728x90
반응형

분류 전체보기130

#1 Sketch 입문_2020-02-21 0. Sketch / Photoshop 비교 a) 자체 용량이 차이가 크다 -> Photoshop은 1.74GB로 굉장히 무겁다. 반면 스케치는 46.7MB로 가볍다. 간단한 UI 디자인 진행했 을 때 파일의 용량은 거의 8배 가깝게 차이가 난다. - 가볍기 때문에 관리와 유지보수가 수월하다. b) 둘다 아트보드 기능이 있지만, Sketch는 아트보드가 무제한으로 사용 가능하다. Photoshop에서는 보딩페이지가 4~5개 정도 됐을 때 무거워서 사용하기가 힘들다. 반면 Sketch는 UI 전체를 한 파일로 관리해도 무겁지가 않다. 또한, 스케치에서 작업하면 한눈에 들어오기 때문에 유저 플로우나 전체적인 톤 앤 매너를 유지하는 데 더 좋다. c) Sketch는 벡터 기반의 툴이기 때문에 x1 배율로 작업.. 2020. 2. 21.
19.12.23 개발기록 -[Javascript] Newsfeeds 의 ~시간 전, ~분 전 구현하는 것과 기 올린 게시물의 시간에 따라 상태 변화 구현의 차이점 자 오늘 포스팅 할 내용은 무엇이냐~ Newsfeeds에 ~시간 전을 구현 했을 때와, 게시물의 기한을 정해놓고, 현재시간이 그 기한을 지나게 되면 상태가 변화하게 될 때 구현하는 코드의 차이점을 알아보자 ! 우선 첫 번째로 ~ 시간전을 구현 했을 때 결과화면을 보자 ! https://hammerbrother.tistory.com/8 19.12.06 개발 기록 - [Javascript] 뉴스피드의 몇 년 전, 몇 개월, 몇 일 전, 전 몇 시간 전, 몇 분 전, 몇 초 전 만들기 오늘의 포스팅 내용은 페이스북 뉴스피드나 인스타그램 포스팅 등에서 볼 수 있는 ~~시간 전을 계산 하여 Javascript로 구현하는 Syntax이다. 뉴스피드 기능에 있어서 굉장히 중요하고 필요한 기능이라고 생각되어.. ham.. 2019. 12. 24.
19.12.22 개발기록 -[Javascript] Nested Object(중첩된 객체) 자자 ~ 오늘 포스팅 내용은 무엇이냐~ Nested Object ! 중첩된 객체 이다 ! 이전 포스팅에서 Immutability (불변성)에 대해 이야기 해보았다. 이번 포스팅은 그의 연장선인데, 바로 var o1 = {name: 'kim', score:[1,2]}; 위 코드와 같이 객체 { } 안에 [ ] 배열이 있는 경우에 객체를 복사하였을 때, 원본은 변화 시키지 않는 방법이다. 1 2 3 4 var o1 = {name: 'kim', score:[1,2]}; var o2 = Object.assign({}, o1); o2.score.push(3); o2 를 Object.assign을 통해 복사 한뒤, score.push(3) 을 하게 되면, o2 내의 score 뿐만 아니라, o1 내의 score 또.. 2019. 12. 22.
19.12.22 개발기록 -[Javascript] Javascript Immutability(불변성) 자 오늘 포스팅할 내용은 무엇이냐~ Javascript Immutability ! 불변성에 대한 내용이다 ! 불변성이란, 데이터 원본이 훼손되는 것을 막는 작업을 뜻한다. Javascript를 이용하여 프로그래밍을 진행할 때, 수많은 참여자가 있을 수 있고, 수많은 코드들이 작성되기 마련이다. 이때, 어떠한 데이터를 정해놓고, 불변하게 하기 위한 작업이라고 생각하면 되겠다. 특히나, 데이터가 수정 및 삭제되었을 때 범죄가 될 수 있는 경우에 반드시 이 불변성을 걸어주야 되지 않겠는가? 먼저 데이터 타입에 대해서 살펴보자. 크게는 Primitive (원시 타입)과 Object (객체) 로 나눌 수 있다. 먼저 원시타입은 더 이상 작은 단위로 쪼개질 수 없는 데이터 이고, 객체는 연관된 데이터들을 정리정돈하.. 2019. 12. 22.
19.12.17 개발기록 -[Javascript] 개발 중 비동기로 인한 이슈 사항 자 오늘 포스팅할 내용은 무엇이냐~ Javascript의 가장 큰 특징 중 하나인 비동기로 인해 일어나는 이슈 중 한가지 ! 우선 비동기가 무엇이냐? 특정코드의 연산이 끝나기 전에 코드의 실행을 끝내지 않고, 그 다음 코드를 먼저 실행하는 자바스크립트의 특성이다. 그러니까 내가 적어놓은 코드를 위에서부터 아래로 내려가기는 하지만, 특정코드를 불러놓고 그것이 실행될 때까지 정지하고 기다리는 것이 아니라, 불러놓고 오든지 말든지 그냥 그다음 코드를 실행하면서 쭉쭉 내려간다는 것이다. 나는 Javascript로 개발에 입문을 해서, 이게 특이한 건지, 뭔지 몰랐지만 요거 때문에 Javascript 개발자들이 디-게 힘들어하는 것 같았다. 특히나 내가 아래 구현해놓은 코드에서 ajax를 이용할 때 이 특성이 크.. 2019. 12. 18.
728x90
반응형