/React-study

드림코딩 리액트 강의를 들으며 작성한 코드입니다.

Primary LanguageJavaScript

React-study

1. Habit Tracker 🌱

  • 개발 목표: 리액트 컨포넌트 개념, 컨포넌트 간의 데이터 전달방식 익히기
  • 개발 일자 : 15/10/2021 ~ 17/10/2021
  • URL : 배포 URL✨
  • 처음 화면

스크린샷 2021-11-01 오후 2 40 21

- 리스트 추가화면

스크린샷 2021-11-01 오후 2 42 16

---

2. YouTube Clone Coding

  • 개발 목표: Public APIs활용하여 기존 서비스를 따라 구현하기, 리액트 라우터 다루는 방법 익히기
  • 개발 일자 : 18/10/2021 ~ 20/10/2021
  • URL : 배포 URL✨
  • 다크모드-처음 화면

스크린샷 2021-11-01 오후 2 49 45

- 브라이트 모드-처음 화면

스크린샷 2021-11-01 오후 2 49 58

- 검색, 비디오 클릭 및 재생

스크린샷 2021-11-01 오후 2 50 30

---

3.Business Card Maker

  • 개발 목표: firebase를 활용하여 DB를 가진 웹 서비스 구현하기, 리액트 라우터와 컨포넌트를 사용하여 원하는 동작
  • 개발 일자 : 21/10/2021 ~
  • 임시배포 URL : 배포 URL✨
  • 수정사항
    • 이미지 업로드버튼 클릭 시, 바로 적용되도록 수정 필요