profile
개발자가 되자
태그 목록
전체보기 (164)typescript(39)한입크기(38)React(22)JavaScript(17)js(13)자바스크립트(13)리액트(12)모던 자바스크립트 Deep Dive(7)재귀함수(4)모던 자바스크립트 Deep Dive 요약(4)프로그래머스Lv0(3)github(3)프로그래머스(3)프로그래머스 lv0(3)모던 자바스크립트 Deep Dive TIL(3)코드스테이츠(2)프로그래머스 Lv.0(2)set(2)pre-project(2)API(2)git(2)[typescript]프로미스(Promise)(1)배열 만들기 2(1)[typescript]인터페이스의 확장(1)react router(1)netlify(1)첨부파일 다운받기(1)배열 만들기5 js(1)qr code js(1)[TypeScript]타입 계층도/ 기본타입(1)최적화(1)다음글이전글(1)팩토리얼(1)문자정렬하기(2) JS(1)input checkbox(1)[typescript]분산적인 조건부 타입(1)로그인(1)9로 나눈 나머지(1)특별한 이차원 배열 2 js(1)순선변경구현(1)숨어있는 숫자의 덧셈 2 js(1)특이한 정렬 js(1)나머지가 1이 되는 수 찾기JS(1)[typescript]제네릭(1)[TypeScript]타입스크립트 컴파일러 옵션 설정하기(1)DRAG and Drop에서 특정 파일만 업로드하기(1)reactquill에디터(1)HTML img.src(1)[typescript]템프릿 리터럴 타입(1)첨부파일(1)리스트 자르기 js(1)주사위게임1(1)[프로그래머스LV0_자바스크립트]가까운 수(1)[typescript]타입 단언(1)ReactQuill(1)[typescript]함수 오버로딩(1)한번만 등장한 문자(1)(1)event.dataTransfer.files(1)피보나치수5(1)react-drag-list라이브러리(1)평균값 구하기(1)조건별 검색창(1)[프로그래머스LV0_자바스크립트]숨어있는 숫자의 덧셈 2 JS(1)부분문자열 이여붙여 문자열 만들기 JS(1)모스부호 (1) JS(1)javascript로 HTML img.src 바꾸기(1)모던deep dive(1)[TypeScript]객체(1)api paginaiton(1)[프로그래머스LV0_자바스크립트]가까운 수 JS(1)[typescript]함수 타입(1)http(1)[모던 자바스크립트 Deep Dive] 8장.제어문(1)[프로그래머스LV0_자바스크립트]중복된 문자 제거 js(1)글자 지우기(1)[모던 자바스크립트 Deep Dive] 7장.연산자(1)[typescript]제네릭 클래스(1)sourcetree(1)HTML/CSS/JS(1)자릿수 더하기JS(1)[typescript]인터페이스와 클래스(1)단축평가(1)[typescript]객체 타입의 호환성(1)[typescript]대수 타입(1)findIndex(1)(1)프로그래머스 배열만들기5(1)[모던 자바스크립트 Deep Dive] 10장.객체 리터럴(1)[typescript]함수 타입 표현식, 호출 시그니쳐(1)특별한 이차원 배열 2(1)[typescript]함수 타입의 호환성(1)시간복잡도(1)합성수 찾기(1)연산자(1)표현식(1)[프로그래머스 LV0_JS]날짜 비교하기(1)[TypeScript]enum 타입(1)한번만 등장한 문자JS(1)글자 이어 붙여 문자열 만들기(1)[프로그래머스 LV0_JS]qr code JS(1)[프로그래머스 LV0_JS]진료 순서 정하기(1)알고리즘(1)[모던 딥다이브자바스크립트]21장_빌트인 객체(1)팰린드롬??(1)가까운 수(1)[typescript]제레닉 함수 응용하기(1)프로그래머스 합성수 찾기(1)문자열 밀기(1)스택오버플로어클론(1)useEffect(1)[프로그래머스LV0_자바스크립트]모스부호 (1)(1)가까운 수 JS(1)짝수와 홀수(1)stackoverflowClone(1)1로 만들기JS(1)[프로그래머스LV0_자바스크립트]숨어있는 숫자의 덧셈 2(1)짝수와 홀수JS(1)중복된 문자 제거 JS(1)검색창 구현(1)brute force(1)한입 크기(1)[프로그래머스LV0_JS]글자 지우기(1)나머지가 1이 되는 수 찾기(1)코드처리하기(1)pagination(1)배열의 원소 삭제하기 js(1)React Pagination(1)Router오류(1)숫자열을 문자열로 붙이기(1)react-drag-list(1)[모던 자바스크립트 Deep Dive] 5장.표현식과 문(1)eval(1)수열과구간쿼리2(1)[프로그래머스LV1.JS]나머지가 1이 되는 수 찾기(1)img.src(1)에디터에 사진넣기(1)탭 구현(1)소스트리(1)[TypeScript]void와 Never 타입(1)코드스테이츠 프론트엔드(1)토큰생성(1)평균값 구하기JS(1)drag and drop(1)[typescript]인터페이스(1)[프로그래머스LV1.JS]자릿수 더하기(1)[프로그래머스LV0_ JS]문자열 밀기(1)[typescript]타입스크립트의 클래스(1)[TypeScript] 기본타입,원시타입, 리터럴타입(1)재귀의귀재(1)회원가입(1)브루트포스(1)객체 리터럴(1)[프로그래머스LV0_자바스크립트]중복된 문자 제거(1)[TypeScript]Any와 Unknown타입(1)제어문(1)이전글 다음글 apit(1)체크박스 개별선택(1)백준10870(1)[typescript]서로소 유니온 타입(1)날짜 비교하기JS(1)첨부파일 업로드(1)[TypeScript]타입 별칭과 인덱스 시그니처(1)[typescript]조건부 타입(1)타입변환(1)숫자크키는 64비트(1)진료 순서 정하기(1)[프로그래머스 LV0_JS]qr code(1)체크박스 전체선택해제(1)[typescript]infer(1)[딥다이브자바스크립트]21장_빌트인 객체(1)html,css,js파일 netlify로 배포하기(1)State(1)useReducer(1)Sort(1)백준27433(1)칸토어집합(1)js로 가위바위보 만들기(1)[프로그래머스LV0_자바스크립트]배열의 원소 삭제하기 js(1)체크박스(1)[모던 자바스크립트 Deep Dive] 4장.변수(1)[typescript]자바스크립트의 클래스(1)문자정렬하기(2)(1)부분문자열 이여붙여 문자열 만들기(1)[typescript]접근제어자(1)수열과 구간 쿼리3(1)[모던 자바스크립트 Deep Dive] 9장.타입변환과 단축평가(1)[typescript]타입 추론(1)특이한 정렬(1)배열 만들기5(1)39기 코드스테이츠 부트캠프(1)[모던 자바스크립트 Deep Dive] 6장.데이터 타입(1)백준 15649번 js(1)프로젝트일기(1)[프로그래머스LV1.JS]평균값 구하기(1)[typescript]인덱스드 엑세스 타입(1)[TypeScript]배열과 튜플(1)숨어있는 숫자의 덧셈 (2)(1)[프로그래머스 LV0_JS]한번만 등장한 문자(1)main-project(1)데이터 타입(1)[프로그래머스LV0_JS]리스트 자르기(1)백트래킹(1)배열 만들기 4(1)[typescript]map메서드/forEach메서드(1)프로젝트(1)백준 15649번(1)리스트 자르기(1)Drag and Drop API(1)[프로그래머스LV0_JS]1로 만들기(1)백준25501(1)[프로그래머스LV0_자바스크립트]배열의 원소 삭제하기(1)[프로그래머스LV0_자바스크립트]특별한 이차원 배열 2(1)[typescript]선언 합침(1)프로그래머스 부분문자열 이여붙여 문자열 만들기(1)[typescript]keyof 연산자(1)콜라츠 수열 만들기(1)진료 순서 정하기 js(1)에디터 api(1)변수(1)글자 지우기JS(1)reactquill api(1)자릿수 더하기(1)코드스테이츠 후기(1)Map(1)문자열 여러번 뒤집기(1)여러조건 검색창(1)1로 만들기(1)문자열 밀기 js(1)[typescript]사용자 정의 타입가드(1)9로 나눈 나머지 js(1)문자열 여러번 뒤집기 JS(1)Props(1)합성수 찾기 JS(1)글자이어붙여문자열만들기 JS(1)QR code(1)백준4779(1)[typescript]제네릭 인터페이스(1)체크박스 전체선택(1)react 이전글 다음글(1)[프로그래머스LV0_ js]특이한 정렬(1)배열의 원소 삭제하기(1)[typescript]타입 좁히기(1)날짜 비교하기(1)빌트인 객체(1)

