[TIL] 1-3. 실전 리액트 프로그래밍

인프런 [실전 리액트 프로그래밍] 강의를 듣고 공부한 내용을 정리합니다!

CSS 작성 방법 결정하기

1. 일반 css 파일

• css 파일 작성 후 js에 import
• class 이름 충돌이 날 수 있음

2. css module

• ___.module.css 파일명 작성
• import 할 때 객체로 받아서 클래스명에 입력
• 해시값이 붙어 충돌 문제가 없음
• classnames 패키지 이용시 입력이 간편

3. Sass

• node-sass 패키지 필요
• 확장자는 scss

4. css-in-js

styled-components

• js 안에서 css를 작성할 수 있기 때문에 간편하다.
• props 값을 이용하여 css 작성 시 조건부로 속성을 부여할 수 있다.

SPA(Single Page Application)

• 필요시에만 데이터를 요청하게 됨
• js에서 브라우저로 페이지 전환 요청을 보낼 수 있어야 한다.
• 뒤로 가기와 같은 요청을 js에서 처리해야 한다.
• react-router-dom 패키지를 이용하여 라우팅 처리