순수 JS로 만든 간단한 만화 사이트로 API 통합을 공부했습니다
발행: (2026년 1월 8일 오전 04:18 GMT+9)
2 분 소요
원문: Dev.to
Source: Dev.to
소개
지난 주말에 API 통합 및 DOM 조작에 대한 공부를 실전에 적용하기 위해 HTML, CSS, JavaScript 순수(프레임워크 없이)를 사용해 간단한 만화 뷰어를 개발했습니다. 데이터 흐름을 더 잘 이해하기 위해서입니다.
배운 점 / 사용한 기술
- Fetch API – MangaDex의 비동기 요청을 처리하기 위해 사용했습니다.
- 동적 요소 조작 – 표지와 챕터를 표시하기 위해 사용했습니다.
- CSS Grid와 Flexbox – 레이아웃을 반응형으로 만들기 위해 사용했습니다.
참고: MangaDex API는 특히 이미지 제공에 제한이 있지만, 이 프로젝트는 논리 연습에 좋은 과제였습니다.
코드 및 시연
- Repositório no GitHub:
- Site hospedado no Netlify: