JavaScript 복습

유튜브 강의

자바스크립트 4. 코딩의 기본 operator, if, for loop 코드리뷰 팁 | 프론트엔드 개발자 입문편 (JavaScript ES6)

자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (JavaScript ES6 )

자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 | 프론트엔드 개발자 입문편 ( JavaScript ES6)

---

API 통신

기존에 사용하던 로컬 디렉토리 대신 서버(url)을 store에 삽입
서버에 대한 설명은 app.json 확인

---

24.01.17.
과제

‘내 문제지’ 버튼에 record bind하여 정보 띄우기

• CardMyPaper.js 에 버튼 삽입
• MyPaperView.js에 mypapersstore로 데이터 bind 되어 있음
• handler는 Card가 작동할 MyPaperViewController.js에 작성
  • button에서 바로 bind된 데이터를 가져올 수 없으므로 데이터가 있는 곳에 가서 가져옴
    • button.up(’card-my-paper’).getRecord();
  • record에서 필요한 정보 추출
    • id, title, questioncount, averagedifficulty

---

24.01.18.

과제

버튼을 누르면 문제 페이지로 이동하도록 라우팅

• button의 handler에서 문제 페이지로 이동하도록 설정
  • this.redirectTo(’testMypapers/’+myPaperId);
• MainViewController.js에 routes 작성
  • ‘testMypapers/:id’: { before: , action: }
• Ajax로 요청하는 법
  

• before : 문제지가 존재하는지 확인
  • id로 서버에 요청하여 요청에 성공하면 action 함수 실행, 실패하면 문제지 없다는 alert
• action : 완료날짜가 있으면 출제 문제지로 이동, 없으면 문제 없다는 alert
  • id로 서버에 요청, response를 decode하여 데이터를 가져옴
  • completedAt : 완료된 날짜(출제 완료하면 있고 편집 중이면 없는 field)
    • data를 로드하여 model 모양에 맞게 만들어 record로 활용

---