javascript

프로그램을 개발하려면 개발할 수 있는 환경이 필요, 이처럼 개발을 할 수 있게 해주는 환경을 개발환경이라 부름 개발환경 : 텍스트 에디터(코드 작성) - VSC , 코드 실행기(코드 실행) - chrome 구글 크롬

표현식(expression) : 값을 만들어 내는 코드 문장(statement) : 하나 이상의 표현식이 모이는 것/ 문장 끝에는 세미콜론(;) or 줄바꿈을 넣어서 문장을 종결 프로그램(program) : 문장들이 모인 것 키워드 : 자바스크립트가 처음 만들어질

자료(data) : 프로그래밍에서 프로그램이 처리할 수 있는 모든 것자료형(data type) : 자료 형태에 따라 나눠 놓은 것자바스크립트는 다양한 종류의 자료형을 제공 / 숫자, 문자열, 불 자료형을 많이 사용문자열 자료형\*함수와 메소드는 특정 기능을 동작시키도록

상수 : 항상 같은 수 / 값에 이름을 한 번 붙이면 값을 수정 불가능변수 : 변할 수 있는 수lvalue = 넣는 것 / rvalue - 꺼내는 것복합 대입 연산자 : 대입 연산자와 다른 연산자를 함께 사용하는 연산자증감연산자

문자열 입력불입력

자바스크립트에서 가정 일반적인 조건문은 if 조건문 입니다.if(불 값이 나오는 표현식){ 불 값이 참일 떼 실행할 문장}ex)7장에서 배울 내용서로 반대되는 상황을 표현하는 구문 : elseif(불 값이 나오는 표현식){ 불 값이 참일 때 실행할 문장}else{ 불

switch 조건문

배열 : 여러개의 값을 모아놓은 것 : 대괄호 사용해 생성후 쉼표(,)로 구분 : 배열 내부에 있는 값을 요소 - 요소, 요소, 요소, 요소 인덱스 : 요소의 순서 / 배열인덱스배열 요소 개수 (length 속성 사용) / 배열.length배열 뒷부분에 요소 추가

for in 반복문 : 반복 변수에 인덱스가 들어감for of 반복문 : 반복 변수에 요소가 들어감for 반복문 : 특정 횟수만큼 반복하고 싶을 때 사용하는 범용적인 반복문while 문 : if 조건문과 형태는 매우 비슷하지만 불 표현식이 true면 계속 실행break

함수호출 : 함수 사용이라는 뜻매개변수 : 함수 호출할 때 괄호 내부에 여러 가지 자료리턴값 : 최종적으로 나오는 결과점프 : 호출 위치에서 함수 본문으로 이동하는 것리턴 : 함수 본문에서 호출 위치로 나오는 것1) 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호

매개 변수 x를 넣으면 x제곱을 리턴하는 함수문제윤년을 확인하는 함수a ~ b까지 합구하기최소값을 구하는 함수

호출할 때 매개변수의 개수가 고정적이지 않은 함수를 가변 매개변수 함수라고 부름이러한 함수를 구현할 때는 나머지 매개변수라는 특이한 형태의 문법 사용매개변수들이 배열로 들어옴나머지 매개 변수를 사용하여 최소값 구하기일반적인 매개 변수와 나머지 매개 변수 조합functi

동기와 비동기는 주로 어플리케이션에서 자주 다워지는 개념이며, 다음 작업이 요청되는 시간과 관련있다!동기(Synchronous)현재 작업의 응답이 끝남과 동시에 다음 작업이 요청함수를 호출하는 곳에서 호출되는 함수가 결과를 반환할 때까지 기다림작업 완료 여부를 계속해서

자바스크립트는 느슨한 타입의 동적언어입니다. javascript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능합니다ex)let foo = 42 // foo숫자foo = 'bar' // foo 문자열foo = true // fo

console.log(typeof NaN); -> Numberconsole.log(\[] == !\[]) -> true javascript는 내부적으로 빈배열일 경우 숫자로 강제 변환참조 : https://bugtypekr.tistory.com/53

객체기반 스크립트 언어이다.동적이며, 타입이 필요없다.객체 지향형 or 함수형 프로그래밍 모두 표현 가능콘솔창에 console.log(메세지) 출력

javascript 특징 객체기반 스크립트 언어이다. 동적이며, 타입이 필요없다. 객체 지향형 or 함수형 프로그래밍 모두 표현 가능 alert() - 경고창 html js 경로 설정 개발자 도구(Developer Console) 콘솔창에 console.log(

변수에 저장할 수 있는 값의 종류1\. number(숫자)2\. string(문자열)3\. boolean(참,거짓)괄호안에 들어 있는 변수의 type인지 알려주는 것ex)

