README.md

토이프로젝트 1: 지브리 영화 소개 사이트

1. 프로젝트 소개

https://changchangwoo.github.io/TOY_GhibliWEB/

지브리 스튜디오의 영화 줄거리를 간략하게 소개하는 SPA웹사이트입니다. 학습 프로젝트로 JavaScript의 DOM 처리 및 SPA 구조에 대한 이해 향상을 목적으로 구현하였습니다.

2. 기능 동작

3. 프로젝트 목표

• Vanilla JS를 활용하여 SPA 구조 구현
• 코드 모듈화를 통한 재사용성 고려
• JavaScript DOM 처리에 대한 이해와 숙달
• 반응형 웹 구현

4. 사용한 기술 스택

• HTML, CSS, JavaScript

5. 경험한 이슈

• 비동기 동작 처리로 인한 컴포넌트 렌더링 순서 변경
• GitHub Pages 호스팅 경로 설정 오류
• 이미지 로딩 이전 컴포넌트 렌더링으로 인한 깜박임 현상

6. 느낀점

간단한 웹 페이지를 구현함으로써 바닐라 자바스크립트의 실력을 향상시키고, DOM 처리에 대한 다양한 측면을 배울 수 있었습니다. 특히 컴포넌트의 모듈화에 있어 설계없이 곧바로 구현하게 됐을 때 겪을 수 있는 문제점이란 문제점은 다 겪은 것 같아 설계의 중요성을 사무치게 느꼈습니다.