[React] 영화 웹

오늘은 내가 몇일 전에 만든 영화 웹을 만들면서 전반적으로 썼던 기술?들을 정리해보려고한다.

이 프로젝트는 노마드 코더님의 강의를 바탕으로 했으며, 전체적으로는 결과물이 비슷하나 누르면 줄거리만 나오는 화면이 나오는 것과 About화면의 css등 자잘하게만 응용을 해서 수정을 했다.

이번에 이렇게 전체적으로 프로젝트를 해보니까 리다기에서 책으로만 보고 예제를 따라하며 이해했던 것 그 이상으로 많은 것을 느낄 수 있어서 너무 좋았다.

이 때 이 개념이 여기에 쓰이는거구나!!하면서 반갑기도 하고 잘못이해했던 부분들을 고칠 수 있어서 재밌었다.

새로 알게 된 부분 중에 깃헙 페이지가 있어서 너무 신나 프로젝트를 끝내자마자 바로 블로그 포스팅도 하나 했었다ㅎㅎ...

그래서 전체적으로 정리해놓으면 나중에 보기에도 편하지 않을까?해서 이렇게 정리해보게 되었다.

 

---

결과물

일단, 결과물은 내가 전에 올렸던 포스팅에도 있지만, 다시 올리겠다.

링크는 요기를 누르면 되고, 화면 움짤도 올릴게욥

또 코드들을 보기 쉽게 깃헙 주소도 올려놓겠다!

github.com/MinJoo-Park01/movie_app

MinJoo-Park01/movie_app

그리고, 진짜 노마드 코더님 유튜브만 보다가 강의를 처음 들어봤는데 강의력 진짜로 미치셨다.

진짜로 신세계였다. 리액트에 관심이 있는 데 뭔가를 만들어보고 싶은 분이나 리액트 개념들이 정리가 잘 안된다하는 분들께 진짜 강추드린다!!(요것도 링크 걸어놓겠다)=> 요기 누르세욥!

 

사용된 기능(skill)

• React
• Css
• yts API 사용
• router, navigation
• github page

이중에서 제일 이해하기 어려웠던 부분이 라우터랑 네비게이션 부분이었는데 아 이런거구나 이해는 되지만 browserrouter, Hashrouter의 차이가 뭐고 언제 뭘 써야하는지 그런 부분이 정확하게 와닿지 못해서 별도로 정리해보려고 한다.

 

👇🏻라우터에 대해 정리한 글은 여기에!

minjoo-space.tistory.com/61

[React] BrowserRouter VS HashRouter