React 입문은 공식 문서의 학습 경로(Learn React) 를 따르는 것이 가장 덜 헷갈립니다. 핵심: 컴포넌트와 props → state → 이벤트 → 리스트·키 → useEffect와 데이터 페칭 →…
React 입문
React 입문은 공식 문서의 학습 경로(Learn React) 를 따르는 것이 가장 덜 헷갈립니다. 핵심: 컴포넌트와 props → state → 이벤트 → 리스트·키 → useEffect와 데이터 페칭 → 라우팅.
Vite로 로컬 환경을 만들고, 작은 UI(할 일·검색 필터)를 만든 뒤 Next.js 등 프레임워크로 확장하세요. 클래스 컴포넌트보다 함수 컴포넌트 + 훅이 현재 표준입니다.
상태 관리 라이브러리는 초기에 필수가 아닙니다. props drilling이 고통스러워질 때 도입하세요.
| 순서 | 주제 | 연습 |
|---|---|---|
| 1 | JSX·컴포넌트 | 카드 UI |
| 2 | useState | 폼·토글 |
| 3 | useEffect | fetch |
| 4 | 라우터 | 멀티 페이지 |
핵심 키워드
· 공식 Learn
· hooks
· Vite
· 작은 앱
추천 링크
개념 학습은 React, 실제 서비스·SEO·라우팅은 Next.js가 편한 경우가 많습니다. 둘 다 ‘React 지식’이 기반입니다.
공식 Learn · hooks · Vite부터 살펴보세요. 아래 표·링크·영상을 순서대로 참고하면 이해하기 좋습니다.
아니요. Linkme 에디터가 모은 비공식 페이지입니다. 공식 정보는 각 서비스·브랜드 공식 사이트를 확인하세요.
북마크·공유용 요약으로 쓰세요. 표와 링크는 주기적으로 갱신될 수 있으며, 투자·의료 등 중요 결정은 전문가·공식 자료를 우선하세요.
그대로 내 보드로 가져와 내용을 바꿔 쓸 수 있습니다. 원본은 그대로 남습니다.
이 페이지 주제로 가볍게 이야기 나눠 보세요. 비방·스팸은 삭제되거나 숨겨질 수 있어요.
스팸 방지: 짧은 시간에 여러 페이지에 연달아 쓰거나, 한 댓글에 http(s) 링크를 8개 넘게 넣으면 등록이 거절될 수 있어요.
댓글을 남기려면 로그인이 필요해요.
비슷한 주제를 모아 봤습니다.
