본문 바로가기
728x90
반응형

비개발자, CPO가 되기까지26

#2 Sketch 입문 - OS 별 해상도 및 안드로이드 DP 단위_20200221 1. 아트 보드를 만드는 단축키 A 2. OS 별 아트 보드 사이즈 프리셋들이 구비되어 있음. 3. 안드로이드와 iOS 둘 다 px라는 절댓값을 사용하지 않고, dp 또는 pt라는 상대값을 사용한다. 3-1) DPI는 Dots per inch로 1인치에 몇 픽셀이 들어가는지에 대한 값이다. 예를 들어 10dpi 이면, 1인치에 10x10 = 100개의 픽셀이들어가는 것이다. - 안드로이드의 핵심 기준은 mdpi = 160DPI 이다. 3-1-a) xhdpi(320dpi)로 해상도가 좋아진 스마트폰을 디자인하려면 mdipi 기준인 160dpi로 나누면 된다. 그러면 2라는 수치가 나오게 되고, xhdpi에서 1dp = 2px 이 되는 것이다. 3-2-b) 마찬가지로 640dpi 해상도를 가진 스마트폰에서는.. 2020. 2. 21.
#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.
728x90
반응형