인플런 클론 코딩

• 화면 구현 영상 : https://youtu.be/4wSpY_Zkcm0

• 배포 URL : https://inflearn-clone-coding.netlify.app/

  
  

✏️ 프로젝트 소개

React JS 를 이용하여 인프런 클론 코딩을 한 프로젝트입니다. - 화면 구성 : 메인 페이지 (+로그인 모달창) , 강의 목록 페이지, 강의 상세 페이지ㅣ

🔥 기술 스택

JavaScript	React	FireBase

💡 구현 기능

메인 페이지

• 검색창을 통하여 불러온 데이터를 필터링하여 볼 수 있습니다
• 네비바의 로그인 버튼을 누르면 로그인 모달창이 나오면서 로그인을 할 수 있도록 합니다. (구글 로그인 연결)

강의 목록 & 강의 상세 페이지

- 강의를 누르게 되면 props 로 전달되어 해당 강의의 상세 페이지를 볼 수 있습니다

👀 배운 점 & 아쉬운 점

• 리액트의 전반적인 부분들을 이해하고 응용할 수 있게 되었습니다
• recoil, styled-components 등 여러 라이브러리를 학습할 수 있었습니다.
• 파이어베이스와 연결하여 리액트 내에서 비동기 통신하는 방법을 배우게 되었습니다