profile
프론트엔드

keyof typeof

...update 예정

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

Comento | Week 2. TypeScript & Clean Code

with 코멘토브라우저를 위한 스크립팅 언어로 탄생: 웹 페이지 속 짧은 코드들로 사용할 것이기 때문에그런데, JS가 발전하면서 웹이 아닌 다른 용도에서도 사용되기 시작자바스크립트의 장점이었던 '동적타입'이 오히려 의도치 않은 버그를 발생키는 현상이 생김프로그램 실행(

2022년 1월 17일
·
0개의 댓글
·

Comento | Week 1. 프론트엔드 전반

프론트엔드 개발자란? 유저들에게 '결과물'을 보여주기 위한 '로직'을 만드는 사람사용자 경험을 담당하는 사람프론트엔드개발자는 왜 구하기 어려운가요(아티클)웹에서 벌어지는 모든 일을 담당웹전체기능구현퍼블리싱 -> 디자이나 협업시 Zeplin, Figma 사용디자인 시스템

2022년 1월 17일
·
0개의 댓글
·

git 특정 커밋으로 돌아가기

프로젝트를 진행하다보면, 여러가지 실험을 할 때가 많다. 실험이 성공적이라면 다행이지만 그렇지 않다면 다시 작업 초기상태로 돌아가고 싶은데, 그럴때 사용하는 것이 git reset이다.

2021년 12월 29일
·
0개의 댓글
·
post-thumbnail

typescript typeof keyof 결과값

const MU = { 'rooney': 1, 'ronaldo': 2, 'jspark': 3, 'bruno': 4,};const useTypeof: typeof MU;const useTypeofKeyof: keyof typeof MU;

2021년 12월 14일
·
0개의 댓글
·
post-thumbnail

const assertion

단언? 이라고 보는게 좋을듯하다let 변수에 대해서도 const 변수를 사용할 때와 같은 타입 추론 규칙을 적용할 수 있다as const라는 키워드로 타입 단언을 하면 된다.객체에 대입해서 타입추론을 해보면const로 선언되어도, 객체 내부 속성에 대한 타입은 넓은 범

2021년 12월 10일
·
0개의 댓글
·
post-thumbnail

Redux-Saga 개념

Redux에서 비동기 처리를 어떻게 하나?middleware를 통해서 적용 가능미들웨어는 고차함수의 일종대표적인 미들웨어가 redux-thunkredux-thunk는 복잡한 비동기적 처리를 할 경우 디버깅, 테스트가 어려워 진다. 액션 크리에이터가 액션이 아닌 함수를

2021년 12월 6일
·
0개의 댓글
·

dd

ddd

2021년 11월 21일
·
0개의 댓글
·
post-thumbnail

useEffect Flow

Console을 통해 렌더링과 useState, useEffect가 어떤 순서로 진행되는지 살펴보자Parent Render start ->Parent useState ->Parent Render End ->Parent useEffect No deps/Empty/Somt

2021년 11월 1일
·
0개의 댓글
·
post-thumbnail

[JS인터뷰준비] 호이스팅

둘다 undefined?test: testtestValue:Error함수선언식: function name() {}함수표현식: const name = function() {}함수선언은 코드를 실행할 때 함수를 포함하는 스코프 최상단으로 끌어올려진다. 그래서 함수 선언 전

2021년 10월 31일
·
0개의 댓글
·
post-thumbnail

[JS인터뷰준비]자바스크립트 this(2)

함수를 호출하는 객체를 의미한다.this를 이용해 함수를 다른 객체에서도 재사용 가능하다일반적으로 this의 값은 자동으로 할당된다. 하지만 상황에따라 제어 가능하다.call 메서드는 this의 값을 바꿀수도, 함수를 실행할 때 사용할 인수도 전달가능하댜.call(바인

2021년 10월 31일
·
0개의 댓글
·
post-thumbnail

[JS인터뷰준비] 생성자로 객체생성

생성자 함수를 사용해서 객체를 생성할 수 있다. 생성자함수(constructor)란 new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스(instance)라고 한다연산자 new생성자 constructor인스

2021년 10월 31일
·
0개의 댓글
·
post-thumbnail

[JS인터뷰준비] Closure

클로저는 자바스크립트 고유의 개념이 아니다. 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 중요한 특성이다. MDN에서는 클로저를 다음과 같이 정의한다클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다.outerFunc 함수 내부에서 중첩 함수

2021년 10월 31일
·
0개의 댓글
·
post-thumbnail

[JS인터뷰준비] Scope

유효범위. 변수의 접근성과 생존시간을 제어에 대한 개념이다. 전역에서는 함수 스코프 안으로 접근할 수 없다.스코프는 이름이 충돌하는 문제를 덜어주고, 자동으로 메모리를 관리한다.자바스크립트의 스코프는 전역, 함수, 블록스코프 3가지가 있다.스크립트 어디에서든 접근이 가

2021년 10월 30일
·
0개의 댓글
·
post-thumbnail

[JS인터뷰준비] 자바스크립트 타입(3)

있는 그대로 저장되는 데이터를 의미한다. 예를들어 변수에 7을 할당하면, 7이 출력된다. 이렇게 있는 그대로 저장되는 데이터가 원시타입이다.BooleanStringNumberundefinednullSymbol원시값을 변수에 할당하면 값이 복사되어 들어간다. 즉, 원시값

2021년 10월 30일
·
0개의 댓글
·
post-thumbnail

[JS분기다루기]삼항연산자

삼항연산자는 언제 사용하는가? 나만의 기준이 있는가? 일관성 있게 사용하고 있는가? 아니면 과도한 숏코딩(Short coding)을 하기 위해 사용하고 있는가?삼항연산자를 사용하는 경우는 많지만 중요한 것은 일관성을 가지고 삼항연산자를 사용하는게 중요하다.삼항연산자는

2021년 10월 29일
·
0개의 댓글
·
post-thumbnail

[JS분기다루기]값식문

문법은 중요한가? 중요하다면 왜 그럴까? 프로그래머는 프로그래밍 언어를 사용하는 사람이다.프로그래머는 언어를 통해 컴퓨터를 이해시켜야 한다. 문법에 에러가 있다면 컴퓨터를 프로그래머가 요청한 명령을 처리하지 못한다. 그치만 문법을 지킨다는 것은 쉽지 않다. 특히 문법이

2021년 10월 29일
·
0개의 댓글
·
post-thumbnail

[JS경계다루기] 매개변수

함수의 이름, 매개변수의 순서만 잘 지켜도, 그 자체가 경계가 된다.매개변수가 2개인 함수는 함수이름과 매개변수로 시작과 끝이 있다고 추론이 가능앞서 봤던 mix/max, first/last, bigin/end ...객체로 받기...사용arguements 객체 활용매개

2021년 10월 29일
·
0개의 댓글
·
post-thumbnail

[JS경계다루기] prefix/suffix

prefix/suffix 용어를 사용하는 경우react hooks의 use~jQuery의 $ ~underscore \_.~\_REQUEST\_SUCCESS\_FAILURE

2021년 10월 29일
·
0개의 댓글
·
post-thumbnail

[JS경계다루기] first/last

시작과 끝이 있다는 데이터를 다룰 때

2021년 10월 29일
·
0개의 댓글
·