자바스크립트9 [JS] Ch 1. Node.js * 이 글은 강의를 들으며 개인적으로 정리하고 기록하기 위한 글입니다. * 강의명 ) 프론트엔드 개발 초격차 패키지 Online 개요 및 설치 크롬 V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 NVM: Node Version Manager NVM 사용법 $nvm install 노드js버전 짝수 버전이 좀 더 안정적인 버전 NPM 개요 Node Package Manager: 전 세계의 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리 알고 쓰자 package.json 알고 쓰자 package.json package.json이 하는 역할과 설정법에 대해 알아보자! hoya-kim.github.io [Node.js] lodash란? [Node.js] lodash란? lodash란? .. 2023. 8. 3. [JS] 05-1 DOM과 DOM 트리 DOM (Document Object Model) 자바스크립트 같은 프로그래밍 언어로 웹 문서에 접근하고 제어할 수 있도록 웹 문서를 체계적으로 정리하는 방법 DOM에서는 웹 문서를 하나의 객체로 정의하고, 웹 문서를 이루는 텍스트나 이미지, 표 등 모든 요소도 각각 객체로 정의함 웹 문서와 그 안의 요소들을 객체로 인식하고 조절하므로 '문서 객체 모델'이라고 함 웹 문서 객체들도 객체이므로 프로퍼티와 메서드를 갖고 있음 DOM 트리 웹 문서는 여러 가지 태그가 서로 포함 관계를 갖고 있는데, 이러한 포함 관계로 인해 각 태그 간에는 '부모'와 '자식' 관계가 생김 DOM을 활용해 웹 문서의 요소를 부모와 자식으로 구분해서 표시하다 보면 나무 모양을 띄는데 이것을 'DOM 트리'라고 부름 2023. 1. 18. [JS] 04-4 전개 구문 ~ 04-5 타이머 함수 전개 구문 spread syntax 말 그대로 '값을 펼쳐주는' 구문 배열처럼 값이 다양한 자료를 한꺼번에 인수로 넘겨주거나 배열과 배열을 합할 때처럼 배열을 하나의 덩어리로 처리해야 할 때 유용함 3개의 마침표를 이용한 '...' 기호 사용 문자열이나 배열, 객체처럼 여러 개의 값을 담고 있는 자료형에서 다른 정보는 필요 없고 그 안의 값만 꺼내 사용하려고 할 때 유용함 나머지 매개변수 전개 구문은 함수를 선언할 때 사용할 수도 있음 함수를 선언하면서 나중에 몇 개의 인수를 받게 될지 알 수 없는 경우 전개 구문을 사용해서 매개변수를 만드는데, 이것을 '나머지 매개변수'라고 함 function addNum(...numbers) { let sum = 0; for (let number of numbers).. 2023. 1. 18. [모던 자바스크립트] 04-3 함수 표현식 함수 이름을 지정하지 않고 함수를 실행할 수도 있고, 프로그램에서 한 번만 사용할 함수라면 함수 선언과 동시에 실행하는 방법이 있음. 이런 함수는 식처럼 동작하므로 '함수 표현식'이라고 함. 익명 함수 말 그대로 이름이 없는 함수 익명 함수는 변수에 할당해서 사용할 수 있음. let sum = function(a, b) { return a + b; } console.log(`함수 실행 결과: ${sum(10, 20)}`) 두 수를 더하는 함수를 sum이라는 변수에 할당한 예제 변수에 저장된 함수는 함수 이름 대신 변수를 이용해서 함수를 실행할 수 있음 자바스크립트에서는 함수를 하나의 값처럼 사용할 수 있기 때문에 함수를 변수에 할당할 수도 있고, 함수를 다른 함수의 매개 변수로 넘길 수도 있음 즉시 실행.. 2023. 1. 17. [모던 자바스크립트] 03-3 반복문 반복문: 같은 동작을 여러 번 실행하기 위해 사용하는 문 for 문 for (초깃값; 조건; 증가식) {...} ① 초깃값: 몇 번 반복할지 지정하기 위해 카운터 변수를 사용하는데, 이 항목에서 카운터 변수를 선언하고 초기화. 초깃값은 0이나 1부터 시작. ② 조건: 문장을 반복하기 위해 체크할 조건 부분. 이 조건을 만족해야 for문에 있는 명령을 반복. ③ 증가식: 문장을 실행한 후 카운터 변수를 증가시키는 부분. 보통 카운터값을 하나 더 증가시키는 용도. forEach 문 배열명.forEach(콜백 함수) {...} 콜백 함수: 다른 함수의 인수로 사용할 수 있는 함수를 가리킴 보통 배열 변수 이름은 복수형(ex. students). 각 요소는 단수형(ex. student)으로 사용 for...in.. 2023. 1. 14. [모던 자바스크립트] 03-2 조건문 조건문 Conditional Statement: 명령을 실행하기 위해 조건을 체크하는 문(statement) if 문 조건을 체크한 후 결괏값이 true이면 if문에 있는 명령을 실행하고, false이면 if문에 있는 명령은 건너뛰고 그 다음 명령을 실행 if (조건) { 조건이 true일 때 실행할 명령(들) } if...else 조건을 체크한 후 true일 때 처리할 명령과 false일 때 처리할 명령이 따로 있다면 if문과 else문을 사용. if (조건) { 조건이 true일 때 실행할 명령(들) } else { 조건이 false일 때 실행할 명령(들) } if (조건1) { 조건1이 맞을 때 실행할 명령 } else if (조건2) { 조건2가 맞을 때 실행할 명령 } ... else { 어떤 .. 2023. 1. 13. 이전 1 2 다음
