profile
안녕하세요 프론트엔드 개발자를 꿈꾸는 엄강우입니다.

콜백과 Promise

인터뷰에서 자주 등장하는 콜백과 Promise의 차이점에 대해 한번 알아보는 시간을 가져보도록 하겠습니다.콜백은 중첩하여 사용하기 위해서는 흔히 말하는 콜백헬때문에 가독성이 떨어지는 코드가 탄생하게 됩니다. 하지만 Promise를 이용하면 then메소드 때문에 가독성이

2022년 6월 20일
·
0개의 댓글

타입스크립트 제네릭

타입스크립트는 함수에서 변수들의 타입을 정해주기 위해 사용한다는 사실은 다들 알것이라 생각합니다. 그러다보니 함수를 선언하는데에 어느정도 제약사항이 생기게 됩니다. 우리가 어떤 함수를 선언한다고 할때 특정 변수타입만을 사용하는 경우도 많지만 그렇지 않은 경우도 있습니다

2022년 6월 20일
·
0개의 댓글

재사용하기 쉬운 컴포넌트 (2)

Selection 만들어 보기 오늘은 흔히 dropdown을 만들어보았습니다. 하지만 dropdown뿐만이 아니라 유사한 다른 컴포넌트도 구현할 수 있는 재사용성 높은 컴포넌트를 목표로 Selection이라는 컴포넌트를 만들어 보았습니다. Dropdown과 유사한 구

2022년 6월 16일
·
0개의 댓글

재사용하기 쉬운 컴포넌트 (1)

위의 영상을 보고 나도 한번 만들어 보고 싶다는 생각이 들어서 시작하였습니다(?) 하지만 생각보다 내가 모르는 부분이 많아서 모르는 부분을 천천히 익혀가면서 실습을 해보도록 하겠습니다.컴파운드 컴포넌트는 컴포넌트 패턴의 일종이라고 할 수 있습니다. 내부에서는 데이터를

2022년 6월 15일
·
0개의 댓글

제너레이터 (generator)

제너레이터란 이터레이터를 사용해 자신의 실행을 제어하는 함수 입반적인 함수는 매개변수를 받고 값을 반환하지만, 호출자는 매개변수 외에는 함수의 실행을 제어할 방법이 전혀 없습니다. 함수를 호출하면 그 함수가 종료될 때까지 제어권을 넘기지만 제너레이터는 그렇지 않습니다.

2022년 6월 13일
·
0개의 댓글

이터레이터 ( iterator )

이터레이터는 ES6에 도입된 새로운 개념입니다. 제너레이터가 이터레이터에 의존하는 개념인 만큼 이터레이터에 대한 개념을 확실히 하고 가는 것이 좋습니다.js를 가지고 개발을 하다보면 iterable하지 않습니다라는 오류를 자주 접하게 되는데요. 쉽게 말하면 iterab

2022년 6월 11일
·
0개의 댓글

자식 컴포넌트와 부모 컴포넌트의 useEffect의 실행 순서를 알아보자.

다음과 같이 실행됩니다.useEffect를 제외한 함수내 요소들이 실행 됩니다.componentDidMount는 자식 컴포넌트에서 먼저 발생하고componentWillUnmount는 부모 컴포넌에서 먼저 발생합니다.저번 포스트와 다른게 이번 포스트는 순수한 궁금증에 의

2022년 6월 10일
·
0개의 댓글

리액트는 객체 비교를 어떻게 할까?

리액트는 어떻게 객체들을 비교할까요?다음 코드의 결과는 어떻게 될까요?다음과 같은 결과가 나타나는 이유가 무엇일까요?일단 함수 컴포넌트는 리렌더링 될 때마다 항상 함수가 전체가 실행된다는 것을 염두에 두고 생각을 해보면 좋을 것 같습니다.Component 함수가 첫번째

2022년 6월 9일
·
0개의 댓글

setState는 왜 비동기적으로 동작할까

다들 아시다시피 React에서 setState는 비동기적으로 동작합니다. 저도 너무 많은 state의 변화에 따라 리렌더링을 하면 성능에 이상이 생길 수 있기 때문에 setState를 모아서 한번에 처리해야하기 때문에 비동기적으로 해결 하는 것으로 알고 있습니다만 공

2022년 6월 9일
·
0개의 댓글

원티드 프리 온보딩 마지막날

원티드 프리 온보딩에서 마지막 과제 제출을 마쳤습니다~ 뭐 아직 정식으로 끝난 것도 아니고 정규과정이 조금은 남아있지만 그런 것들은 취업 관련이고 뭐 일단 더 이상 독촉하는 일이 없다는게 뭔가 홀가분 하기도 하고 시원 섭섭하기도 하고 그렇습니다. 2020년도는 Ssaf

