목록Language (28)
Will find a way

목차1. 객체2. 클래스 2 - 1 클래스 상속 (extends, super) 1. 객체 객체는 참조형 데이터 타입하나의 사물을 표현하는 여러 데이터를 다룰 때 사용 데이터 타입원시형 : string, number, boolean 등참조형 : object, array, function// 객체 문법// 리터럴 문법const user = {};console.log(user);// 생성자 문법// new 예약어const user = new Object();console.log(user);const computer = { name : "gram", model : 15, color : "white", sell : false, price : 165000};// 객체는 실제 존재하는 개..
목차1. 재귀 함수2. 스택과 큐 3. 자바스크립트 메모리 3 - 1 원시타입 3 - 2 참조 타입4. 배열 1. 재귀 함수재귀함수는 함수의 내용에서 다시 자신을 호출해서 반복 작업을 하는 방식입니다. for 문으로도 반복문을 구현 가능한 로직들은 재귀 함수로 작성이 가능합니다. 재귀 함수를 사용하는 이유는 반복하는 내용의 기능을 여러개로 나누고 직관적으로 관리할 때 사용하는 프로그래밍 패턴 중 하나입니다.재귀 함수를 작성할 때는 더이상 나눠야 할 필요가 없을 때 종료됩니다.문제를 나눠서 기능을 작성하는 경우는 이 두가지 패턴을 찾아서 활용해야합니다. 재귀함수로 반복문을 사용한 예function sum(n, result){ if (n === 5){ console.log(result..

목차1. 함수 선언2. 매개변수와 인자3. 함수의 매개변수와 스코프4. 함수와 return5. 콜백함수6. 함수 표현식 6 - 1 익명 함수 6 - 2 애로우 함수 6 - 3 즉시 실행 함수 함수 : 중복 코드를 줄이기 위해서 사용합니다. 1. 함수 선언function 함수이름 (매개변수){실행코드 내용}함수 호출함수 이름(); 함수도 하나의 값이다.함수를 사용하기 전에 반드시 알아두시길 바랍니다. 함수 선언과 호출에 대해서 예시를 들어보겠습니다.function message(){ console.log("쥬스가 만들어졌어요.");}message();// 함수이름(); --> 함수이름에 괄호를 넣으면// 함수를 실행하겠다는 의미다. 출력값message라는 함수를 선언을 했고 밑에..

반복문 : 실행코드를 반복하는 문법 for문 for문 문법 for(선언식; 조건문; 연산식){ 반복될 코드 내용 } // 0 ~ 20 까지 숫자를 출력하는 반복문 for(let i = 0; i (연산식 -> 조건문 -> 스코프 코드 실행) -> (연산식 -> 조건문 -> 스코프 코드 실행) for 문을 이용한 구구단 let answer = 1; for(let i = 2; i = 3) < (i < 5)) con..

목차1. 스코프 (전역변수 / 지역변수)2. 조건문 2-1 if (if / else if / else) 2-2 switch 1. 자바스크립트 스코프전역 변수 : 전역에 선언한 변수지역 변수 : 해당 영역에서 선언하고 사용 될 변수// 전역변수 지역변수 예시let input1 = 1; // 전역변수 : 전역(모든 영역) 어디서든 접근이 가능한 변수{ // 지역 변수 : 지역에서 선언한 변수 // 블록 스코프 안에서 선언한 변수는 블록 스코프 안에만 있다가 // 동작이 끝나면 해제된다. let input1 = 0; // 이러한 경우에는 지역변수로 전역변수 재선언이 아니다. let input2 = 1;}console.log(input3); // 이러한 경우에 스코프가 달..

목차1. 비교 연산자2. 부정 연산자3. boolean 연산자 4. 논리 연산자 1. 비교 연산자값을 비교하여 true / false (boolean 타입으로 변환한다) == : 값이 같은지 확인 != : 값이 다른지 확인 (값만 비교한다) === : 값과 데이터 타입까지 같은지 확인!== : 값과 데이터 타입까지 둘다 다른지 확인 2. 부정 연산자 boolean 값 앞에 "!"를 사용하며 !true (=false), !false (=true) 로 반환한다.3. boolean 연산console.log(1 == true); // trueconsole.log(0 == false); // false 4. 논리 연산자|| (OR) : 둘중에 하나라도 true면 truetrue || true : truetru..

목차 1. 자료형의 종류2. 연산자 3. 변수 이름 표기법 1. 자료형의 종류숫자열 / 문자열let num = 9; // 숫자열 let string = "안녕하세요"; // 문자열 console.log 출력창잠깐 console.log()에 대해서 알아보겠습니다.console.log() 는 콘솔창에 기록하라는 명령어입니다.(숫자열과 문자열의 색이 다른 것을 확인할 수 있다.) bool 자료형 : 참(true)과 거짓(false)를 담는 값이다.let bool1 = true;let bool2 = false; null : 개발자가 빈값을 명시해주는 것 (개발자의 의도 O)let temp = null; undefined : 빈값. 개발자가 예측하지 못한 값 (개발자의 의도 X)let temp2 = unde..

목차 1. 자바스크립트 2. 자바스크립트 언어의 특징 2 - 1 컴파일 언어 2 - 2 인터프리터 언어 3. 자바스크립트 변수 1. 자바스크립트 - 페이지에서 동적인 기능을 요소에게 스크립트 작성 - 넷스케이프에서 만들었고 HTML 문서를 동적으로 보여주기 위해서 - 모카였다가 라이브스크립트였다가 마지막으로 자바스크립트 - ES5, ES6 2. 자바스크립트 언어의 특징 2 - 1 컴파일 언어 : 프로그램 코드를 컴파일해서 컴퓨터가 알아들을 수 있는 기계어로 번역해준다. 실행파일을 만들어서 실행을 시켜준다. 장점 단점 - 파일의 크기가 큰데 실행속도가 빠르다. - 실행 전에 오류를 찾을 수 있다. - 코드를 수정하면 다시 컴파일 과정을 거쳐야한다. 2 - 2 인터프리터 언어 : 프로그램 코드를 한줄씩 읽으..