[typescript]infer

infer는 조건부 타입 내에서 특정 타입을 추론하는 문법

2023년 8월 31일
·
0개의 댓글
·

[typescript]분산적인 조건부 타입

분산적인 조건부 타입은 다음과 같이 동작합니다.타입 변수에 할당한 Union 타입 내부의 모든 타입이 분리됩니다. 따라서 StringNuberSwitch<number | string> 타입은 다음과 같이 분산됩니다.\-> StringNumberSwitch<

2023년 8월 31일
·
0개의 댓글
·

[typescript]조건부 타입

조건부 타입은 extends와 삼항 연산자를 이용해 조건에 따라 각각 다른 타입을 정의하도록 돕는 문법

2023년 8월 31일
·
0개의 댓글
·

[typescript]템프릿 리터럴 타입

템플릿 리터럴 타입은 타입 조작 기능들 중 가장 단순한 기능으로템플릿 리터럴을 이용해 특정 패턴을 갖는 String 타입을 만드는 기능입니다.ColoredAnimal 타입에 추가해야하는 타입이 점점 많아지게 됩니다. 이럴 때 바로 템플릿 리터럴 타입을 이용하면 좋습니다

2023년 8월 31일
·
0개의 댓글
·

[typescript]맵드타입 - 수정중

2023년 8월 31일
·
0개의 댓글
·

