-

Timer 함수일정 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능타이머 함수는 모두 전역 객체인 window에 포함되어 있음setTimeout()일정 시간이 지난 후 한 번만 실행// [문법]setTimeout(함수, 지연시간(ms), 인자1, 인자2, ...);// [문법]setTimeout(() => { // 원하는 작업 코드 }, 지연시간);인자설명함수지정한 시간이 지난 후 실행할 함수 (콜백 함수)지연시간(ms)몇 밀리초(ms) 후에 실행할지 (1000 = 1초)인자1, 인자2, ...(선택) 콜백 함수에 전달할 추가 값들 clearTimeout()setTimeout()이 만든 타이머를 취소하는 함수setTimeout()을 실행하면 고유한 ID가 반환되는데, 그 ID를 clearT..

클로저(Closure) '함수와 + 그 함수가 선언된 환경(변수들)의 조합을 의미함수가 생성될 당시의 외부 변수(환경)를 기억하고, 그 함수가 나중에 호출되더라고 그 변수들에 접근할 수 있는 함수함수가 자신이 필요로 하는 외부 데이터를 ‘숨겨서’ 기억하고, 필요할 때 꺼내 쓸 수 있게 하는 기능✓ Clos → "Close" (sure) → "Sure" = 확실하게 "가까이 다가가서 확실하게 담아두는 것"✓ liken : 카메라가 어떤 장면에 클로즈업해서 중요한 디테일(변수)을 찍음 촬영이 끝나도, 그 장면은 사진(메모리) 안에 계속 저장 원본 장면(함수 본문)은 사라졌지만, 사진 속 정보(변수 상태)는 계속 꺼내볼 수 있음* 렉시컬 환경(Lexical Environment)함수가 만들어질 때 ..

