profile
성장을 멈추지 않는 개발자, 김성주입니다.
post-thumbnail

[TS] Typescript type 지정

type 지정

6일 전
·
0개의 댓글
·
post-thumbnail

[JS] Optional Chaining, nullish coalescing operator

Optional Chaining을 사용하는 목적은 중첩된 Object 자료에서 에러 없이 안전하게 데이터를 출력하기 위함자료가 null 혹은 undefined인 경우 해당 자료에 .을 찍어 내부에서 자료를 찾으려는 경우 error가 발생함, 하지만 Optional Ch

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[JS] Web Components

Web Components란 복잡한 html 태그들을 축약하여 커스텀 태그로 사용할 수 있게 하는 기능, 자바스크립트 문법이 아닌 브라우저 기본 기능 중 하나임

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[JS] Map, Set 자료형

Map 1. Map자료형 저장 및 출력 형태 Map 자료형은 Object 자료형과 같이 key, value 형태료 자료를 저장할 수 있음 Map 자료형은 Object 자료형과 약간 다름 Object 자료형은 { 'name' : 'Kim' } 과 같이 key값에 val

2022년 8월 3일
·
0개의 댓글
·

[JS] Symbol 자료형

Symbol() 함수를 이용해서 생성Object 자료형에는 문자로만 key값 입력 가능하지만 ES6부터 Symbol 자료형도 key값으로 입력 가능위와 같이 Symbol 자료형을 Object 자료형에 넣을 수 있음하지만 Symbol 자료형은 for문을 통한 반복문에서는

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[JS] for in / for of 반복문, enumerable, iterable

for (let 자료 in obj) 에서 '자료'는 변수명이기 때문에 마음대로 작명 가능, obj는 Object 이름Object 자료형 저장 시 key : value 값과 함께 3가지 속성이 함께 저장됨여기서 enumerable : true 인 자료형만 for in 반

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[JS] async/await, try/catch

1. async async란 new Promise()와 같은 역할을 한다고 볼 수 있음 다만, function 선언 앞에서만 붙일 수 있음 이렇게 사용할 경우 function 자체가 Promise가 되어 new Promise()를 통해 promise 변수를 만들어줄

2022년 8월 1일
·
0개의 댓글
·
post-thumbnail

[JS] Promise

Promise란 Callback 함수처럼 비동기식 처리로 실행되는 코드를 동기식 처리로 실행할 수 있게 해주는 디자인 패턴임new Promise() 라는 문법을 사용하여 변수를 생성, 그 변수에 then(), catch() 를 붙여 실행then()은 promise 내의

2022년 8월 1일
·
0개의 댓글
·
post-thumbnail

[JS] 동기식/비동기식, Callback 함수

Callback 함수 Callback 함수란 함수 안에 들어가는 함수를 의미함 [1] function 1번함수(){} 에 들어가 있는 [2] function 2번함수(){}를 Callback 함수 라고 함 1. 동기식 처리(synchronous) 동기식 처리란 한번

2022년 8월 1일
·
0개의 댓글
·
post-thumbnail

[JS] import/export

export default는 한번만 사용 가능, import시 변수명 자유롭게 작명 가능export는 여러번 사용 가능, import시 변수명 정확히 사용

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

[JS] Destructuring(구조분해할당)

Destructuring(구조분해할당) Destructuring(구조분해할당) 이란 array, object에 있는 자료들을 바로 변수에 담는 문법 1. Array 2.Object 3. 함수의 파라미터 변수

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

[JS] getter, setter

getter, setter 문법은 object 내의 함수들을 괄호 없이 쓸 수 있게 만들어주는 키워드임, 데이터의 무결성 보존을 위해 사용이렇게 object 내 함수를 이용해서 데이터를 출력하는 이유는1\. object 내 데이터가 복잡할 수록 함수를 이용하여 데이터를

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

[JS] extends, super

extends, super extends는 class를 상속 받는 class를 만들 때 사용함 super는 상속 받은 class에서 상속을 한 class의 constructor를 사용할 때, 상속 받은 class의 constructor 내에서 사용 class 간 함수

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

[JS] class

class 문법으로 constructor를 만들어 사용할 수 있음 class 문법으로 상속 가능한 함수를 만드는 데는 2가지 방법이 있음Object.getPrototypeOf() 를 이용하면 부모 prototype을 출력해줌constructor에 파라미터 추가 가능

2022년 7월 27일
·
0개의 댓글
·
post-thumbnail

[JS] object.create()

object.create() 란 javascript ES5에서 사용하는 방식으로 상속을 이용해서 object를 만드는 방법 중 하나임상속 받은 값의 변경도 가능자식의 자식도 가능

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

[JS] prototype, __proto__

1) prototype constructor(부모 개념)로 instance(자식 개념) 를 만드는 행위를 상속(inheritance) 이라고 함 prototype은 자식이 부모로부터 상속을 할 수 있게 해주는 유전자 같은 개념 javascript는 object에서 값

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

[JS] constructor, instance

constructor는 object를 복사해주는 기계라고 생각하면 됨instance는 constructor를 사용해서 만들어진 object

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

[JS] Primitive vs Reference data type

primitive data type이란 자료 자체가 변수에 저장되는 자료형을 의미함예를 들어 문자, 숫자 자료형 들이 있음reference data type이란 자료 자체가 저장되는 것이 아닌 자료의 위치를 나타내는 화살표가 저장되는 것이라고 볼 수 있음예를 들어 Ar

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

[JS] rest parameter

rest parameter란 arguments와 비슷한 역할을 하는 문법1) rest parameter는 맨 마지막 파라미터로만 사용 가능

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

[JS] default parameter, arguments

default parameter란 함수 실행 시, parameter 값을 적지 않았을 때, 해당 parameter의 값에 미리 지정해놓은 값을 대입하는 것을 의미함arguments란 모든 parameter들을 의미함

2022년 7월 25일
·
0개의 댓글
·