Today

1. 새로운 팀 프로젝트

주제 : 개인 프로젝트 중 하나를 발전시켜 웹페이지 구현

• 필수 요구사항
  - TMDB 또는 영화진흥위원회 오픈 API 이용
  - 영화정보 상세 페이지 구현
  - 상세 페이지 영화 리뷰 작성 기능 구현
  - github PR(=Pull Request) 사용한 협업
  - UX를 고려한 validation check
  

👇항상 시작하기 전에 와이어 프레임을 그려보자

대충 팀원들과 비슷하게 생각해 냈고 바로 분업을 시작했다.

내가 맡은 부분은 review section

🪄뚝딱

아직 서로 디자인적 회의를 하지 못했지만.. 시간은 충분하니까

댓글창을 구현하다가 잠시 배운 것을 정리해보면

HTML 관련

• input의 필수값 지정 속성 : required
  

• input의 글자수 제한 속성 : maxlength

  type이 'text, search, url, tel, email, password' 일 경우에만 유효합니다.

  type이 'number'일 경우에는 유효하지 않습니다.
  => 입력된 글자수를 체크로직 구현
  출처: https://hianna.tistory.com/435 [어제 오늘 내일:티스토리]

<form id="review_form">
  <input type="text" id="id" placeholder="작성자" required>
  <input type="text" id="password" placeholder="비밀번호" required>
  <div id="review_create">
    <input type="text" placeholder="영화에 대한 리뷰를 작성해주세요(50자 내)" maxlength='50'>
    <button>작성</button>
  </div>
</form>

2.알고리즘 - 하샤드 수

어제 정리했던 reduce 사용! 목표 달성

3. 개인 프로젝트

제출은 했지만 아직도 부족한 점이 많이 들어 한번씩 만져보고 있다.

오늘 구현 내용

• 기존 : 클릭 시 영화의 id값 alert창에 띄우기
• 변경 : +클릭한 id값을 토대로 영화 추천!

사실 TMDB내 API를 찾아서 적용한 것 밖에 없다.

---

Learn

강의에서나 구글링을 통해서나 학습한 내용을 써본다는 것은
쉽지 않다.

하지만, 그것을 쓰면서 무엇을 만들어 나가는 것에 성취감이 느껴진다.

• 알고리즘을 풀면서 사용하는 배열 관련 메서드
• 내가 원하는 API를 가지고 기능 구현

등등..

---

주절주절

내일을 또 무엇을 해야하나