만들면서 학습하는 리액트(react):준비편 - 001

준비편

백문이 불여 일타

배우는 방법은 두가지 : 이론을 배우고, 실습을 하는 방법, 실습을 해보고 이론과 맞춰보는 것

프로그래밍도 먼저 손으로 쳐보고 나중에 이론을 배운다면 프로그래밍이라는 것에 좀 더 편하게 다가갈 수 있을 것

결과물 미리보기

쇼핑몰의 상품검색화면

검색 화면은 입력창, 추천 검색어, 최근 검색어가 표시

검색어를 치면 검색결과 화면으로 이동함

검색결과 화면은 검색어, 상품 이미지, 상품명이 표시

검색결과 화면에서 ‘X’ 버튼을 클릭하면 검색 화면화면으로 돌아감

요구사항 분석

https://jeonghwan-kim.github.io/series/2021/04/05/lecture-react-ready.html#%EA%B2%B0%EA%B3%BC%EB%AC%BC-%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B0

실습환경 구성

실습에는 4가지 프로그램이 필요함

• node.js(필요 시 nvm 설치)
• 에디터(vscode)
• 브라우저(파이어폭스 or 크롬)
• git

https://jeonghwan-kim.github.io/series/2021/04/05/lecture-react-ready.html#%EC%8B%A4%EC%8A%B5-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%84%B1

중간정리

https://jeonghwan-kim.github.io/series/2021/04/05/lecture-react-ready.html#-%EC%A4%91%EA%B0%84-%EC%A0%95%EB%A6%AC

참고

• https://www.inflearn.com/course/%EB%A7%8C%EB%93%A4%EB%A9%B4%EC%84%9C-%ED%95%99%EC%8A%B5%ED%95%98%EB%8A%94-%EB%A6%AC%EC%95%A1%ED%8A%B8/dashboard
• https://jeonghwan-kim.github.io/series/2021/04/05/lecture-react-ready.html