Movie app 만들기 - with 인프런

저번 주말부터 시작해 인프런 강의를 통해 간단한 무비앱을 만들어 보는 시간을 가졌습니다!!! 따라 만들고 나만의 스타일로 바꿔서 만들어 보는 시간을 갖고 싶었지만 시간적으로 너무 여유가 없습니다 ㅠㅠ 여튼!!!

 

이번 인프런 강의 무비앱 만들기를 통해서 리엑트 프롭스의 흐름과, api 데이터 정보를 어떻게 전달되는지 알게 되었습니다! 특히 백엔드 파트 부분에서도 어떤식으로 api를 주고 받는지 간략하게라도 파악하였습니다!!! 아직 많이 부족하고 클론코딩 수준이지만 이번 무비앱을 만들어 보면서 많은 도움이 되었습니다!!!

 

리엑트를 활용하여 다양한 웹사이트를 경험하면서 언젠가 직접 로직을 작성해서 나만의 프로잭트 또한 만들어 볼 예정입니다!!! 여튼 인프런 무비앱 만들기 강추강추!!!

 

https://www.inflearn.com/course/%EB%94%B0%EB%9D%BC%ED%95%98%EB%A9%B0-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EB%85%B8%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%98%81%ED%99%94%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0/questions?page=4&type=question&limit=20

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기 질문 & 답변 - 인프런 | 강의

 

 

 

 

 

#.이번 movie app 클론 코딩을 통해 알게 된점!!!

첫번째는 리엑트에서 가장 중요하면서 기본적인 개념인 프롭스 전달입니다! 이번 미니 프로잭트로 인해서 프롭스가 어떻게 전달되고 컴포넌트에 어떻게 적용하는지 알게 되었습니다!

 

두번째는 api의 흐름입니다. 빽엔드에서 서버 api를 관리를 해주고 프론트에서 api를 받아와서 화면에 출력되는 과정과 api를 사용하기 위한 fetch나 Axios를 활용해서 데이터를 불러온다는 점과  몽고db에 대한 사용방법 서버페이지를 세분화 시켜 코드를 효율적으로 관리하는 점을 알게 되었습니다. 추가적으로 express의 활용과 라우터를 어떤식으로 쓰는지도 파악 완료!!

 

세번째는 엔트디자인을 활용하여 css를 좀더 돋 보이게 할 수 있었고 무비앱을 하나 만드는데 엄청 많은 컴포넌트가 필요하다는 것을 알게 되었습니다.... 한마디로 컴포넌트를 개별적으로 관리하여 재사용이나 수정하기가 수월 하다라는 것을 알게 되었습니다!

 

그냥 여러모로 도움이 많이 되었습니다!!!

 

#. 아쉬운점

서버부분에서 좋아하는 영화를 클릭해서 좋아요를 누를 때 504 서버에러가 나왔습니다.... 서버쪽을 아무리 봐도 뭐가 틀렸는지도 모르겠고 결국 해결하지 못하였습니다.... 이부분에 있어 좀더 서버에 대해 깊게 공부할 필요가 있었고 로그인과 회원가입 구현에 있어 어떻게 회원정보를 받아와서 네트워크 통신에 저장하는지 확실하게 이해하지 못했습니다..... 아직 백앤드 부분을 공부한 적이 없어서 미숙하지만 나중에 백앤드 부분을 공부하게 된다면 이번에 만든 앱 또한 다시 리펙토링 해서 504 에러 부분을 해결 할 예정입니다!!!

 

 

#. 다음 미니프로잭트 예고!!!

일단 다음주까지 클론코딩을 한번 더 해볼 예정 입니다!!! 확실히 만들면서 알아가는 과정이 너무 재미있고 부족했던 개념을 해소? 하는 느낌입니다!!! 다음 클론 코딩 주제는 유튜브 입니다!!! 너무 기대가 됩니다!!!!

 

얼릉 만들고 싶다~@