Mission: HTML, CSS, Javascript 복습하기
1) 목적
HTML, CSS, 자바스크립트 문법 활용하기 위함
2) 복습 내용
- HTML 기본 태그 학습
- HTML의 개념 및 필요성 학습
- HTML 태그의 구조와 역할 학습 (html, head, title, link, body, h1~h6, p, div, span, img, a, input, button)
- 기본 CSS
- CSS의 용도 및 필요성 학습
- CSS 속성을 활용하여 요소의 스타일링 작업 (color, font-size, background-color, border, padding, margin, position, display, justify-content, align-items)
- 자바스크립트 작성해보기
- HTML 파일에
<script>태그를 이용하여 자바스크립트 코드 작성
- DOM 조작하기
- Document Object Model (DOM)의 개념 및 필요성 학습
- JavaScript를 사용하여 DOM을 조작하는 방법 학습 (getElementById, getElementsByClassName, querySelector)
- 이벤트 만들기
- 자바스크립트를 이용하여 이벤트 처리하는 방법 학습
- 이벤트 등록을 위해 addEventListener를 사용하여 이벤트를 감지하고, 이벤트가 발생했을 때 실행할 코드 작성
- 함수 만들기
- JavaScript 함수의 개념과 작성법 학습
- 중복되는 코드를 함수로 작성하여 재사용성을 높임
- 로그인으로 if, else 및 연산자 배워보기
- 조건문과 비교 연산자, 논리 연산자의 개념과 사용법 학습
- 로그인 기능을 구현하며 if, else 문과 연산자를 활용하여 로그인 유효성 검사를 수행
- 좋아요 구현으로 변수 배워보기
- 변수의 개념과 활용법 학습
- 좋아요 기능을 구현하며 변수를 활용하여 클릭 횟수 등을 저장하고 관리
기록과 회고