number, srting, boolean 단순 자료형보다 더 복잡한 자료를 표현할 때 사용중괄호 {} 를 사용해 정의 가능객체는 속성의 집합으로 이루어짐객체 정의 시 key : value 의 형태로 속성 정의 가능속성의 값은 모든 자료형이 가능, 객체 포함객체 속성에

호출에 의해 여러번 실행할 수 있는 코드 블럭반복되는 코드 감소코드의 개발 및 수정 용이파라미터 : 함수의 정의부분에 나열되어 있는 변수 \- 여러개인 경우 콤마(,)로 구분 \- 파라미터가 필요없을 경우 없어도 됨 \- 함수 안의 코드에서

문자열 길이 : .length 속성을 이용문자열 붙이기1\. .concat 함수 사용 ex) str1.concat(str2)2\. 더하기 (+) 연산자 사용 ex) str1 + str2 특정 위치의 문자열 알아내기.charAt 함수 이용

.charAt 함수 이용첫 문자 : str.charAt(0)마지막 문자 : str.charAt(str.length -1)대괄호(\[]) 사용첫 문자 : str0마지막 문자 : strstr.length -1.substring(a,b) - a에서 b 까지의 부분 문자열 반

한줄 주석 : // 이후에 작성되는 주석여러줄 주석 : /\* \*/ 여러줄 주석조건에 따라 프로그램의 흐름을 분기해서 특정 코드가 실행되도록 함if, else if, else

조건에 따라 프로그램의 일정 코드를 반복적으로 수행할 수 있도록 하는 구문continue : 남은 반복실행될 코드 모두 skipbreak : 반복문에서 즉시 탈출

문서 객체를 조합해서 만든 전체적인 형태를 문서 객체 모델DOMContentLoaded : 문서 객체를 조작할때 이벤트 사용documnet.body.innerHTML : 문서의 바디안에 있는 html코드를 자바스크립트로 조작할 수 있게 해주는 코드DOMContentLo

변수의 scope 선언한 변수가 유효한 영역 function scope 선언된 변수는 선언된 함수 안에서 접근 가능 선언된 함수 안에서 선언된 함수에서도 접근 가능 변수의 shadowing 함수 안에서 밖에서도 선언되었던 같은 이름의 변수를 사용하는 경우 함수

문서 객체를 생성하고 싶을때 document.createElement(문서 객체 이름)프로그래밍에서는 트리, 어떤 문서 객체가 있을 때 위에 있는 것을 부모, 아래있는 것을 자식문서 객체에는 appendChild()메소드가 있습니다./ 문서 객체 이동부모객체.remov

이벤트 모델 : 이벤트를 연결하는 방법을 이벤트 모델입니다.표준 이벤트 모델고전 이벤트 모델인라인 이벤트 모델키보드 이벤트keydownkeypresskeyup// IME 입력 문자아시아권의 문자를 일반적으로 조합형 문자라고 부릅니다.!ex) 안(ㅇㅏㄴ) 누르고, 중국어

드롭다운 활용 드롭다운 목록은 기본적으로 select태그로 구현! 항목을 선택하면 option[index]에서 선택한 option태그가 출력됨 multiple 속성을 부여하면 ctrl, shift키를 누르고 여러항목 선택 가능 toFixed() 메소드를 사용하여 소수

localStorage.getItem (키) : 저장된 값을 추출 / 없으면 undefined / 객체의 속성을 추출하는 일반적인 형태로 localStorage.키 or localStoreage키localStorage.setItem (키,값) : 값을 저장localSt

괄호 개수를 잘못 입력하는 등의 오류로 코드가 실행조차 되지 않는 오류 - syntax error(구문오류)문법적 오류를 제외하고 코드 실행 중간에 발생하는 오류 - exception(예외)프로그램 실행 전에 발생하는 오류 : 구문오류프로그램 실행 중에 발생하는 오류

C를 제외한 모든 프로그래밍 언어는 객체 지향이라는 패러다임을 기반으로 만들어진 프로그래밍 언어객체 지향 패러다임이란 객체를 우선적으로 생각해서 프로그램을 만드는 방법론객체 지향 프로그래밍 언어들은 클래스라는 문법으로 객체를 효율적이고 안전하게 만들어 객체 지향 패러다

Rectangle 사각형을 나타내는 클래스를 선언하고 사용getPerimeter() = 사각형의 둘레를 구하는 메소드getArea() = 사각형의 넓이 구하는 메소드Square = 정사각형을 나타내는 클래스를 추가클래스를 분리하는 것이 클래스를 활용하는 쪽에서는 편리하