[12주_2024_01_09] JS 미니 과제(2)

2025년 1월 9일 ( Thursday )
───────────⚪──────
◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊

[개인]
🩶 미니 과제
🩶 UX 집중반 참여
🩶 TIL 작성 및 제출하기
[팀플]
🩶 저녁 팀 스크럼(회고)

---

🤤오늘 진행한 부분!

디자인을 마치고 js를 하려고 보니 정확히 html과 js 다른 점을 알기 위해 찾아보았다.그 결과 html: 웹 페이지의 구조를 정의하는 언어, js: 웹 페이지의 동적 동작을 제어하는 언어로 동작에서 차이점이 있었다.html은 정적 콘텐츠를 만드는데, 사용자가 클릭하거나 입력해도 동작하지 않고 단순히 보이는 것에 그치지만, js은 동적인 기능을 추가해 사용자와 상호작용이 가능하고, 브라우저에서 실행되며 html 및 css와 통합해서 보여준다. 

구분	HTML	JavaScript
역할	구조 및 콘텐츠 정의	동작 및 인터랙션 구현
언어 유형	마크업 언어	프로그래밍 언어
주요 태그	<div>, <h1>, <p> 등	<script> 태그 내에 작성
동작 방식	정적 콘텐츠 생성	동적 기능 추가
사용 예	텍스트나 버튼 추가	버튼 클릭 시 팝업 창 띄우기

 

웹페이지를 만들려면 1. html로 페이지를 구성한 다음에 2. js로 애니메이션 효과를 넣어서 만드는 것 같다.

• HTML만 사용:
  • 페이지는 보이지만 동작이 없습니다.
  • 단순한 구조와 콘텐츠만 표시.
• JavaScript를 추가:
  • 사용자의 동작(클릭, 입력)을 감지하여 동적 기능을 추가.
  • 페이지가 사용자와 상호작용하도록 만듦.

 

내가 만든 디자인은 애니메이션 넣을게 없는데 큰 일이다.. 우선 네이게이션이라도 넣어야겠다.

디자인한 자기소개 웹페이지

UX 집중 솔루션 내는 것이 오늘이 마지막이여서 솔루션 1과 솔루션 2 중 뭐가 더 좋을 지 결정하여 피피티를 제작하였다.

그러나 솔루션이 사용자 입장이랑 공급자 입장을 보면서 맞게 주었는지 의논하다가 솔루션 3,4 이런 식으로 점점 늘어나서 9시가 넘어서 야근하게 되었다...ㅎㅎ

---

💭내일 계획

 🤍 미니 과제하기

 🤍 집중반 참여하기

 🤍 TIL 작성 및 제출하기