🦁_21.11.18 TIL

21년 11월 18일

📝 CSS

📎 Splitting.js 사용해보기

소스코드 보기

=> 원을 중심으로 제대로 회전하는 텍스트는 1개뿐임, 나머지 수정하기
=> 은하계 완성해보기

📎 과제 - Vending Machine with Media Query

직접 그려보기 :

• 코드 작성 전, 스토리 보드처럼 손으로 직접 작성해보기
  • 레이아웃
  • class 이름
  • 공유할 수 있는 style 등

소스코드 보기

코드리뷰 결과 with 멘토님

• <h1> 목적에 맞게 사용하기
• 레이아웃을 잡을 때 공통 특성을 더 고려해보기
• 같은 스타일의 요소들 클래스로 묶어서 작성해보기
• 재사용성을 위해 리팩토링 해보기

어떤 방법이든 내가 왜 그 방법을 사용했는지, 어떤 부분을 고려했는지 잘 파악하고 작성하는 것이 중요한 것 같다.

---

마무리

• 코드 작성 전에 종이에 직접 손으로 작성해보는 것이 재미있었다.
  => 모눈종이 연습장에 자 대놓고 그리기
  => 무작정 코드를 작성하는 것이 아닌 레이아웃을 어떻게 잡을지 먼저 생각할 수 있는 방법!

• 오늘 수업시간에 작성한 페이지 코드리뷰를 받았다 👀
  => 피드백을 받으면 항상 많은 것을 깨닫는다!
  => 앞으로 코드리뷰 많이 신청해야지

• 아! 생각해보니 나 오후에는 안졸았잖아?
  => 역시 실습을 해야....
  
  

• 그리드.. 혼란하다 혼란해 (21.11.20 작성)