All About

혼자 공부하는 자바스크립트 6주차 ※ 순서 Chp 7. 정리 Chp 8. 정리 미션 Chp 7. 문서 객체 모델 ■ 문서 객체 조작하기 -요소(HTML): html, head, body, title, h1, div, span 등 = 문서 객체(자바스크립트) → '문서 객체를 조작한다' = 'HTML 요소들을 조작한다' -문서 객체 모델: 문서 객체를 조합해서 만든 전체적인 형태 DOMContentLoaded 이벤트: HTML 페이지의 모든 문서 객체(요소)를 웹 브라우저가 읽어들였을 때 발생시키는 이벤트 코드 입력 시 DOMContentLoaded 문자열은 오탈자를 입력해도 오류 발생 X → 주의해서 입력 document.addEventListener('DOMContentLoaded', () => { /..

혼자 공부하는 자바스크립트 5주차 ※ 순서 Chp 6. 정리 미션 Chp 6. 객체 ■ 객체의 기본 객체: 이름과 값으로 구성된 '속성'을 가진 자바스크립트의 기본 데이터 타입 여러 자료를 다룰 때 객체를 사용 ex) 배열 요소에 접근 시 → 배열: 인덱스 / 객체: 키 객체 생성 → 중괄호{...}로 생성 & 키: 값 & 쉼표(,)로 연결 객체 요소 접근 → 객체 뒤 대괄호[...]사용 & 키 입력 or 온점(.) 사용 ex) product['제품명'] or product.제품명 식별자로 사용할 수 없는 단어를 키로 사용할 때는 문자열 사용 식별자로 사용할 수 없는 키에 접근할 때는 대괄호 사용 속성: 객체 내부에 있는 값 (↔ 요소: 배열 내부에 있는 값) 메소드: 객체의 속성 중 함수 자료형인 것,..

혼자 공부하는 자바스크립트 4주차 ※ 순서 Chp 5. 정리 미션 (+한탄) Chp 5. 함수 ■ 함수의 기본 형태 -함수 호출: 함수를 사용하는 것 -매개변수: 함수 호출 시 괄호 내부에 넣는 자료 -리턴값: 함수를 호출해서 최종적으로 나오는 결과 함수: 코드의 집합을 나타내는 자료형 장점 반복 작업을 피할 수 O 모듈화로 전체 코드 가독성 ↑ 기능별(함수별) 수정 가능 → 유지 보수 ↑ 익명 함수: 이름이 없는 함수 function () {} 선언적 함수: 이름이 있는 함수 function 함수() {} //다음 코드와 같은 기능 수행 let 함수 = function () {}; 매개변수: 함수의 괄호 안에 넣는 변수(input) 매개변수를 통해 함수가 외부의 정보를 입력 받을 수 O 리턴값: 함수의..

혼자 공부하는 자바스크립트 3주차 ※ 순서 Chp 4. 정리 미션 Chp 4. 반복문 ■ 배열 배열: 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형 요소: 배열 내부에 있는 값 [요소, 요소, 요소, ..., 요소] > const array = [273, 'String', true, function () { }, {}, [273, 103]] undefined > array (6) [273, "String", true, f, {...}, Array(2)] 0: 273 1: "String" 2: true 3: f () 4: {} 5: (2) [273, 103] 배열 요소에 접근 배열[인덱스] 인덱스: 요소의 순서 가장 첫 번째 요소의 인덱스 = 0 여러 개의 요소를 갖기 때문에 배열의 이름은 복수형..

혼자 공부하는 자바스크립트 2주차 ※ 순서 Chp 3. 정리 미션 Chp 3. 조건문 -조건문: 프로그램의 흐름 변경 시 사용 -조건 분기: 코드가 실행되는 흐름을 변경하는 것 ■ if 조건문 if 조건문: 조건에 따라 코드 실행 여부를 결정하기 위해 사용 조건: bool 자료형 비교 연산자 & 논리 연산자 활용 if(bool 값 표현식) { bool 값 참일 때 실행할 문장 } if else 조건문: 서로 반대되는 상황 표현 else 구문: if 조건문 뒤에 사용. if 조건문이 거짓일 때 사용 if(bool 값 표현식) { bool 값 참일 때 실행할 문장 } else { bool 값 거짓일 때 실행할 문장 } 중첩 조건문: 조건문 안에 조건문을 중첩해서 사용하는것. 여러번 중첩 가능 if(bool ..

혼자 공부하는 자바스크립트 1주차 ※ 순서 Chp 1. 정리 Chp 2. 정리 미션 Chp 1. 자바스크립트 개요와 개발환경 설정 ■ 기본 용어 표현식 ⊂ 문장 ⊂ 프로그램 키워드: 프로그래밍 언어가 처음 만들어질 때 정해진 특별한 의미가 있는 단어 식별자: 이름 붙일 때 사용하는 단어 규칙 키워드 X 숫자로 시작 X 공백 X 특수 문자 '_(언더바)'와 '$(달러)'만 가능 종류 변수: 괄호 X, 단독 사용 속성: 괄호 X, 다른 식별자와 사용 함수: 괄호 O, 단독 사용 메소드: 괄호 O, 다른 식별자와 사용 주석: 프로그램 코드 설명하는 문장 HTML 태그 주석: 자바스크립트 주석: //(한 줄), /* */(여러 줄) Chp 2. 자료와 변수 ■ 기본 자료형 자료형: 자료의 종류 문자열 자료형: ..