/wanted-pre-onboarding-frontend

원티드 프리온보딩 프론트엔드 인턴십 사전 과제입니다.

Primary LanguageJavaScript

원티드 프리온보딩 프론트엔드 인턴십 사전 과제 - 선발 과제

이 레파지토리는 원티드 프리온보딩 프론트엔드 과정 선발 과제를 제출하기 위하여 만들어졌습니다.

his repository was created to submit a selection task for the Wanted Prionboarding FrontEnd Course

1. 시작 방법

https://wanted-pre-onboarding-frontend-tan.vercel.app/ 현재 상기 주소에 vercel로 배포되어 있습니다.

만약 로컬로 실행하고 싶다면 레퍼지토리를 로컬로 clone 후 하단 명령어를 입력해주세요.

  npm i
  npm start

프로젝트 시작시 http://localhost:3000 로컬 브라우저에서 페이지를 시작하는 것을 확인할 수 있습니다.

2. src 구조

해당 프로젝트의 소스는 다음과 같은 구조를 가지고 있습니다.

  📦src
 ┣ 📂components
 ┃ ┣ 📂Todo
 ┃ ┃ ┣ 📜AddTodo.js
 ┃ ┃ ┗ 📜Todo.js
 ┃ ┣ 📜SignIn.js
 ┃ ┗ 📜SignUp.js
 ┣ 📂constants
 ┃ ┗ 📂motion
 ┃ ┃ ┗ 📜index.js
 ┣ 📂pages
 ┃ ┣ 📜Signin.js
 ┃ ┣ 📜Signup.js
 ┃ ┗ 📜Todo.js
 ┣ 📜App.js
 ┣ 📜index.css
 ┗ 📜index.js

3. 데모 영상

각 기능 1. 로그인 2. TodoList CRUD 에 맞게 구현 및 녹화하였습니다. gif파일입니다.

  1. LOGIN Login

  2. CRUD CRUD