js/node

javascript 기초 #1 - 변수/타입/함수/조건문

문자 하나 (character, char)문자열의 속성, 메소드들문자열의 길이 - str.length문자열의 글자 하나 - str0문자열을 더하기 - str1 + " " + str2문자열을 원하는 만큼 선택 - str.slice(0,3), str.substring(0,

어떤 프로그램이 동작할 때, 프로그램이 동작하는 곳JavaScript 런타임 \- 웹 브라우저 (크롬, 사파리 등), node.jscURL 혹은 Wget 을 이용하여 설치nvm 공식 문서 - Github(https://github.com/nvm-sh/nvm!

반복문은 같거나 비슷한 코드를 여러 번 실행시켜야 할 경우에 쓴다

순서가 있는 값순서 (인덱스, index) - 0부터 시작한다!대괄호 \[ ] 를 이용해서 만든다각 원소(element)는 쉼표(comma)로 구분한다값(value)은 인덱스를 이용해서 접근 Array\[index]배열 속 원소가 배열일 수 있다배열의 길이를 알아낼 때

객체 (object) : 관계 있는 정보들의 묶음, 키와 값 쌍(key-value pair)으로 이루어져 있다

원시자료형: 객체가 아니면서 method를 가지지 않는 6가지(+1) 타입 - string, number, bigint, boolean, undefined, symbol (+null) 참조자료형: 원시자료형이 아닌 자료형, 실제 자료가 아닌 자료의 주소로 들어있다

스코프 (scope) : 변수의 유효범위

클로저 : 함수와 함수가 선언된 어휘적(lexical) 환경의 조합을 말한다. 이 환경은 클로저가 생성된 시점의 유효 범위 내에 있는 모든 지역 변수로 구성된다.

JavaScript에서 ... : 전개 연산자 (spread operator)배열이나 객체를 풀어서 인자로 전달하거나 각각 요소로 넣을 때 사용

DOM (문서 객체 모델, Document Object Model): 프로그래머 관점에서 바라 본 HTML, 문서의 구조화된 표현, 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다

자식 엘리먼트(element), 부모 엘리먼트, DOM 순회

DOM의 CRUD(Create, Read, Update and Delete)

유효성 검사 (1)

유효성 검사 (2)

일급 객체(first-class object): 컴퓨터 프로그래밍 언어 디자인에서 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. 보통 함수에 매개변수로 넘기기, 수정하기, 변수에 대입하기와 같은 연산을 지원할 때를 말한다.

JavaScript에 기본적으로 내장된 고차함수들 중 배열에 관련된 것들: filter, map, reduce, forEach, find, sort, some, every

객체 지향 프로그래밍: 하나의 모델이 되는 청사진(blueprint)을 만들고, 그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴

객체 지향 프로그래밍 배경

객체 지향 프로그래밍의 기본적인 컨셉

프로토타입 기반 언어

재귀: 어떤 문제는 동일한 구조의 더 작은 문제로 나뉠 수 있고, 그 작은 문제를 해결한다면 전체 문제도 마찬가지로 해결된다. 문제를 작게작게 만들다보면 바로 풀 수 있게 된다!

JSON.Stringify: JSON은 객체를 JSON으로 변환하는 메소드. 대표적인 트리 구조를 가지고 있어서 전형적인 재귀 탐색이 가능하다

자료구조: 데이터(Data)를 저장하고, 사용하는 방법을 정의한 것

Stack: 데이터(data)를 순서대로 쌓는 자료구조 Queue: 데이터(data)를 순서대로 처리하는 자료구조