profile
작은 실패, 빠른 피드백, 다시 시도
post-thumbnail

Editor for FE developer

개발자들이 개성을 드러내는 방법이 굉장히 많겠지만, 그 중에 하나가 에디터라고 할 수 있습니다. 현재의 FE, BE 개발자들에게는 대세 에디터가 확실히 있어 보입니다. FE는 vscode, Java로 개발하는 BE 개발자들은 IntelliJ 인 것 같습니다. 대세가 있

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

super

super 는 현재 객체의 프로토타입 객체를 가리키는 포인터이며, Object.getPrototypeOf(this)의 값과 동일하다.간결한 메서드 안에서 super 참조를 사용하여 프로토타입 객체 내 어떤 메서드든 호출할 수 있다. super 참조를 사용하여 프로

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

2021-11-01 월 ~ 2021-11-07 일 주간 회고

정신없이 1주일이 지나갔다. 우아한형제들에 FE 개발자로 지원하기 위해 자기소개서, 이력서, 포트폴리오를 작성하였다. 자기소개서를 쓰면서 팀 프로젝트에 대해서 한번 훑어보는 계기가 되었다. 주어진 기간 내에서 높은 완성도를 달성했다고 생각했는데, 더 높은 완성도에 집착

2021년 11월 8일
·
1개의 댓글
·

2021-10-19 화 ~ 2021-10-31 일 회고

알고리즘 정렬 공부해야되는거 얼추 다해냈다. 역시 내가 스터디를 주도하니, 빼먹을 수가 없게 되구나. 없는 시간 쪼개서 정렬 공부한다고 고생했다고 나 자신에게 말해주고 싶다.인터뷰 베이스캠프: 1차 study 모임 잘 마무리되었다. 카훗에 대한 반응도 좋았다. 어제 그

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

JSX란?

JavaScript Syntax Extension 의 줄임말으로, React에서 UI가 어떻게 생겼는지를 나타내기 위해 사용되는 문법입니다.React에서는 각 VDOM요소(UI의 각 요소)를 React Element라고 하며, JSX는 React Element를 생성합

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

Virtual DOM이란?

Real DOM과 동일한 구조를 가지지만, 메모리상에 존재하는 자바스크립트 객체입니다.실제 DOM 요소를 조작하는 것은 매우 비용이 큰 연산(→크리티컬 렌더링 패스)이므로, DOM 요소의 조작이 여러번 반복되는 경우에는 렌더링 성능이 저하될 수 있습니다.VDOM을 사용

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

최근 얻은 Insight: 면접 준비시 팁

결론 - 설명 - 요약 의 형태를 갖추어서 말한다.하고 싶은 말을 결론에 한 문장으로 말해라. 말하고 싶은 바가 잘 드러나는 것이 중요하다.구조를 명확하게 드러내고, 이를 잘 빌드업 해가는 과정이 중요하다. 표현 자체가 투박하여도 괜찮다. 상대방이 이걸 알고 있을까 라

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

기술적으로 어려운 문제를 해결한 경험: Redux 도입기

프로젝트 진행 중 서버로부터 받는 API Response 의 일부가 변경되었으나, 이로 인해 파일이 11개나 변경된 적이 있습니다. 코드 구조가 변경에 매우 취약하여 유지보수성이 낮다는 문제에 직면하였습니다

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

면접에서 장황하게 얘기하지 않는 방법

단문으로 말해라 두괄식으로 말해라

2021년 9월 25일
·
0개의 댓글
·
post-thumbnail

Yarn berry 도입기

commonJS에서는 로컬 파일 시스템으로부터 모듈을 임포트하기 위해 require.resolve 알고리즘에 의해 node_modules를 순회하면서 모듈의 위치를 찾아냅니다.

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

배열 in JS

배열은 무엇인가요? 배열은 메모리 상에 요소를 연속하게 배치한 자료구조입니다. 배열의 특징은 다음과 같습니다. 임의의 위치에 있는 요소에 O(1)으로 접근・수정할 수 있다. 배열의 끝에 O(1)으로 원소를 추가할 수 있다. 배열의 마지막 요소를 O

