자바스크립트

단어 표기법dash-case(kebab-case) : HTML,CSS에서 사용ex. the-quick-brown-foxsnake_case : HTML,CSSex. the_quick_brown_foxcamelCase : JS (변수)ex. theQuickBrownFoxP

변수 : 데이터를 저장하고 참조(사용)하는 데이터의 이름let과 const 키워드를 이용하여 변수를 만들 수 있다.출력결과let키워드를 사용하여 선언한 변수는 재사용과 재할당이 가능하다.그런데 const 키워드를 사용하여 선언한 변수는 재사용과 재할당이 불가능하다.이는

자바스크립트에서의 함수 선언 예시function 키워드로 함수를 선언할 수 있다.위와 같이 1234를 출력하는 것은 다음처럼 할 수도 있다.그리고 낯선 개념으로 익명 함수라는 함수가 있다.함수를 익명함수로 선언하고 이 익명함수를 변수 world에 할당하는 것이다.이는

Document Object Model, Application Programming Interface 의 약자이다.Document Object Model 은 HTML문서등의 div, span 등의 요소를 의미하는 것이고 줄여서 DOM, 돔 이라고 부른다.API는 웹사이

메소드 체이닝(Method Chaining)const b = a.split('').reverse().join('');이를 메소드 체이닝이라 한다.결과

Node.JS 란?Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임(런타임이란 프로그래밍 언어가 동작하는 환경을 말한다.)Node.Js가 동작하는 환경은 크게 컴퓨터와 브라우저 두가지가 있다.NVM을 이용해 원하는 버전을 설치하고 사용할

1\. ECMA 스크립트ECMA SCRIPT는 줄여서 ES라고 부르는데 표준화된 자바스크립트를 ECMA SCRIPT라 한다.ES6 ES2015 등의 용어를 볼 수 있는데 이는 버전이다.npm run dev 를 통해서 내부에 로컬 서버를 별도로 오픈해서 작업하는 방식을

1\. 함수 선언2\. 함수 표현익명함수를 변수에 저장하는 방식호이스팅이라는 것을 곧 배울 것인데 이 때, 함수의 선언과 표현이 다르게 동작하니 기억해두는 것이 좋다.3\. arguments그리고 함수에서는 arguments라는 것을 활용할 수 있다.ex.브라우저의 콘

1. 생성자 함수 ex. 콘솔에는 이렇게 해당 내용의 객체가 출력되는 것을 볼 수 있다. 이 때 user라는 함수를 생성자 함수라고 한다. 이렇게 하면 getFullName이라는 메소드를 user라는 생성자 함수로 만들어낸 모든 객체에서 사용할 수 있다. 그

문자 전역 객체란 자바스크립트의 global scope에서 항상 존재하는 객체이다. global scope에 항상 존재하므로 언제든 불러와서 쓸 수 있다. 그리고 String 역시 전역 객체인데 문자열(문자의 나열)의 생성자이다. 생성자라는 것은 new String

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/ObjectObject 객체에 정의된 메소드들 중 프로토타입으로 정의되지 않은 메소드들을 정적 메소드라고 한다.이들은 (

구조 분해 할당 이란 위와 같이 user라는 객체 데이터에서 내용을 구조분해해서 원하는 속성들만 꺼내서 사용할 수 있는 개념이 된다.이는 x = user.name 처럼 변수에 할당하여 사용하는 것과 큰 차이는 없으나없는 값 대신 사용할 수 있는 기본값을 할당하여 사용할

파이썬의 \*과 같다. iterable한 객체를 언패킹해주는 \*처럼 전개연산자 ...은 배열을 언패킹해준다.ex.이 때, ...z를 나머지를 받아준다하여 rest parameter라고 부른다.저렇게 하면 ...z는 z를 언패킹한다는 것이므로 z에는 배열이 들어가야 하

데이터 불변성(Immutable)데이터는 크게 두가지로 나눌 수 있다.원시 데이터: String, Number, Boolean, undefined, null자바스크립트에서 사용할 수 있는 원래 데이터참조형 데이터: Object, Array, Function(자바스크립트

객체를 대입연산자로 다른 변수에 대입하면 이 둘은 같은 객체이므로 둘 중 하나의 내용을 다르게 하면 둘의 내용은 모두 변하게 된다.의도치 않게 이런 경우를 방지하기 위해 '복사'에 대해 배워보자.ex.Object.assign(target, src) 메소드는 target

1\. 가져오기, 내보내기(1) import \_ from 'lodash' 와 같이 문자 데이터로 from 'lodash' 라고만 명시하면 프로그램은 자동으로 lodash 모듈을 node_modules 폴더에서 찾는다.(2) default export 로 데이터를 내보

https://lodash.com/ 의 documentation 을 참고하여 사용법을 알 수 있다.\_.uniq(arr) : 중복되는 내용 제거ex. \_.uniq(\[2,1,2]) => 2,1\_.uniqBy(A, std)A배열안의 객체 데이터들을 std값을

JSON은 JavaScript Object Notation 의 약어로서 자바스크립트의 데이터를 표현하는 하나의 포멧이다.JSON의 자료형\-기본 자료형수, 문자열(큰 따옴표 " 으로 구분), 참/거짓, 배열, 객체(순서가 있는 키/값 들의 집합), nulljson파일은

local Storage에 데이터는 key value쌍으로 저장될 수 있고 이것이 브라우저에서 관리되는 하나의 데이터 저장소로 사용이 된다.그리고 이와 동일한 방식으로 Session Storage라는 것도 제공이 되고 있다.LocalStroage를 사용하면 Docume

정규표현식이란 문자열을 검색하고 대체하는 데 사용가능한 일종의 형식 언어(패턴)이다. 간단한 문자 검색부터 이메일, 패스워드 검사 등의 복잡한 문자 일치 기능 등을 정규식 패턴으로 빠르게 수행할 수 있다. 전규표현식은 크게 다음과 같은 역할을 수행한다. 문자 검색