와챠의 우당탕탕 개발 기록장

목차 결과물 설명 화면 및 기능 api 패키지 구조 홈 화면 상세 화면 1. 결과물 설명 만들 웹툰 앱은 다음과 같다. 1-1. 화면 및 기능 화면은 홈 화면과 상세 화면으로 총 2개고, 각 화면별 기능은 다음과 같다. 홈 화면 오늘의 웹툰 리스트 확인 가능 리스트 아이템 클릭 시 해당 웹툰의 상세 페이지로 이동 상세 화면 웹툰 설명 / 장르 / 연령가 출력 최신 10화 목록 출력 목록 아이템 클릭 시 해당 회차의 네이버 웹툰 url로 이동 하트 기능: 좋아요 표시 가능 1-2. api 여기서 사용할 api는 다음과 같다. base Url = https://webtoon-crawler.nomadcoders.workers.dev 오늘의 웹툰 목록 받아오기: baseUrl + "/today" 웹툰 상세 정보..

* #3, #4는 생략 및 다른 강의노트에 추가함. 목차 시작하기 전에 사용자 입력에 따라 실행: 폼 제출 시마다 폼 입력값으로 고양이 짤방 만들기 웹 시작 시 실행: 웹 시작 시에 first cat이 써진 고양이로 메인 고양이 사진 초기화하기 useEffect란? setState의 성능 개선 1. 시작하기 전에 open API 모음 깃허브에서 고양이 짤방 api를 사용하여 고양이 짤방 기능을 추가할 것임 fetch 사용하기 문서에서 가져온 fetch 사용법 fetch('http://example.com/movies.json') .then((response) => response.json()) .then((data) => console.log(data)); js 비동기 처리와 콜백 함수 문서 비동기 처리..