VSC Extension인 Prettier는 정해진 규칙대로 코드를 깔끔하게 정리해주는 기능을 한다. 코드를 닫는 것을 까먹었거나 들여쓰기 규칙을 제대로 적용하지 않았을 때, 저장을 하는 동시에 코드가 자동 포맷팅된다. Prettier를 설치하고 만반의 준비가 되었다고
노마드코더에서 코코아톡 클론코딩을 시작했다. 모션그래픽에도 시간을 쓰고 싶고 지브러쉬도 더 써보고 싶고 마블러스 디자이너도 이 기회에 배워보고 싶어서 이걸 이번 학기에 시작해도 되나? 다른 과제들을 하면서 마무리할 수 있을까? 망설이던 차에 COVID-19 경보 단계가
CSS는 Cascading Style Sheets, 따라서 위에서부터 아래로 읽는다. 같은 대상을 가리키는 태그가 여러 개 있으면 가장 아래 있는 태그를 우선시하고, 만약 HTML문서에서 아래와 같이 Inline CSS로 h1 태그에 대해 색상을 지정했는데 먼저 읽
VSC가 자꾸 말썽이라 이거 고치는데만 시간을 30%는 쓰는 것 같다. 구글링해서 고치고 나면 나중에 또 같은 문제로 말썽인데 고친 방법을 기억을 못해서 또다시 구글링하고... 덕분에 기록의 중요성을 깨닫고 있다.그래서 이번 포스트는 VSC 들여쓰기 간격 설정하는 법에
NOTE # Inline-block의 대안 - flexbox flexbox enables you move boxes anywhere you want. The rules of flexbox You do not talk to the childeren. You onl
NOTE NOTE # Colors and Variables Color를 설정하는 세 가지 방법 직접 색 이름 입력 Color Picker Chrome extension 사용해서 hex color codes로 입력 RGB (00, 00, 00)로 입력. 투명도를 추가하
팀으로 일하게 되거나 규모가 있는 프로젝트를 수행하고 싶다면 쉬운 관리를 위해 git을 이용해 관련 파일들에 생긴 모든 변화들을 트래킹할 수 있다. git 시스템은 파일을 binary format(0과 1)으로 인식한다. 코드를 추적하는데 주로 사용되지만 다른 형식의
Note Important : BEM(Block Elements Modifier) 규칙을 따라 코드 작성하기. https://css-tricks.com/bem-101/ 폰트 찾아쓸 수 있는 곳 https://fonts.google.com/ 아이콘 찾아 쓸 수 있는