◎ 중첩함수 : 함수 내부에 만들어지는 함수 - 지역변수처럼 함수 내부에서만 사용이 가능 - 일반적으로 이름이 없는 이벤트 리스너로 많이 화룡ㅇ - 중복코드 또는 그룹화 (함수 내부의 큰 기능이나 중복코드를 내부함수로 만들어 재사용시 사용) * 중첨함수의 변수 scope - 중첩함수는 외부함수의 변수 접근이 용이함 let a = 100, b = 200, c = 300; function outer() { let b = 2000, a = 22, c = 100; function inner() { let c = 20000 console.log(`a : ${a}, b : ${b}, c: ${c}`); } inner(); // 외부에서 호출이 불가하므로 중첩함수를 호출해놓음 } outer(); //a : 22, b..

화살표 함수 ES6(ES2015)부터 추가된 자바스크립트 함수 표현식의 간결한 문법function 키워드 대신 => 기호를 사용하여 짧고 직관적으로 함수 작성 가능this 바인딩 주의new 연산자로 인스턴스 생성 불가, new 생성자와 함께 호출할 수 없음특징1. this 바인딩이 없음 → 상위 스코프의 this를 사용함기본 함수와 차이일반 함수는 호출될 때마다 this가 그 함수에 맞게 새로 정해지는 반면 (동적 바인딩)화살표 함수는 this를 자기 내부에서 새로 만들지 않고, "바깥쪽 함수" 또는 "바깥 스코프"의 this를 그대로 사용언제 유용? 콜백 안에서 this 유지할 때!화살표 함수의 this 특징화살표 함수는 this를 만들지 않는다.→ 자기 안에서 새로 바인딩하지 않음this는 바깥(선언..

• git 명령어 • git init git init - 프로젝트 root 디렉터리에서 생성 - .git 이라는 하위 디렉토리를 만들고 .git 디렉토리에는 저장소에 필요한 뼈대 파일이 들어 있다. - 정상적으로 생성 시Initialized empty Git repository 문구가 나옴 • git config // 환경설정 확인 git config --옵션 조회 git config --liist 환경설정 확인 조회 git config user.name 사용자 이름 확인 설정 git config --global user.name '사용자이름' 사용자 이름 설정 조회 git config user.email 사용자 이메일 확인 설정 git config --global user.email '사용자메일' 사용..

• Git : 파일의 버전관리 시스템 - 개별 파일 또는 프로젝트 전체를 이전 상태로 되돌릴 수 있고, - 시간에 따른 변경 사항을 비교해 볼 수 있고, - 누가 문제를 일으켰는지 추적할 수 있고, - 누가 언제 만들어낸 이슈인지도 알 수 있고, - 파일을 잃어버리거나, 잘못된 부분을 쉽게 복구할 수 있다. * 특징 - 빠르다. 다른 버전 관리 시스템과 달리 git은 데이터를 파일 시스템 스냅샷[1]으로 취급하고 크기가 아주 작다. 파일이 달라지지 않았으면 성능을 위해서 파일을 새로 저장하지 않는다. 단지 이전 상태의 파일에 대한 링크만 저장한다. - 거의 모든 명령을 로컬에서 실행한다. 거의 모든 명령이 로컬의 파일과 데이터만 사용한다. 프로젝트의 히스토리 조회 시 서버 없이 로컬에서 조회하고, 오프라..

• Case Styles : 프로그래밍 선언 관습 카멜식(Camel case) - 첫문자는 소문자, 두번째 단어부터 대문자 camelCase 케밥식(Kebab case) - 하이픈(-)으로 연결 - 모든 단어로 소문자로 이루어짐 kebab-case 파스칼식(Pascal case) - 카멜식과 유사하나 첫단어도 대문자로 시작 PascalCase 스네이크식(Snake case) - 언더바( _ )로 연결 - 모든 단어 소문자 snake_case

변수 - 값 변경 가능 - 기본 변수 선언방법 - let (added in ES6) - 현재 IE11에 부분적 호환varblock scope를 무시한 호이스팅 발생함수 스코프에 종속되어 함수 내에 선언한 경우 함수 밖에서 사용 Xfor문의 경우 for문도 밖에서 사용 가능let블록 스코프로 종속됨const재할당을 통해 값이 변경되거나 재 선언할 수 없음객체를 const로 할당하는 경우 속성 재할당 가능 (Object.freeze(객체명)을 통해 고정도 가능)TDZ(Temporal Dead Zone)변수의 일시적 비활성 구역var는 정의되기 전 접근 가능하여 undefined값을 갖지만, 값에는 접근할 수 없음let은 변수가 선언되기 전까지 TDZ에 머물러 초기화 전 변수에 접근 시 오류 발생let,..

함수특정 작업을 수행하는 코드의 집합반복되는 코드를 하나로 묶어서 이름을 붙인 것장점반복되는 코드를 한 번만 정의하여 재사용 가능기능별로 나누어 함수를 작성할 경우 모듈화로 코드의 가독성을 높일 수 있음기능별로 수정이 가능하므로, 유지보수가 용이 함수의 기본 구조function sayHello() { console.log("안녕!");}function: 함수 선언 키워드sayHello: 함수 이름 (작명 가능)(): 매개변수(parameter)를 받을 자리{}: 함수 본문, 여기에 동작을 작성함수 호출선언만 하면 실행되지 않음함수 이름 뒤에 ()를 붙이면 실행 매개변수(Parameter), 인자(Argument) 매개변수 (parameter) : 함수를 선언할 때 사용하는 변수로, 함수가 어떤 값을 ..

매개변수 (Parameter)함수를 선언할 때 사용하는 변수로, 함수가 어떤 값을 받을 수 있는지 정의하는 부분✓ 함수를 선언할 때 옆에 붙어서 받을 준비(prepare)만 하는 변수function add(x, y) { // x, y: 매개변수(parameter) = 받을 준비만 함 return x + y;}인자 (Argument)함수를 호출할 때 실제로 전달하는 값이나 표현식 add(3, 5); // 3, 5: 인자(argument) = 실제로 넣은 값