HTML, CSS, JS를 활용한 웹 실습

2024년 8월, HTML, CSS, JAVASCRIPT를 활용해 기초적인 나만의 웹을 만들어 보았습니다.

목표

시리즈물을 주제로 하여 재밌게 봤던 시리즈물 몇 가지를 소개하는 것을 목표로 진행하였습니다. 그 외에도 HTML, CSS, JAVASCRIPT의 기초 문법을 학습하고 웹의 텍스트, 아이콘, 이름 등을 직접 설정해보며 웹의 구성요소를 다뤄보는 것이 목표였습니다.

설명

MPA방식을 채택하여 사용자가 특정 상호작용을 하였을 때 (버튼을 누르는 등) 지정 페이지로 이동하여 사용자가 원하는 정보를 볼 수 있도록 하였습니다. 텍스트만으로 이루어졌을 때의 밋밋함을 방지하기 위해 각 시리즈물의 이미지를 삽입하였고, 공식 사이트 혹은 참고 사이트를 링크하여 사용자가 추가적인 정보를 취득할 수 있도록 하였습니다. DISQUS를 활용하여 웹 페이지에 댓글 기능을 삽입하였고, TAWK를 활용하여 웹의 사용자가 개발자(본인)와(과) 직접적인 소통이 가능하도록 구현하였습니다. 또한 이를 GITHUB를 Repositorie를 이용해 배포하여 어디서든, 누구든 웹에 접근 가능하도록 하였습니다.

마치며

해당 웹의 UI와 내용 등은 다소 빈약하지만 각종 기능을 학습하기엔 매우 좋았습니다. 또한 이를 경험삼아 웹 공부에 추진력을 더 할 수 있었습니다.

참고

생활코딩의 자료를 기반으로 학습, 완성한 프로젝트입니다.