TIL

 

5.1 

 

오전 - 코드카타(1시간)

• 중복된 숫자 개수

• 머쓱이보다 키 큰 사람

• 중앙값 구하기 

function solution(array, n) {     var answer = 0;     for(let i=0; i<array.length; i++)         if(array[i] === n){             answer ++;                     }                 return answer; }

function solution(array, height) {     var answer = 0;     for ( let i=0; i<array.length; i++)            if(array[i] > height){             answer ++         }          return answer; }

function solution(array) {     var answer = 0;    array = array.sort((a,b) => (a-b))             answer = array[(array.length-1)/2];     return answer; }

 

팀과제 발제

 

  🚩 목표

• 문법 활용 능력
• 바닐라 JS로 결과물을 온전히 만드는 경험

  💡 개요
- 개인과제에서 작성한 [인기영화 콜렉션] 발전시키는 팀 프로젝트
- 팀원들의 프로젝트 N개 중 1개를 대표로 선택, 팀 프로젝트로 발전

   💡필수요구사항
1.TMDB 또는 영화진흥위원회 오픈 API 이용 
2.영화정보 상세 페이지구현 ( TMDB 어떤 api 를 이용할 수 있는지 영화 id 활용)

 - 기존 영화정보 카드 리스트에서 특정 item 선택할 시, 상세 페이지로 이동하도록 구현

 - 상세 페이지에서 메인 페이지로 이동하는 UI도 함께 구성하기
3. 댓글 로컬스토리지

 - 상세페이지에서 특정 영화에 대해 의견을 작성할 수 있는 UI

    (작성자, 리뷰, 확인비밀번호 입력하도록 구현) 

 - 작성 정보는 브라우저 localStorage에 적재하도록 하기

     (로컬스토리지 객체를 어떻게 문자로 저장할수있을지)
4. github PR 사용한 협업
5. ux 고려한 vaildation check (기준 정하기)
      ex) 특수문자포함, 글자수제한, 욕설금지
6.문법 리스트 중 5개 이상 이용하여 구현하기

    💡과제 제출
- 5월9일(목) 12시까지
- 깃헙..협업 경험 쌓기

 

   오늘 과제 진행

 

1.팀원 모두 개인 과제 간략하게 소개 후 투표로 [대표 프로젝트] 정하기

 

2. GitHub와 친해지기

- 팀장님이 새로운 레포지토리 생성하고 main을 dev로 브랜치하기

- 팀원 모두 코드주소를 복사해와서 개인 로컬에 새파일 생성후 git clone 주소 .

- 각자의 개인 브랜치 생성 git branch 브랜치명 => 브랜치로 이동 git switch 브랜치명

- 수정후 git add . => git commit -m "수정글" => git push origin 브랜치명 => github에서 pR하기

- 팀장님이 수정 확인후 dev에 merge하기

- merge 됐으면 git pull origin dev 로 받아오기

 

3. 와이어프레임 만들기

- 와이어프레임을 제작하며 큰 틀을 구상하다

상세페이지를 어떤식으로 구현할 건지 의견을 나누다 내일까지 개인별로 상세페이지 코드구현 시도해보고

다시 회의하기로함.

 

=> 영화 카드를 누르면 해당 영화의 id값이 뜨고 상세페이지(html)로 넘어가며 뒤로가기 버튼을 누르면

이전 페이지로 넘어가는건 했지만 해당 id값에 맞는 데이터를 어떻게 가져와야할지에서 막혔다.

 

👀 조금 더 알아볼 것

- a 태그와 href 

<a> 태그의 href 속성은 링크된 페이지의 URL을 명시합니다.