IM: DAY 62

오늘 한 일

• 코딩) 프로젝트 회의
• 코딩) Next.js + React + TS 에 styled-components 적용
  • 폴더 구조 정리
  • Boilerplate code 생성
  • atomic component 일부 작성
• 학부) 중간 과제 작성 (30%)

기억할 것

styled-reset 모듈 사용

모든 스타일을 다 삭제할 게 아니라면 굳이 안써도 된다.

GlobalStyle

GlobalStyle은 최상단에 위치시켜야 적용된다.

인접 선택자 x + y

앞의 요소 바로 뒤에 있는 요소만 선택한다.

input {
  & + div {
    color: red; // input의 바로 뒤에 있는 div의 글자색만 빨강으로 바뀐다.
  }
}

내일 할 일

• 코딩) nextjs + react + typescript 로 컴포넌트 만들기
• 학부) 중간 과제 작성 (100%) & 제출!!