210424_TIL

seungyeon·2021년 4월 24일
0

TIL

목록 보기
60/64

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%) & 제출!!

0개의 댓글