본문 바로가기 메뉴 바로가기

Dev Diary

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Dev Diary

검색하기 폼
  • 분류 전체보기 (47)
    • 포트폴리오 (13)
    • 멋쟁이사자처럼 (8)
    • JavaScript (9)
    • React (1)
    • HTML CSS (9)
    • TypeScript (0)
    • IT 지식 (3)
    • 알고리즘 (1)
    • 생각 (3)
  • 방명록

DOM제어 (1)
JavaScript 로 DOM 제어하기 1탄 - 코드리뷰

오늘은 DOM에 대한 수업을 들었다. 질문에 하나씩 답할 때마다 진행 과정을 프로그래스가 점점 올라가는 것으로 나타내는 기능 구현 미션이 있었는데 배운 코드들을 접목시키는 것이 어렵다고 느껴져서 나의 코드와 강사님의 코드를 비교하여 분석하고자 한다. ✅ 코드리뷰: 내가 작성한 코드 break down 해보기 input창에 입력을 하면 프로그래스 바가 20퍼센트씩 올라가도록 하는 것이 목표였다 (그래서 총 5개의 input text창을 채우면 프로그래스가 100퍼센트가 되도록) 1️⃣ input element에 무언가를 입력할 때 20만큼 증가시키기 위해 addEventListener 를 사용했다. 2️⃣ 같은 요소에 event를 반복하기 위해 forEach 를 사용했다. 3️⃣ input 이벤트는 입력 ..

멋쟁이사자처럼 2023. 4. 12. 23:38
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • translateX
  • 화살표함수
  • DOMapi
  • 즉시실행함수
  • CSS게임
  • 프로그래밍독학
  • 가상돔
  • 체크박스오류
  • DOM제어
  • 이벤트핸들링
  • 코딩독학
  • labelfor
  • 리액트
  • 자바스크립트
  • VirtualDom
  • CSS선택자
  • 변수스코프
  • JavaScript
  • :nth-child
  • CSS
  • vanillajs
  • 비전공자
  • CSSDiner
  • 캐시오류
  • 로컬스토리지오류
  • DOM자바스크립트
  • 프론트엔드독학
  • 논리부정연산자
  • dom조작
  • 상태변수
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바