MERN프로젝트
-
MovieApp 만들기) 3.Movie Detail 만들기NODE.JS 2021. 4. 27. 16:22
이번에는 메인 화면에 있는 영화를 클릭할 경우 창이 이동해서 영화의 디테일 사항을 보여주도록 한다. 만드는 순서는 1. 특정영화에 대한 정보를 가져오고 2. 영화 api 정보를 state에 넣고, 3. 전체적인 템플릿을 만들고, 4. 영화에 나오는 배우들 정보를 가져오고, 5. 가져온 정보를 state에 넣고, 6. 가져온 state의 정보를 보여주는 순으로 진행된다. 일단 view->MovieDetial->MovieDetail.js파일을 만든다. function MovieDetail(props) { let movieId = props.match.params.movieId const [Movie, setMovie] = useState([])//이름은 Movie로 하고 array에 넣어준다. const [..
-
MovieApp 만들기) 1.Mongo Db 연결하기NODE.JS 2021. 4. 26. 21:56
지난 한달동안 node.js와 자바스크립트, 리액트 중심으로 강의를 들었는데, 이번에는 유튜브 강의를 활용해서 실제로 프로젝트를 진행하는 것을 해보려고 한다. https://www.youtube.com/watch?v=TrxXFbF52gs&list=PL9a7QRYt5fqkowXUgTj_tbkFClsPhO5XV&index=7 강의는 위의 목록을 보고 따라 배우면 된다. 가장먼저 boiler-plate를 적용해서 진행하기 때문에 아래 깃헙에서 파일을 다운받고 실행한다. https://github.com/jaewonhimnae/boilerplate-mern-stack jaewonhimnae/boilerplate-mern-stack Boilerplate when you use REACT JS, MONG DB, E..