profile
열심히 노력하는 신입 프론트엔드 개발자 문건우입니다.
태그 목록
전체보기 (184)JavaScript(45)알고리즘(40)프로그래머스(25)React(20)python(14)leetcode(13)부스트캠프(12)삽질(12)후기(8)typescript(8)js(7)멤버십(5)next(5)ts(5)면접(5)DSC(5)next.js(5)타입스크립트(5)프론트엔드(4)DND(4)boj(4)express(4)위상정렬(3)Nginx(3)debounce(3)에러(3)NHN Forward(3)TIL(3)카카오 코딩테스트(3)SSR(3)컨퍼런스(3)백준(3)redux(3)우아한 테크 캠프(3)리액트(3)회고(3)webpack(3)key(2)throttle(2)https(2)ES5(2)ES6(2)boostcamp(2)동아리(2)(2)데브매칭(2)카카오 인턴(2)ux(2)array(2)Recoil(2)프로젝트(2)리뷰(2)카카오 인턴 코딩테스트(1)프론트엔드과제(1)썸머코딩(1)확장(1)카카오 알고리즘(1)PNU(1)홍보(1)우테캠(1)훌륭한 개발자(1)es8(1)Context API(1)arguments(1)세션(1)쿠키(1)NaN(1)UI(1)생성자(1)action(1)사이드프로젝트(1)Trie(1)호이스팅(1)우아한 형제들(1)corejs(1)생각정리(1)자동배포(1)ScrollIntoView(1)garbage colerctor(1)레디스(1)ncloud(1)웹 표준(1)그룹 프로젝트(1)cutom hook(1)유틸리티 타입(1)Tree Shaking(1)트리 쉐이킹(1)emotion(1)트랜스파일(1)dynamic routing(1)CSS(1)lazy(1)Saga(1)bind(1)배포(1)데이터베이스(1)code splitting(1)웹팩(1)cookie(1)sql(1)개발자(1)Node(1)mysql(1)HMR(1)babel(1)html(1)카카오(1)dd(1)Sequelize(1)해커톤(1)상속(1)typeOrm(1)class(1)error(1)목표(1)shell(1)자료구조(1)객체(1)Index(1)nextjs(1)개발(1)useCallback(1)Symbol(1)queue(1)this(1)arrow function(1)private(1)화살표 함수(1)useReducer(1)Prototype(1)코드 스플리팅(1)부산(1)figma(1)clipboard(1)웹 접근성(1)코딩테스트(1)챌린지(1)Summer/Winter 코딩(1)개발자의 디자인 독해력(1)책 리뷰(1)

TypeScript 유틸리티 타입

타입스크립트에서 제공하는 기본 유틸리티타입이 몇가지 있다. 유틸리티 타입은 이미 정의 해놓은 타입을 변환할 때 사용하기 좋다. 그 중에 간단하게 Pick, Partial, Omit을 알아보았다.Pick은 특정 타입에서 몇 개의 속성을 선택하여 타입을 정의 할 수 있다.

2021년 2월 9일
·
0개의 댓글

TypeScript에서 useDebounce, useThrottle 만들기

useDebounce와 useThrottle은 debounce와 throttle이 적용된 함수를 반환해주는 hook이다.timer를 useRef로 하여 리렌더링 되도 timer가 초기화 되는 현상을 막는다.callback 함수의 타입 추론을 잘하게 하기 위해서 <

2020년 12월 10일
·
0개의 댓글

TypeScript Redux에서 createAction 만들어보기

TypeScript로 Redux를 사용해보고 있다. velopert님 블로그 포스팅을 보고 하는 중인데 typesafe-action은 사용하지 않고 사용해보고 있다. 매번 액션 생성함수를 만들어주는 것이 반복적인 작업이 많다보니 함수로 만들어야겠다는 생각이 들었다. 그

2020년 11월 26일
·
0개의 댓글
post-thumbnail

TypeScript interface 와 type aliases

자바에서 인터페이스는 클래스를 구현하기 전에 필요한 메서드를 정의하는 용도로 쓰이지만, 타입스크립트에서는 좀 더 다양한 것들을 정의하는 데 사용된다.인터페이스로 타입을 정의할 때는 interface 키워드를 사용한다.Person 인터페이스를 정의하고 객체 내부에 존재하

2020년 4월 1일
·
0개의 댓글
post-thumbnail

TypeScript 타입2

자바스크립트에서 값으로 존재하는 null과 undefined는 타입 스크립트에서 각각 값으로 존재함undefined와 null 타입은 다른 타입과 함께 유니온 타입으로 정의할 때 많이 사용 된다.아무 값도 반환하지 않고 종료되는 함수의 반환 타입은 void 타입으로 정

2020년 3월 30일
·
0개의 댓글
post-thumbnail

TypeScript 타입

타입스크립트에는 타입에는 number, string, boolean, object, array, enum의 타입이 있다.자바스크립트와 타입스크립트에는 int, float, double 같은 형이 없고 다 number 형을 쓴다.그리고 char형도 없다 한글자를 표현하든

2020년 3월 29일
·
0개의 댓글
post-thumbnail

TypeScript 설치 및 설정

타입스크립트를 실행하기 위해서는 nodejs가 설치되어 있어야 한다. 그리고 원하는 폴더로 가서 설정을 시작한다.그리고 typescript를 설치해준다.그리고 ts를 node에서 실행하게 해주는 ts-node를 설치한다.엄밀히 말하면 ts를 node에서 실행하는게 아니

2020년 3월 29일
·
0개의 댓글
post-thumbnail

TypeScript 타입스크립트란?

타입스크립트는 자바스크립트의 슈퍼셋이다.타입스크립트를 쓰는 이유는 자바스크립트에서 발생할 수 있는 에러를 미리 방지해주기 때문이다. 를 했을 때를 해버리면 우리는 15라는 값을 원했는데 510이라는 값이 출력 될 것이다. 저것을 제대로 계산하게 하려면이런식으로 해야 한

2020년 3월 28일
·
0개의 댓글