주발이의 개발새발

[리액트 실습] 간단 영화 앱 만들기 5 (React Routing) [리액트 실습] 간단 영화 앱 만들기 4 (1-3 코드) [리액트 실습] 간단 영화 앱 만들기 3 (components와 props) [리액트 실습] 영화 앱 만들기 2 (리액트 개발환경 구축) [리액트 실습] 영화 앱 만들기 1 (tmdb a 0lrlokr.tistory.com 5에서 이어진다 ~ 이번 포스팅에서는 '헤더'부분에 대해서 코드를 짜 볼 예정이다. 아마 마켓컬리 클론코딩 헤터 포스팅과 유사한 부분이 많을 것이다. [리액트 실습] 마켓컬리 클론코딩 1. 헤더 만들기 3주차 과제는 ~~~ 마켓컬리 클론 코딩이다 ! 3주차에서는 SPA, routing에 대해서 배웠다. React Routing - Rising Camp 12th..

3주차 과제는 ~~~ 마켓컬리 클론 코딩이다 ! 3주차에서는 SPA, routing에 대해서 배웠다. React Routing - Rising Camp 12th WEB SPA 방식의 어플리케이션에서 여러 페이지를 처리할 수 있도록 도와주는 react-router-dom 라이브러리를 활용해보며, 리액트 라우팅에 대해 이해해봅시다. inbroz-charles.gitbook.io 개인적으로 리액트에서 가장 큰 장점이라 생각되는 부드러운 넘어감(?)을 구현해보는 시간이었다. 1. header 완성화면 페이지 각각은 아직 구현중이다. Kurly홈 이미지를 누르면 Main화면으로 넘어온다. 다른 버튼들도 마찬가지로 누르면 각각 이동한다. 2. 구현 리액트의 react-route-dom을 활용했다. 지금까지 작성한 ..

[리액트 실습] 영화 앱 만들기 1 (tmdb api 발급) 1. 실습 영상 찰스님의 실습 영상을 보고 공부했다 !! 따라가기도 쉽고 설명도 잘해주셔서 도움이 많이 된 실습이었다 . 2. 완성된 페이지 상영중인 영화 + 제목 + 평점을 나타낸 리액트 웹 !! 사실 0lrlokr.tistory.com API를 발급받았으니 이제 본격적인 개발(?)을 할 차례다 ~~! 간단한 리액트 실습이기에 과정은 어렵지 않았다. 이전 게시물에서 쓴 API 줄바꿈으로 컴포넌트가 잘 먹지 않았던 문제만 있었을 뿐 코드만 잘 따라 적으니 화면이 잘 떴다. 1. 터미널을 이용해 vscode띄우기 (리액트 개발환경 구축은 추후 포스팅을 작성해야겠습니다 ! ) (React)리액트 설치 및 실행법 상세하게(window & Mac) 리..