클라우딩 어플리케이션 엔지니어링 TIL (7주차 - 1)

일기장 만들기

• 목표

  1:작성자 이름 입력하기(한줄 입력)
  2:작성자의 오늘 행동 입력하기(여러 줄 입력)
  3:작성자의 감정 지수 입력하기(드롭다운 메뉴)

입력 기초

1.각 입력 에어리어 생성
2.state 기능을 통해 현재 내용 입력받기
2-1.드랍다운 옵션으로 감정 지수 입력받기
3.입력된 내용 불러오기(차후 저장기능 추가)

입력 검증

1. 조건문을 통해 입력이 정상적인지 확인하기
2. 입력이 비정상적이라면 저장하지 않고 경고문 띄우기

• 개선 : 경고문을 띄우지 않고 Focus 기능을 통해 입력되지 않은 곳 강조하기

데이터 불러오기

1.더미 리스트를 통해 임의의 데이터 표본 만들기
2.만들어진 리스트를 map을 사용해 나열하기

• Date() 사용시 toLocaleString으로 보기 편한 형식으로 변경