이벤트 객체란? 이벤트 객체 (Event Object) 는 DOM 관련된 이벤트가 발생되면 발생하는 관련 정보를 저장하는 객체다. 이벤트 객체는 사용자 입력(onclick, onkeyup, onscroll 등)을 트리거로 발생한 이벤트 정보를 담은 객체다. 이벤트 종류 Mouse Event click : 마우스 버튼을 클릭할 때 (...

과제 Rule HTML - 비밀번호 입력 및 비밀번호 입력 창 비밀번호 입력 창: #password 비밀번호 확인 입력 창: #password-retype 시각적 피드백: .mismatch-messge 시각적 피드백은 “비밀번호가 일치 않습니다.” 메시지를 출력해야 한다. JavaScript - 유효성 검사 함수 작성 함수 isMat...

document 객체에는 많은 속성과 메서드가 존재한다. 모든 속성과 메서드를 외우기에는 어려움이 있어, 제일 자주 사용하는 CRUD(Create, Update and Delete)를 제대로 이해하고 학습하는 것이 중요하다. DOM 실습 본격적으로 DOM 실습하기 전, 다음과 같은 html 과 css 코드를 적용하여 크롬 개발자 도구에서 작업을 진행...

DOM이란? DOM (Document Object Model) 의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작할 수 있는 Model이다. JavaScirpt를 사용할 수 있으면, DOM으로 HTML을 조작할 수 있다. 여러 뛰어난 웹 개발자들이 모여 HTML을 분석하여 HTML의 아주 작은 부분까지 접근할 수 있는...

과제 Rule 테스트하는 값과 기대값을 비교하기 위해서 expect 함수를 사용하여 진행한다. expect의 사용법 expect(테스트하는값).기대하는조건 expect(isEven(3)).to.be.true => ‘isEven(3)의 결과값은 참(true)이어야 한다’ expect(1 + 2).to.equal(3) => ‘su...

Spread와 Rest는 ES6에서 도입되었으며 서로 완전히 다른 문법이지만 비슷한 부분이 있다. Spread 문법 주로 배열을 풀어서 인자 로 전달하거나, 배열을 풀어서 각각의 요소 로 넣을 때에 사용한다. function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...

스코프의 정의 스코프(Scope) 는 변수 접근 규칙에 따른 유효 범위를 뜻한다. 스코프의 규칙 안쪽 스코프에서 바깥쪽 스코프로는 접근할 수 있지만, 반대로는 불가능하다. 스코프는 중첩이 가능하다. 가장 바깥의 스코프는 전역 스코프 (Global scope) 라고 부른다. 전역의 반대말은 ...

원시 자료형(Primitive data type) JavaScript에서는 원시 타입의 데이터는 객체가 아니면서 method를 가지는 6가지의 데이터 타입이 존재한다. string, number, bigint, boolean, undefined, symbol , (null) 이 중에서 자주 사용하는 4 (+1) 가지의 원시 자료형은 다음과 ...

자바스크립트 배열(Array) 하나의 값을 저장하는 변수는 대량의 데이터를 처리하기엔 불편하다. 그래서 배열(Array) 자료형을 사용하여 하나의 변수에 여러 개의 값을 분리하여 저장할 있어 가독성이 높아지는 장점을 지니고 있다. let arr = ['apple', 'banana']; console.log(arr[1]); // banana con...

Git이란? 개발자의 코드를 효율적으로 관리하기 위해서 개발된 분산 버전 관리 시스템 (DVCS) 이다. 1. 버전 관리 시스템 최종.psd 진짜_최종.psd .. 대부분의 사람들은 이런 위 사진처럼 편집하기 전에 파일을 미리 복사해놓아 작업을 진행한다. 하지만 이렇게 파일을 편집할 때마다 매번 손수 복사하는 일을 번거롭기도 하...