javascript
1.[모던자바스크립트 deep dive] 12 함수
프로그래밍의 함수는 일련의 과정을 문으로(statement)구현하고, 코드로 블록을 감싸서, 하나의 실행단위로 정의한 것이다. 함수에서 사용되는 용어는 argument, parameter, return value있다. parameter는 매개변수라는 의미로써, 위에서
2.[node.js] npm 프로젝트 시작
가장 먼저 프로젝트를 만들고 셋팅할때 기본적으로 사용되는 명령어는이다. 이는 프로젝트에 필요한 정보를 물어보고, 이에 대해 package.json 파일을 생성해준다. 명령어를 입력하면, node_modules 이라는 폴더가 생기며 그 아래 loadsh 이라는 모듈이 포
3.[node.js] parcel, 개발 서버 실행과 빌드
터미널 창에서 입력할 수 있는 명령어인데, parcel 같은 경우 개발에서만 사용되는 패키지 이기 때문에 실제 터미널창에서 명렁어를 치면 zsh : command not found : parcel이라고 나온다. 두번째로 사용할 main.js를 아래처럼 작성하면, 사
4.[JS데이터] 원시형 String,Number
string을 표기하는 방식에는 3가지가 존재한다.string3의 방식으로 만들어낸 데이터를 템플릿 리터럴이라고 한다. 이때 리터럴이란 소스코드의 고정된 그 값자체를 의미한다. number를 선언할때 위에처럼 사용되며, 위처럼 undefined + number가 연산이
5.[JS데이터]원시형 - Boolean, null, undefined
true/false의 2개의 값을 가지는 논리형 데이터를 boolean이라고 한다.null이란 데이터는 값이 없다 혹은 값을 알 수 없다 값이 비어 있다라는 의미를 가진다. e.g)즉 age는 처음에 null 데이터가 없어지만, 1초 후에 24라는 데이터를 할당 받는다
6.[JS데이터] 참조형 -Array
배열 데이터를 인덱싱 한다 => 첫번째 아이템을 접근했다는 의미.배열의 요소(element) or item 이라고 혼용해서 사용된다. 배열은 length라는 속성을 가지고 있다. 만약, 마지막 데이터를 조회하고 싶다면?
7.[JS데이터] 참조형 - 객체 데이터 (Object)
객체를 만들 수 있는 방법은 생성자 함수 방식이 존재한다.object는 key,value 형태로 만들어진다. key는 속성(property)라고 하며, value는 간단하게 값이라고 한다. 반면, User이라는 함수를 통해서 객체데이터를 만들 수 있다. 이러한 방식 보
8.[JS데이터] 참조형- 함수(function)
함수를 호출하지 않은 형태는 하나의 데이터이다. 함수는 하나의 데이터이며 함수는 호출을 통해 동작한다.
9.[JS데이터] 형변환(Type Conversion)
== 일치연산자이며, === 동등 연산자이다. == 일치연산자는 형변환이 일어나 a가 갖고 있는 값과 b가 갖고 있는 값이 같다. 즉 다른 데이터 종류이지만 true의 결과를 나올 수 있다. 일치 연산자는 예상과 다른 값이 나올 수 있기 때문에, 사용을 권장하지 않
10.[JS데이터] 참과 거짓(Truthy & Falsy)
true/false 는 boolen 데이터이다. 그러나 참과 거짓(truthy and falsy)는 Javascript안에서 boolean데이터에 국한되지 않는다.그러나 모든 숫자가 참을 의미하지 않는다. 숫자 1) 0은 falsy이다. 그외 2) null(명시적으로
11.[표준 내장 데이터]문자1
.includes().indexOf() : 일치 하는 지점의 첫번째 index.padEnd() 대상 문자의 길이가 지정된 길이보다 작으면, 주어진 문자를 지정된 길이까지 붙여 새로운 문자로 반환한다..padStart()대상 문자의 길이가 지정된 길이가 작으면, 주언지
12.[표준 내장 데이터]문자2
.replace(): 대상 문자에서 패턴(문자, 정규식)과 일치하는 부분을 교체한 새로운 문자를 반환2) /Hello/g : g는 플래그이며 global의 약자이며 Hello라는 글자를 모두 hi라고 수정한다. 3) 새로운 글자를 리턴하기 때문에 원본의 데이터는 훼손되
13.[표준 내장 데이터] 숫자
: 숫자를 지정된 고정 소수점 표기(자릿수)까지 표현하는 문자로 변환: 숫자를 현지 언어 형식의 문자로 반환: 숫자가 정수(integer)인지 확인메소드를 볼때 prototype이 없을때 class타입이 나올때 ??: 정적 메서드 : 주어진 값이 NaN인지 확인
14.[표준 내장 데이터] 숫자2
.abs(): 주어진 숫자의 절대값을 반환Math.ceil() : 주어진 숫자를 올림해 정수로 반환Math.floor() : 주어진 숫자를 내림하여 정수로 반환Math.max(): 주어진 숫자 중에 가장 큰 숫자를 반환Math.min(): 주어진 숫자 중에 가장 작은
15.[표준 내장 데이터] 날짜
new 라는 date함수를 생성할 수 있다. 내가 지정한 날짜를 생성할 수 있다. .getFullYear(): 원하는 날짜의 년도를 반환함.setFullYear(): 원하는 날짜의 년도를 지정함 .getMonth()와 .setMonth(): 날짜 인스턴스의 월을 반환하
16.[표준 내장 데이터] 배열
.length(): 배열의 길이를 반환.at(index): 대상 배열을 인덱싱 한다. : 음수값을 사용하면 뒤에서 부터 인덱싱함.concat(): 대상 배열과 주어진 배열을 병합해 새로운 배열을 반환.every(): 모든 요소가 콜백 테스트에서 참(truthy)을 반환
17.[표준 내장 객체] 배열2
.find(): 대상 배열에서 콜백 테스트에 통과하는 첫번째 요소를 반환..findIndex(): 대상 배열에서 콜백 테스트에 통과하는 첫번째 요소의 인덱스번호를 반환.flat(): 대상배열의 모든 하위 배열을 지정한 깊이까지 이어붙인 새로운 배열을 반환.forEach
18.[표준 내장 객체] 배열3
.join : 대상 배열의 모든 요소를 구분자로 연결한 문자를 반환.map(): 대상 배열의 길이 만큼 주어진 콜백을 실행하고, 콜백의 반환값을 모아 새로운 배열을 반환.pop(): 배열의 마지막 요소를 제거를 하고 그 요소를 반환: 대상의 배열 원본이 변경.push(
19.[표준 내장 객체] 배열4
.shift(): 대상의 배열에서 첫번째 요소를 제거하고, 제거된 요소를 반환.slice(): 대상 배열의 일부를 추출하여 새로운 배열을 만듬.some(): 대상 배열의 어떠한 요소라도 콜백 함수를 통과하는지 확인.sort(): 대상 배열의 콜백의 반환값(음수, 양수,
20.[클래스] prototype
prototype이라는 것은 인스턴스에서 사용할 수 있는 메서드나 속성을 등록할 수 있는 역할을 한다. : 같은 로직을 가지고 있는 객체가 두개가 동시에 가지고 있다.리터럴 방식으로 사용하는것이 더 편하기 때문에 보통 첫번째로 마니 사용한다. 그러나 두번째 사용법은
21.[클래스] ES6 Class 기본 문법
위의 코드를 class 방식으로 수정해보자
22.[클래스] getter/setter
23.[클래스] 정적 메서드(static methods)
예시1isArray(): Array라는 클래스에 isArray() 라는 메서드를 호출 할 수 있다.prototype이 붙고/안붙고의 차이는?(0) : prototype메서드는 prototype메서드라고 부르고(X) : 정적 메서드라고 부른다. 인스턴스 부분에 사용하는
24.[클래스] 상속과 instance of
상속
25.[클래스] instance of 와 constructor
instanceof 는 상속받은 부모까지 영향을 받기 때문에 contructor를 통해서 어떤 클래스에서 만들었는지 확인 할 수 있다.
26.[함수]선언과 호이스팅
// 호이스팅자바스크립트에서 호이스팅이란? 인터프리터가 변수와 함수의 메모리 공간을 선언전에 미리 할당하는 것을 의미함.var로 선언한 변수의 경우 호이스팅시 undefined로 변수를 초기화 시킴. 반면 let과 const로 선언한 함수는 호이스팅시 변수를 초기화 하
27.[함수] 반환 및 종료
28.[함수] 매개변수 패턴
default value 설정구조분해 할당(Destructuring assignment)배열 구조 할당 분해나머지 매개변수cf: 함수에서 return이 없으면 undefined가 리턴이 된다.
29.[함수] 화살표 함수
화살표 함수의 다양한 예제
30.[함수] 즉시실행함수
함수를 만들면서 별도의 이름 없이 바로 실행하고 싶을때 즉시 실행함수를 사용한다다양한 패턴이 존재한다.
31.[함수] 콜백
콜백이란? 함수가 호출될때 인자로 들어가는 함수를 콜백함수라고 한다.
32.[함수] 재귀(Recursive)
함수 내부에 자기 자신의 함수를 호출한다는것.재귀는 종결조건이 존재해야한다.
33.[함수] 호출 스케줄링
함수의 호출을 지연하거나, 반복적으로 호출할 수 있는 함수를 설명한다.:setTimeOut를 통해 함수 호출을 스케쥴링을 할 수 있다.:setInterval을 통해 주기를 설정하여 함수를 호출할 수 있다.
34.[함수] this
:this일반 함수의 this는 호출 위치에서의 정의화살표 함수의 this는 자신이 선언된 함수(렉시컬) 범위에서 정의: arrow function으로 사용할시에 this는 해당 함수를 커버하는 상위의 함수를 의미한다.
35.[javascript] Array.prototype.forEach()
정리 :1\. arr의 forEach메서드는 callback과 thisArg를 인자로 가질 수 있으며, callback함수안에서 thisArg를 참조할 수 있다.2\. callback함수는 callback(data,index, arr)를 인자로 가질 수 있다.callb
36.[javascript] Array.prototype.from()
dd
37.[javascript] Array.prototype.reduce()
callback : 배열의 각 요소에 대해 실행할 함수이며 4가지 인수를 받는다
38.[javascript] indexOf && findIndex
searchElement : 찾을 대상fromIndex : 검색을 시작할 idnex 번호결과가 있으면 가장 찾는 대상의 가장 첫번째 index를 반환하고, 찾는 대상이 없으면 -1를 리턴한다callback function이 들어간다. 즉 findIndex는 특정 조건
39.[자바스크립트 코딩의기술] 2장 배열로 데이터 컬렉션을 관리하라
해당 챕터에서는 큰 주제가 총 4가지 있다.1.배열로 유연한 컬렉션을 생성해라2.includes() 메서드를 통해 원소의 존재여/부를 판단해라 3\. push() 메서드 대신 펼침 연산자(...)로 원본 변경을 피해라4\. 펼침 연산자를 통해 정렬의 혼선을 피해라새로운