한줄평 등록

TASK 설명

1

별점
- 별점을 1 ~ 5점까지 선택할 수 있다.
- 1번째 별을 누르면 1점, 5번째 별을 누르면 5점이다.
- 예를 들어, 1번째 별을 누르면 1점, 다음에 3번째 별을 누르면 3점, 다시 2번째 별을 누르며 2점이다.

2

*리뷰
- 최소 5자에서 최대 400자까지 등록할 수 있다.
- .review_contents을 클릭하면, .review_contents을 숨기고 textarea에 focus을 보낸다.
- focus가 나가고 textarea에 text가 없으면 다시 .review_contents을 보여준다.

3

사진
- 최대 5장까지 등록할 수 있다.
- 파일의 크기는 1장당 1mb을 초과하지 않는다.
- jpg, png만 가능하다.
- 글을 등록하기 전에 하단에 preview을 할 수 있고, 삭제할 수 도 있다.

학습 유닛

FE

JS

util.js을 만들고 안에 예약하기에서 만든 extend메서드를 넣는다. 이를 활용하여 아래 작업을 한다.
Rating이라는 이름으로 컴포넌트를 개발.
- change 이벤트를 만들고, 이벤트 리스너에게는 현재 점수 정보가 있는 이벤트 객체가 인자로 들어간다.
- score 메서드는 현재 점수를 반환한다.
FileReader
Promise
contentType, postData의 이해 (링크)

jQuery

processData, contentType 옵션의 이해

BE

파일업로드
트랜잭션

도전 과제

FE

XMLHttpRequset을 사용하여 사진은 비동기로 올린다.
FormData의 이해

BE

리뷰정보, 파일정보가 저장되기 위해 트랜잭션 처리가 되야 한다.