study-web-basics — 첫 HTML / CSS / JavaScript 학습 (2020)

🇰🇷 한국어 · 🇬🇧 English

2020년 1월, HTML·CSS·JavaScript 를 처음 학습.

---

📚 학습 컨텍스트

• 시기: 2020년 1월
• 사용 기술: HTML, CSS, JavaScript 기초
• 학습 의의: "코드로 화면을 만든다" 는 감각을 처음 체험한 시점

---

🧭 파일 구조

파일	내용
index.html	시작 페이지 (<title>WELCOME</title>)
1.html	HTML 학습 (<title>RDR-HTML</title>)
2.html	CSS 학습 (<title>RDR-CSS</title>)
3.html	JavaScript 학습 (<title>RDR-JAVA</title>)
checkbox.html	<input type="checkbox"> 단독 실습
sun.jpg	학습용 이미지

📌 1.html / 2.html / 3.html 은 index.html 과 공통 메뉴(WEB → rdr1·rdr2·rdr3)로 서로 링크된 미니 사이트 구조입니다. 좋아하던 게임 (Red Dead Redemption) 을 소재로 HTML → CSS → JavaScript 페이지를 하나씩 만들어보는 실습이었습니다.

---

💡 외부 서비스 연동 흔적

모든 HTML 파일 상단에 본인 명의로 발급받은 Google Analytics 추적 코드(UA-157599457-1)가 박혀 있습니다.

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-157599457-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-157599457-1');
</script>

GA 외에도 각 페이지에 Disqus 댓글과 Tawk.to 실시간 채팅 위젯까지 붙여두었습니다. 문법 학습 첫 달부터 "내 페이지에 누가 오고, 방문자와 어떻게 소통할까" 를 궁금해한 운영자 마인드의 흔적입니다.

---

🗂️ 같은 시기의 다른 학습 레포

• study-web-funsun — 같은 시기에 만든 HTML 토이 프로젝트 ("THE SUN")

---

Author: MoriochoRadio (KimTaeKyoung) · 의료IT공학 전공