Dev Log

접두사 (prefix) .flex-container { display: -webkit-box; /* IOS 6 이하, 사파리 3.1*/ display: -moz-box; /* 파이어폭스 19이하 */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* 웹킷 구 버전 */ display: flex; /* 표준 스펙 */ } 기본 속성들 주축 (main-axis) 과 교차축 (cross-axis) 지정 .flex-item { flex-direction: row;...

🟥 : 미완료 ✅ : 완료 8 / 3 (월) ✅ 리액트 프로젝트 - 반응형 디자인 / 스케줄 앱 오늘은 반응형 디자인을 모두 완료하고 각종 Issue 들을 해결할 수 있어 매우 만족스러웠다. 해결한 Issue 로는 HTML5 의 Video 태그 문제, 그리고 Netlify Build 단계에서 환경변수를 적용시키는 것 등이 있다. 특히...

Virtual DOM (가상 DOM) React 의 장점은 가상 DOM 을 통해서 UI 를 빠르게 업데이트한다는 점이다. 가상 DOM 은 이전 UI 상태를 메모리에 유지해서, 변경될 UI 의 최소 집합을 계산하는 기술이다. 즉, 가상 DOM 덕분에 불필요한 UI 업데이트는 줄고 성능은 좋아진다. React 는 가상 DOM 을 두어 아래 두 가지의...

개요 eslint 를 command line 에서 사용할 때 watch 모드로 실행하고 싶었다. eslint-watch 를 알게 되었고 문서에 설명된 방법에 따라 yarn add -D eslint eslint-watch 를 실행했는데… 문제 가 발생했다. Create React App 에는 이미 eslint 가 내장되어 있는데 내가 eslint 를 다른 버전으로 또 설치해버린 것이다. 그에 대한 문제...

Stash 사용 작업 임시 저장 git stash // 또는 git stash save stash 를 스택에 만들어 하던 작업을 임시로 저장한다. 저장되는 대상: Tracked file, staged file 제외되는 대상: Untracked file stash 목록 확인하기 $ git stash list stash 다시 가져오기 // 가장 최근의 stash 가져와 적용 $ git stash apply...