📌 인터넷 유행어 박물관: 우리가 사랑한 인터넷 문화

📌 인터넷 유행어 박물관: 우리가 사랑한 인터넷 문화

📅 프로젝트 기간: 2025년 2월
🛠 사용 기술: HTML, CSS
🎯 주요 기능: 연도별 유행어 정리, 유튜브 영상 링크 연결

1️⃣ 프로젝트 개요

인터넷에서 유행했던 단어와 밈들을 한눈에 볼 수 있는 웹사이트, "인터넷 유행어 박물관"을 만들었습니다.
2000년대부터 2020년대까지 각 시대별 유행어를 정리하고, 클릭하면 관련 유튜브 영상으로 연결되도록 구현했습니다.
이 사이트를 통해 과거의 인터넷 문화를 되돌아볼 수 있습니다.

2️⃣ 주요 기능

🔹 연도별 유행어 아카이브

• 2000년대, 2010년대, 2020년대 각 시대별로 사람들이 많이 사용했던 유행어 정리

• 카드 형태로 구성하여 직관적인 UI 제공

🔹 유튜브 영상 연결

• 특정 유행어를 클릭하면 관련 유튜브 영상이 새 창에서 재생되도록 설정

• 예를 들어, "사딸라"를 클릭하면 해당 영화 장면이 있는 유튜브 영상으로 이동

🔹 반응형 웹 디자인 (추가 예정)

• 현재는 데스크톱 환경에서 최적화되어 있지만, 모바일에서도 잘 보이도록 개선할 계획

3️⃣ 개발 과정

이 프로젝트는 HTML과 CSS만을 활용하여 정적인 웹사이트로 제작되었습니다.
처음에는 단순한 유행어 리스트를 만드는 것으로 시작했지만, 유튜브 영상 링크 추가와 디자인 개선을 거치며 점점 더 완성도를 높였습니다.

🚀 추후 JavaScript를 배우고 나면, 클릭 시 페이지 안에서 유튜브 영상을 재생할 수 있도록 기능을 확장할 예정입니다!

4️⃣ 프로젝트 결과 & 배운 점

✅ HTML, CSS를 활용한 반응형 웹 디자인 경험
✅ 단순한 리스트가 아니라, 카드형 UI로 정리하여 가독성 향상
✅ 유튜브 링크를 연결하여 더 인터랙티브한 사용자 경험 제공
✅ 앞으로 JavaScript를 배우면 추가할 기능들에 대한 아이디어 구체화

5️⃣ 프로젝트 미리보기

👉 인터넷 유행어 박물관

6️⃣ 앞으로의 계획

💡 JavaScript 학습 후 기능 확장

• 클릭 시 페이지 안에서 유튜브 영상이 팝업으로 재생되도록 구현

• 검색 기능 추가하여 유저가 원하는 유행어를 쉽게 찾을 수 있도록 개선

💡 더 많은 유행어 추가 & 반응형 디자인 개선

• 시대별로 부족한 유행어를 추가하여 더 풍부한 데이터 제공

• 모바일에서도 보기 좋은 디자인으로 개선