https://hyunsolchoi.github.io/hyunsol/tag/web/WEBHugo Blox Builder (https://hugoblox.com)koWed, 25 Sep 2024 00:00:00 +0000https://hyunsolchoi.github.io/hyunsol/media/icon_hu19837290bca79a23a66ee2502d2b36bb_16281_512x512_fill_lanczos_center_3.pnghttps://hyunsolchoi.github.io/hyunsol/tag/web/https://hyunsolchoi.github.io/hyunsol/post/web/Wed, 25 Sep 2024 00:00:00 +0000https://hyunsolchoi.github.io/hyunsol/post/web/<div style="text-align: justify; word-break: normal; text-justify: inter-word;"> <p> 2024년 8월, HTML, CSS, JAVASCRIPT를 활용해 기초적인 나만의 웹을 만들어 보았습니다. </p> <h3 id="목표">목표</h3> <p> 시리즈물을 주제로 하여 재밌게 봤던 시리즈물 몇 가지를 소개하는 것을 목표로 진행하였습니다. 그 외에도 HTML, CSS, JAVASCRIPT의 기초 문법을 학습하고 웹의 텍스트, 아이콘, 이름 등을 직접 설정해보며 웹의 구성요소를 다뤄보는 것이 목표였습니다. </p> <h3 id="설명">설명</h3> <p> MPA방식을 채택하여 사용자가 특정 상호작용을 하였을 때 (버튼을 누르는 등) 지정 페이지로 이동하여 사용자가 원하는 정보를 볼 수 있도록 하였습니다. 텍스트만으로 이루어졌을 때의 밋밋함을 방지하기 위해 각 시리즈물의 이미지를 삽입하였고, 공식 사이트 혹은 참고 사이트를 링크하여 사용자가 추가적인 정보를 취득할 수 있도록 하였습니다. <a href="https://disqus.com/">DISQUS</a>를 활용하여 웹 페이지에 댓글 기능을 삽입하였고, <a href="https://www.tawk.to/">TAWK</a>를 활용하여 웹의 사용자가 개발자(본인)와(과) 직접적인 소통이 가능하도록 구현하였습니다. 또한 이를 GITHUB를 Repositorie를 이용해 배포하여 어디서든, 누구든 웹에 접근 가능하도록 하였습니다. </p> <h3 id="마치며">마치며</h3> <p> <a href="https://hyunsolchoi.github.io/my-first-web">해당 웹</a>의 UI와 내용 등은 다소 빈약하지만 각종 기능을 학습하기엔 매우 좋았습니다. 또한 이를 경험삼아 웹 공부에 추진력을 더 할 수 있었습니다. </p> <h3 id="참고">참고</h3> <p> <a href="https://opentutorials.org/course/1">생활코딩</a>의 자료를 기반으로 학습, 완성한 프로젝트입니다. </p> </div>