[typescript]keyof 연산자

위의 코드 같이 작성하면 key의 타입을 “name” | “age”로 정의했는데 이렇게 정의하면 다음과 같이 Person 타입에 새로운 프로퍼티가 추가되거나 수정될 때 마다 이 타입도 계속 바꿔줘야 합니다.Keyof 연산자를 이용하면 이런 점을 쉽게 해결할 수 있다.

2023년 8월 31일
·
0개의 댓글
·

[typescript]인덱스드 엑세스 타입

Post타입의 author 프로퍼티가 수정, 추가되어도 따로 수정 안해줘도 된다.Post"author"는 Post 타입으로부터 author 프로퍼티의 타입을 추출합니다. 대괄호 속에 들어가는 String Literal 타입인 “author” (값이 아니라 타입이다.)

2023년 8월 31일
·
0개의 댓글
·

[typescript]프로미스(Promise)

프로미스(Promise) 😎 Promise는 제네릭 클래스로 구현되어 있습니다. ➡️ 프로미스를 반환하는 함수의 타입을 정의

2023년 8월 31일
·
0개의 댓글
·

[typescript]제네릭 클래스

제네릭 클래스 위의 코드 제네릭 클래스로 바꾸기

2023년 8월 31일
·
0개의 댓글
·

[typescript]제네릭 인터페이스

제네릭 인터페이스 ➡️ 인덱스 시그니쳐와 함께 사용하기 ➡️ 제네릭 타입 별칭 ➡️ 제네릭 인터페이스의 활용 예시 👍 제네릭 인터페이스로 바꾸기

2023년 8월 31일
·
0개의 댓글
·

[typescript]제레닉 함수 응용하기

만약 2개의 타입 변수가 필요한 상황이라면 다음과 같이 T, U 처럼 2개의 타입 변수를 사용해도 됩니다.다양한 배열 타입을 인수로 받는 제네릭 함수를 만들어야 한다면 다음과 같이 할 수 있습니다.튜플 타입과 나머지 파라미터를 이용한 방법타입 변수를 제한하는 사례 타입

2023년 8월 31일
·
0개의 댓글
·
post-thumbnail

[typescript]제네릭

제네릭 함수는 두루두루 모든 타입의 값을 다 적용할 수 있는 그런 범용적인 함수인수에 특정 타입의 인수를 넣었을때 타입을 저절로 그 타입이 나오도록 설정하고 싶을떄

2023년 8월 31일
·
0개의 댓글
·

[typescript]인터페이스와 클래스

인터페이스와 클래스 같이 사용하는 방법

2023년 8월 30일
·
0개의 댓글
·

[typescript]접근제어자

접근 제어자(Access Modifier)는 타입스크립트에서만 제공되는 기능으로클래스의 특정 필드나 메서드를 접근할 수 있는 범위를 설정하는 기능입니다.

2023년 8월 30일
·
0개의 댓글
·

[typescript]타입스크립트의 클래스

생성자 함수에서 필드의 값들을 잘 초기화 해 준다면 필드 선언시의 초기값은 생략해도 됩니다.클래스를 타입으로 사용하면 해당 클래스가 생성하는 객체의 타입과 동일한 타입이 됩니다.

2023년 8월 30일
·
0개의 댓글
·

[typescript]자바스크립트의 클래스

위의 중복된 코드를 해결할 클래스 문법 사용하기앞서 만든 Student 클래스를 기반으로 추가적인 필드와 메서드를 갖는 클래스를 선언하고 싶다면 상속을 하면 된다.

2023년 8월 30일
·
0개의 댓글
·

[typescript]선언 합침

타입 별칭은 동일한 스코프 내에 중복된 이름으로 선언할 수 없는 반면 인터페이스는 가능합니다.중복된 이름의 인터페이스 선언은 결국 모두 하나로 합쳐지기 때문입니다.동일한 이름의 인터페이스들이 합쳐지는 것을 선언 합침(Declaration Merging)이라고 부릅니다.

2023년 8월 30일
·
0개의 댓글
·

[typescript]인터페이스의 확장

하나의 인터페이스를 다른 인터페이스들이 상속받아 중복된 프로퍼티를 정의하지 않도록 도와주는 문법interface 타입이름 extends 확장할타입이름 형태로 extends 뒤에 확장할 타입의 이름을 정의하면 해당 타입에 정의된 모든 프로퍼티를 다 가지고 오게 됩니다.

2023년 8월 30일
·
0개의 댓글
·

[typescript]인터페이스

인터페이스란 타입 별칭과 동일하게 타입에 이름을 지어주는 또 다른 문법타입 별칭에서는 Union이나 Intersection 타입을 정의할 수 있었던 반면 인터페이스에서는 할 수 없습니다.Union이나 Intersection 타입을 정의 방법인터페이스로 만든 타입을 Un

2023년 8월 30일
·
0개의 댓글
·