이번 미션은 Ajax를 이용하여 TodoList를 발전시키는 미션입니다. 비동기 통신으로 데이터를 관리할 경우 자바스크립트의 비동기라는 특성을 더욱 깊이있게 이해할 수 있습니다

• 1. User 추가하기
• 2. User의 투두리스트 불러오기
• 3. User 삭제하기
• 3. todoItem 추가하기
• 4. todoItem 불러오기
• 5. todoItem complete하기
• 6. todoItem 삭제하기
• 7. todoItem contents 내용 수정하기

• 1. 데이터를 불러오기전 로딩바를 이용해, 사용자가 데이터가 불러와지고 있다는 것을 보여줍니다.
• 2. fetch api 사용하는 부분을 async await을 사용하여 리팩토링합니다.
• 3. github issue에서 라벨을 붙이는 것처럼, 우선순위에 따라서 badge를 추가합니다.
• 4. ES6 impot & export를 이용해 자바스크립트 파일을 리팩토링합니다.

• 1. User의 이름은 최소 2글자 이상이어야 합니다.

{
 response: [...]
}

{
 requestBody: {
   "name": "string"
 },
 response: {
   "_id": "string",
   "name": "string",
   "todoList": []
  }
}

{
 response: {
   "_id": "string",
   "name": "string",
   "todoList": [...]
  }
}

{
 response: {}
}

{
 response: [...]
}

{
 requestBody: {
   "contents": "string"
 },
 response: {
   "_id": "string",
   "name": "string",
   "todoList": [...]
  }
}

{
 response: {
   "_id": "string",
   "name": "string",
   "todoList": []
  }
}

{
 response: {
   "_id": "string",
   "name": "string",
   "todoList": [...]
  }
}

{
 requestBody: {
   "contents": "string"
 },
 response: {
  "_id": "string",
   "contents": "string",
   "priority": "string",
   "isCompleted": "boolean"
  }
}

{
 requestBody: {
   "priority": "string" // 'NONE', 'FIRST', 'SECOND'
 },
 response: {
   "_id": "string",
   "contents": "string",
   "priority": "string",
   "isCompleted": "boolean"
  }
}

{
 response: {
   "_id": "string",
   "contents": "string",
   "priority": "string",
   "isCompleted": "boolean"
  }
}

'훌륭한 의사소통은 블랙커피처럼 자극적이며, 후에 잠들기가 어렵다'.
A.M. 린드버그(미국의 작가, 수필가) -

블랙커피처럼 서로를 자극해주고, 동기부여 해주며, 그 성장과정으로 인해 의미있는 가치를 만들어내고자 하는
프론트엔드 코드리뷰 모임 ☕️ Black Coffee입니다.

로컬에서 웹서버를 띄워 html, css, js 등을 실시간으로 손쉽게 테스트해 볼 수 있습니다. 이를 위해서는 우선 npm이 설치되어 있어야 합니다. 구글에 npm install 이란 키워드로 각자의 운영체제에 맞게끔 npm을 설치해주세요. 이후 아래의 명령어를 통해 실시간으로 웹페이지를 테스트해볼 수 있습니다.

npm install -g live-server

실행은 아래의 커맨드로 할 수 있습니다.

live-server 폴더명

아래 링크들에 있는 리뷰 가이드를 보고, 좋은 코드 리뷰 문화를 만들어 나가려고 합니다.

• 코드리뷰 가이드1
• 코드리뷰 가이드2

만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.

버그를 발견한다면, Issues 에 등록 후 @eastjun에게 dm을 보내주세요.

This project is MIT licensed.