2019. 1. 6. 12:50ㆍ소소한 정보
아는 것이 아닌 모르는 것에 관심을 기울이고 자신의 옮음에 집중하지 말라.
다른 사람들의(더 훌륭한 코드 - 오픈 소스같은) 코드를 보고 자신이 작성한 코드를 한번으로 끝내지 말고 계속 향상 시켜라.
기술은 변하지만 기술들이 탄생한 핵심 사상들은 쉽게 변하지 않는다. 아키텍처나 기술이 가지고 있는 근본 철학부터 생각하고 기본을 다져라.
많은 논란을 불러일으키는 주장이지만 많은 관점에서 다양하게 생각하게 해주는 글이다.
좋고 나쁨은 상황과 맥락의 상태에서만 존재할 뿐이라는 점을 상기시켜준다.
2019년 1월 현재
데스크탑 브라우저 지원은 IE10,11 과 대부분의 브라우저에서 지원하지만 IE에서는 일부 버그가 있기에 IE를 배제한 서비스를 이용할 때만 사용해야함. flex 버그
모바일은 대부분 지원함.
flex 속성 사용(initial, none, auto, 숫자)
initail: 컨테이너가 작아 졌을 때만 컨테이너의 작아진 크기에 맞춰 아이템 컨텐츠 크기를 기준으로 줄어듬
none: 컨테이가 크기에 상관없이 아이템 컨텐츠 크기를 기준으로 일정함
auto: 컨테이너 크기에 맞춰 아이템들이 자체 컨텐츠 크기 비율로 변함
숫자: 컨테이너 크기에 맞춰 아이템 컨텐츠 크기와 상관없이 모든 아이템들이 일정한 크기로 가변됨.
flex-grow flex-shrink 속성 값은 아이템들의 상대적인 크기가 기준이기 때문에 모든 아이템들이 0이 아닌 같은 값들을 갖으면 모두 아이템 자체 컨텐츠 크기와 상관없이 모두 같은 크기를 가짐.
item이 margin-left: auto를 가지면 margin-left 값이 최대가됨. UI상 해당 item과 이후 item들이 가장 오른쪽으로 붙게됨.
행과 열이 명확한 레이아웃이 필요할 경우 grid를 우선적으로 고려하면 된다. 하지만 1차원적이거나 행과 열이 정확하지 않은 유동적인 레이아웃일 경우 flex를 고려해 봐야 한다. grid와 flex는 IE에서 부분적으로 지원하는 것에 주의.
IE에서는 전혀 지원하지 않기 때문에 범용적인 서비스에 도입하기 위해서는 myth 나 postcss의 postcss-css-variables 플러그인을 사용하여야 한다.
Node.js 와 javascript 테스트 우수 사례
단지 간단한 웹사이트를 만드는데도 수 많은 라이브러리와 플러그인들을 가져와서 구축한다는 것은 어떤 의미일까? 아주 순수한 기술만으로도 웹사이트를 구축할 수 있지만 우리가 과도하게 기술을 사용하는 것은 아닐까? 본질적인 웹을 이해하지 못하고 단순히 기술을 배움으로써 웹을 구축하는 것은 무엇을 의미할까?
Github private repos FREE!!!!!
*STAR - 차세대 web app 워크플로우
19년에 해보고 싶은 것
PWA, node, test 코드 및 환경 구축, graphQL, typescript, (Flutter...)