2월 6일 (목)

오늘 배운 것

pre-processor 에 여러가지 기능이 있으니 다양한 것들을 하나씩 늘리면서 해보세요. 좋은 사례도 찾아보면서요. 그리고 뭐든 도구와 라이브러리는 장/단점을 느끼면서 해보세요. 비판적인 사고를 하면서 사용하는것이죠.

수업

Git

  • Git 제대로 알고 사용하기

  • Git 꾸준히 공부하기

  • 실제 웹서비스와 깃헙에 있는 라이브러리랑은 차이점이 있다

  • 커밋 로그의 좋은 사례들을 찾아서 따라해보기

  • 커밋 로그는 길게 써도 된다. 링크 첨부도 가능

  • 하나의 커밋은 하나의 온전한 기능을 담기

  • 커밋을 잘게 나누는 습관

  • 오픈소스의 커밋로그 따라하기

  • 소스트리 쓰다가 터미널로 옮겨보기

HTML

  • DOCTYPE의 역사를 찾아보기

  • meta 태그의 여러가지 종류를 찾아보기

  • meta 정보: 코드를 위한 코드

  • HTML/CSS 유효성검사가 뭘 검사하는지

  • section의 올바른 사례 찾아보기

  • HTML, CSS Lint 해주는 거 사용해보기

  • 컨텐츠의 일부라면 img 태그를 사용하기

CSS

  • border 말고 outline 으로 테두리 확인가능(영역차지 X)

  • Flex 사용해보기 -> 사실상 최근 표준이 돼가는 중

  • Grid 사용해보기

크롬 개발자 도구

  • Focus, :hover 등 여러가지 적용 가능함

  • filter 검색 가능

  • 디버깅하면서 추적하기 : Debugging Driven 개발

  • 디버깅 Source탭에서 동기화해서 작업 가능

  • Computed : 최종 계산값 Computed Style

Last updated