2022년 6월 5일
·
0개의 댓글

원티드 프리 온보딩 28일차 TIL

포트폴리오 정리하기막상 포트폴리오를 정리하다보니 너무 예전에 한 프로젝트들은 너무 구식이라 쓸만한 프로젝트들이 많이 없었다. 지금 하는 프로젝트들을 포트폴리오화 하여서 잘 만들어 놔야 겠다는 생각이 들었습니다.데이터를 어떻게 불러와야 할 것인가.개인 프로젝트를 하면서

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

원티드 프리 온보딩 27일차 TIL

여러 날짜 날씨 확인 하게 하기naver geocoding 연결하기react query에서 useQuries를 사용하면 suspense: true을 설정해 두어도 제대로 suspense 기능을 하지 않는 것을 알지 못하고 좀 오랫동안 헤맸습니다. 그래서 조금 가독성이

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

원티드 프리 온보딩 26일차 TIL

경력 -> 무슨 일을 했는지 적어라.React - virtualDom 은 어떤식으로 비교되고 faint 될까?virtualDom과 현재 Dom을 비교한 후 재조정을 통해 바뀐 부분만 faint 된다.test code를 짜본 경력은 있었나?함수 컴포넌트가 dom 렌더링

2022년 5월 31일
·
0개의 댓글

웹팩의 이해

오늘은 인터뷰에서 잘 대답하지 못한 김에 웹팩에 대해 간단하게 정리하겠습니다.일반적으로 javascript 기반 언어로 개발을 할때는 js 파일들을 모듈화 하여서 여러 파일로 관리하는 방식으로 개발합니다. 웹팩은 이런 개별로 저장되어 있는 js 파일들을 한 파일에 모아

2022년 5월 30일
·
0개의 댓글

원티드 프리 온보딩 25일차 TIL

사용할 색깔은 정해놓고 변수로 사용하자.카카오 맵 같은 것을 사용할때 script를 index.html에 직접 삽입하지 않는 이유는 맵 관련 컴포넌트에서만 쓰는 script이기 때문항상 주니어와 시니어의 차이는 어떤 것을 하기 위해 삽질을 해봤느냐이다. 그러니까 어떤

2022년 5월 29일
·
0개의 댓글

1573. Number of Ways to Split a String

0과 1로 이루어진 string을 3분할 했을때 각 각 substring의 합이 서로 같을 수 있는 substring 조합의 갯수를 구하는 문제 입니다.일단 1의 갯수를 구해서 3으로 나누어 떨어지지 않으면 합이 같은 3개의 substring으로 나눌수가 없다.그리고

2022년 5월 29일
·
0개의 댓글

원티드 프리 온보딩 24일차 TIL

개인 프로젝트를 해야합니다. 주제 자유.. 창의성이라고 1도 없는 저에게 자유 주제는 너무 가혹한 처사가 아닐 수 없습니다. 그래서! 저번에 살짝 하려고 시작했던 갤럭시 날씨앱 클론 코딩을 해보려고 합니다. 이것참 클론 코딩이라는게 뭔가 남의 것을 날름 뺏어 베끼는 것

2022년 5월 28일
·
0개의 댓글

프로토 타입 (prototype) in JS

자바스크립트는 객체의 상속을 프로토타입으로 해결합니다. 그래서 자바스크립트를 잘 이해하기 위해서는 프로토타입에 대해 이해해야합니다.일단 프로토 타입이 쓰이는 곳에 대해 언급을 하자면 가장 대표적인 객체 생성 연산자인 new가 있습니다.새로운 객체를 생성하기 위해 생성자

2022년 5월 28일
·
0개의 댓글

원티드 프리 온보딩 22일차 TIL

원티드 프리 온보딩이 끝을 바라보게 되다보니 매일이 프로젝트 마감같고 매일이 급박하다보니 뭔가 매일 일하는 느낌을 받고 있습니다. 그리고 한동안 혼자서 공부하면서 이런 팀프로젝트나 이런 것들이 굉장히 고팠었는데 너무 좋은 경험을 하고 있는 것 같아서 정말 기분이 좋습니

2022년 5월 26일
·
0개의 댓글

원티드 프리 온보딩 21일차 TIL

Route를 이용해서 페이지 단위로 구분할때페이지 내에서 사용하는 컴포넌트 들에서 공용으로 사용하는 것들은 \_shared에 넣는다.컴포넌트내에서 사용하지만 공유하는 컴포넌트가 아닌경우는 그냥 컴포넌트 내부에 넣는다. TS에서 각 객체를 변수로 참조할 싶을때 오류

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