2021년 9월 5일
·
1개의 댓글
·

this in JS

this는 무엇인가요? 함수를 호출할 때 암시적으로 전달되는 매개변수입니다. 메서드 또는 객체의 프로퍼티로서 함수를 호출하면 this는 메서드/함수를 호출한 객체가 전달됩니다. 즉, JS에서 this는 함수 선언시에 정해지지 않고, 함수 호출시에 동적으로 바인딩된다는

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

이벤트 루프, 마이크로 태스크 큐 in JS

이벤트 루프는 싱글 스레드 기반의 자바스크립트에서 비동기 연산을 가능하게 해주는 브라우저의 메커니즘입니다.JS엔진은 싱글 스레드이기 때문에 단일 호출 스택을 사용하며, 요청이 들어올 때마다 해당 요청을 순차적으로 호출 스택에 담아 처리합니다. 하지만 실제 JS가 구동되

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

클로저, 실행컨텍스트 in JS

클로저는 함수가 선언되었을 때의 환경을 실행시에 참조하는 함수입니다.클로저는 외부 변수를 기억하고 이 외부 변수에 접근할 수 있는 함수입니다. 함수는 선언될 때, 함수 선언시의 실행 컨텍스트의 LexicalEnvironment의 참조값을 내부 프로퍼티 \[\[Envir

2021년 8월 31일
·
1개의 댓글
·

생성자가 생성자로 호출되었는지 확인하는 방법 in JS

함수를 new 연산자 없이 호출할 때에는 \[\[Call]] 메서드가 실행되고 new 연산자로 호출할 때에는 \[\[Construct]] 메서드가 실행됩니다. \[\[Construct]] 메서드는 인스턴스라 부르는 새 객체를 만들어 this에 할당하고 함수를 실행합니다

2021년 8월 30일
·
2개의 댓글
·

함수의 매개변수 in JS

JS에서 함수는 함수 정의에 명시된 매개변수의 개수만큼만 매개변수를 전달하도록 제한하지 않습니다. 따라서 명시된 매개변수보다 적은 수의 매개변수 또는 많은 수의 매개변수를 함수 실행시에 전달할 수 있습니다. Default Parameter로 함수에 정의한 것보다 적은

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

BOJ 알고리즘 문제풀이 도구 solve.io 를 소개합니다

여러분 안녕하세요. 곧 있으면 2021 하반기 채용시즌이네요. 여름의 무더위가 가시기도 전에 코딩테스트의 시간이 다가오고 있습니다.저는 요즘 슬슬 알고리즘 공부를 하고 있는데요, 그 중에서 특히 백준 온라인 저지(BOJ)를 이용해서 알고리즘 공부를 하고 있습니다. (T

2021년 8월 20일
·
0개의 댓글
·

useInterval 테스트하기

세상에 나쁜 테스트는 없다. 그런 테스트를 작성하게 하는 나쁜 코드만 있다. -세나테- 0. useInterval hook useInterval은 주기적으로 실행시킬 콜백함수와 몇 초 간격으로 실행시킬지를 나타내는 숫자(ms)를 인자로 받아, 이를 주기적으로 실행

2021년 8월 19일
·
0개의 댓글
·

브라우저 렌더링 in JS

웹 브라우저의 구조 User Interface: 주소 표시줄, 이전/다음/새로고침 버튼 등 웹 페이지를 제외하고 사용자와 상호작용하는 사용자 인터페이스 Rendering Engine: HTML과 CSS를 파싱하여 요청한 웹 페이지를 표시하는 렌

2021년 8월 18일
·
0개의 댓글
·

심벌 in JS

number, string, null, undefined, boolean, bigint, Symbol※ 참조 타입: object심벌은 ES6 에 추가된 원시 타입으로서, 심벌 참조 없이 접근할 수 없는 객체의 열거 불가능 프로퍼티를 만드는데 키로 사용됩니다. 심벌은 원

2021년 8월 17일
·
0개의 댓글
·