혼공 스터디/혼자 공부하는 자바스크립트 (6) 썸네일형 리스트형 [혼공스] 6주차: 문서 객체 모델, 예외 처리 Chap 7 문서 객체 모델 1. 문서 객체 조작하기 HTML 페이지에 있는 html, head, body, title, h1, div, span 등을 HTML 언어에서는 요소라고 부름 자바스크립트에서는 이를 문서 객체라고 부른다 따라서 문서 객체를 조작한다는 말을 HTML 요소들을 조작한다는 의미 문서 객체 모델 (DOM, Document Objects Model) 문서 객체를 조합해서 만든 전체적인 형태 제이쿼리와 같은 라이브러리와 리액트와 같은 프레임워크를 사용하기 때문에 조작이 쉬움 1) DOMContentLoaded 이벤트 문서 객체를 조작할 때 사용하는 이벤트 오탈자를 입력해도 오류를 발생하지 않으니 절대 틀리지말고 입력하길! HTML 코드를 자바스크립트로 조작하기 DOCTYPE html> D.. [혼공스] 5주차 : 객체 [ 기본 미션 :: 객체, 속성, 메소드 ] 1. 객체의 기본 객체란? 실제로 존재하는 사물 이름과 값으로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입 배열 또한 객체 1) 객체 자바스크립트에서 여러 자료를 다룰 때 객체를 사용한다. 배열도 여러 자료를 다룰 수 있음 => 배열도 객체 배열을 typeof로 실행해보면 object라는 문자열이 출력 배열을 다음과 같이 선언함 배열에는 인덱스(index)와 요소(element)가 있음 각각의 요소를 사용하려면 다음처럼 배열 이름 뒤에 인덱스로 접근 배열은 객체를 기반으로 만들어졌으므로 배열과 객체는 상당히 비슷하다 다른 점이 있다면 배열은 요소에 접근할 때 인덱스를 사용하지만, 객체는 키를 사용한다. 객체는 중괄호로 생성하며 쉼표로 연결해서 입력함 위.. [ 혼공스 ] 4주차 : 함수 Chap 5 함수 1. 함수의 기본 형태 함수 호출: 함수를 사용하는 것 매개변수: 함수 호출 시 괄호 내부에 넣는 자료 리턴값: 함수를 호출해서 최종적으로 나오는 결과 1) 익명 함수 함수는 코드의 집합을 나타내는 자료형이며, 기본 형태는 다음과 같다 함수를 코드의 집합이라고 말하는 이유는 중괄호 {. . .} 내부에 코드를 넣기 때문이다. 함수를 사용하면 좋은 점! 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업을 피할 수 있다. 긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로 전체 코드의 가독성이 좋아짐 기증별(함수별)로 수정이 가능하므로 유지보수가 쉽다. 익명 함수 선언하기 // 5-1-1.html // 변수를 생성합니다. const 함수 = functio.. [ 혼공스 ] 3주차 : 반복문 Chap 4. 반복문 1. 배열 여러 자료를 묶어서 활용할 수 있는 특수한 자료 1) 배열 만들기 [ 요소, 요소, 요소, ... , 요소 ] 배열(array) : 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료 대괄호를 사용해 생성하고 내부의 값을 쉼표(,)로 구분해 입력 요소(element) : 배열 내부에 들어 있는 값 (모든 자료형이 들어갈 수 있음) 2) 배열 요소에 접근하기 배열의 기본적인 조작은 문자열과 비슷함 각각의 요소에 접근하려면 배열 바로 뒤에 대괄호 [...]를 입력하고 그 안에 숫자를 넣는다. 이 때 요소의 순서를 index라고 한다. 배열[ 인덱스 ] 배열은 여러 개의 요소를 갖기 때문에 일반적으로 이름을 복수형으로 짓는다. 그리고 대괄호 안에 계산식을 넣을 수도 있음 3).. [ 혼공스 ] 2주차 : 조건문 Chap 3 조건문 1. if 조건문 조건문을 사용하면 조건에 따라 코드를 실행할 수도 있고 실행하지 않을 수도 있다. 조건 분기 :: 코드가 실행되는 흐름을 변경하는 것 if 조건문 조건(bool 자료형)에 따라서 코드를 실행하거나 실행하지 않을 때 사용하는 구문 비교 연산자와 논리 연산자를 활용해 조건을 만들어 조건을 사용해 조건 분기 한다. 1) if 조건문 if 조건문 사용하기 // if 조건문 if (273 true') } // 프로그램 종료 alert('종료') 오전과 오후 구분하기 const date = new Date() const hour = date.getHours() if (hou.. [ 혼공스 ] 1주차 [ Chapter 1 ] 자바스크립트 시작하기 자바스크립트란? 웹 브라우저에서 사용하는 프로그래밍 언어 자바스크립트로 할 수 있는 것들 웹 클라이언트 애플리케이션 개발 웹 서버 애플리케이션 개발 모바일 애플리케이션 개발 데스크톱 애플리케이션 개발 데이터베이스 관리 개발 환경 설치와 코드 실행 개발 환경 :: 텍스트 에디터 + 코드 실행기 텍스트 에디터 :: 코드를 작성함, 비주얼 스튜디오 코드 코스 실행기 :: 구글 크롬 이전 1 다음
