![[React] 5. 블로그 만들기 전 준비 (1)](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-11-29T19%3A42%3A54.853Z-a5047a72-c474-4a07-b3cc-dd421c1f8137&w=3840&q=75)
1. 라이브러리 다운
1. 라우터 라이브러리
하이퍼링크 불가능하므로 라우터 설계시 사용
네비게이션 역할을 함
2. 상태관리 라이브러리
상태관리 라이브러리
리버팟같은애
리액트에서 제일 인기잇는애..?
3.
css로 디자인할때
실제 문법은 아닌데
특이한,..?
문법 검사 도움 받음?
플러그인도 필요!
2. 세팅
파일 정리하자
Hello World기 잘 뜬다면 이제 시작해보자!!!!!
라우팅
rfc치면 자동완성
a태그 쓰는 순간 spa의 개념을 모르는 것
link를 써야 됨 라이브러리가 제공하는
아래 좀 잘못됏음..
링크는 block이 아니라 inline이라서 옆으로 가는거
하나의 파일로 딱 묶여서 디자인+html구조 = 컴포넌트
→ 이거 해주는 문법이 styled-components인데
내가 정의하는 변수 / 키워드 / 태그
css 자체를 재사용 하지 말고 css와 태그가 함께 있는 컴포넌트를 재사용해라!!!!!!!!!!
상태관리
num이 0이 된거임
button 클릭시 num값 1 증가시킬거임
상태는 행위를 통해서 변경하므로 행위는 직접 만드는게 낫다
값 변경하면 리렌더링 되어야함 리덕스의 문법?
ui의 상태까지 같이 있어서 프로젝트가 커지면 힘들다.
Share article