개발자들이 개성을 드러내는 방법이 굉장히 많겠지만, 그 중에 하나가 에디터라고 할 수 있습니다. 현재의 FE, BE 개발자들에게는 대세 에디터가 확실히 있어 보입니다. FE는 vscode, Java로 개발하는 BE 개발자들은 IntelliJ 인 것 같습니다. 대세가 있
super 는 현재 객체의 프로토타입 객체를 가리키는 포인터이며, Object.getPrototypeOf(this)의 값과 동일하다.간결한 메서드 안에서 super 참조를 사용하여 프로토타입 객체 내 어떤 메서드든 호출할 수 있다. super 참조를 사용하여 프로
정신없이 1주일이 지나갔다. 우아한형제들에 FE 개발자로 지원하기 위해 자기소개서, 이력서, 포트폴리오를 작성하였다. 자기소개서를 쓰면서 팀 프로젝트에 대해서 한번 훑어보는 계기가 되었다. 주어진 기간 내에서 높은 완성도를 달성했다고 생각했는데, 더 높은 완성도에 집착
알고리즘 정렬 공부해야되는거 얼추 다해냈다. 역시 내가 스터디를 주도하니, 빼먹을 수가 없게 되구나. 없는 시간 쪼개서 정렬 공부한다고 고생했다고 나 자신에게 말해주고 싶다.인터뷰 베이스캠프: 1차 study 모임 잘 마무리되었다. 카훗에 대한 반응도 좋았다. 어제 그
JavaScript Syntax Extension 의 줄임말으로, React에서 UI가 어떻게 생겼는지를 나타내기 위해 사용되는 문법입니다.React에서는 각 VDOM요소(UI의 각 요소)를 React Element라고 하며, JSX는 React Element를 생성합
Real DOM과 동일한 구조를 가지지만, 메모리상에 존재하는 자바스크립트 객체입니다.실제 DOM 요소를 조작하는 것은 매우 비용이 큰 연산(→크리티컬 렌더링 패스)이므로, DOM 요소의 조작이 여러번 반복되는 경우에는 렌더링 성능이 저하될 수 있습니다.VDOM을 사용
결론 - 설명 - 요약 의 형태를 갖추어서 말한다.하고 싶은 말을 결론에 한 문장으로 말해라. 말하고 싶은 바가 잘 드러나는 것이 중요하다.구조를 명확하게 드러내고, 이를 잘 빌드업 해가는 과정이 중요하다. 표현 자체가 투박하여도 괜찮다. 상대방이 이걸 알고 있을까 라
프로젝트 진행 중 서버로부터 받는 API Response 의 일부가 변경되었으나, 이로 인해 파일이 11개나 변경된 적이 있습니다. 코드 구조가 변경에 매우 취약하여 유지보수성이 낮다는 문제에 직면하였습니다
commonJS에서는 로컬 파일 시스템으로부터 모듈을 임포트하기 위해 require.resolve 알고리즘에 의해 node_modules를 순회하면서 모듈의 위치를 찾아냅니다.
배열은 무엇인가요? 배열은 메모리 상에 요소를 연속하게 배치한 자료구조입니다. 배열의 특징은 다음과 같습니다. 임의의 위치에 있는 요소에 O(1)으로 접근・수정할 수 있다. 배열의 끝에 O(1)으로 원소를 추가할 수 있다. 배열의 마지막 요소를 O
this는 무엇인가요? 함수를 호출할 때 암시적으로 전달되는 매개변수입니다. 메서드 또는 객체의 프로퍼티로서 함수를 호출하면 this는 메서드/함수를 호출한 객체가 전달됩니다. 즉, JS에서 this는 함수 선언시에 정해지지 않고, 함수 호출시에 동적으로 바인딩된다는
이벤트 루프는 싱글 스레드 기반의 자바스크립트에서 비동기 연산을 가능하게 해주는 브라우저의 메커니즘입니다.JS엔진은 싱글 스레드이기 때문에 단일 호출 스택을 사용하며, 요청이 들어올 때마다 해당 요청을 순차적으로 호출 스택에 담아 처리합니다. 하지만 실제 JS가 구동되
클로저는 함수가 선언되었을 때의 환경을 실행시에 참조하는 함수입니다.클로저는 외부 변수를 기억하고 이 외부 변수에 접근할 수 있는 함수입니다. 함수는 선언될 때, 함수 선언시의 실행 컨텍스트의 LexicalEnvironment의 참조값을 내부 프로퍼티 \[\[Envir
함수를 new 연산자 없이 호출할 때에는 \[\[Call]] 메서드가 실행되고 new 연산자로 호출할 때에는 \[\[Construct]] 메서드가 실행됩니다. \[\[Construct]] 메서드는 인스턴스라 부르는 새 객체를 만들어 this에 할당하고 함수를 실행합니다
JS에서 함수는 함수 정의에 명시된 매개변수의 개수만큼만 매개변수를 전달하도록 제한하지 않습니다. 따라서 명시된 매개변수보다 적은 수의 매개변수 또는 많은 수의 매개변수를 함수 실행시에 전달할 수 있습니다. Default Parameter로 함수에 정의한 것보다 적은
여러분 안녕하세요. 곧 있으면 2021 하반기 채용시즌이네요. 여름의 무더위가 가시기도 전에 코딩테스트의 시간이 다가오고 있습니다.저는 요즘 슬슬 알고리즘 공부를 하고 있는데요, 그 중에서 특히 백준 온라인 저지(BOJ)를 이용해서 알고리즘 공부를 하고 있습니다. (T
세상에 나쁜 테스트는 없다. 그런 테스트를 작성하게 하는 나쁜 코드만 있다. -세나테- 0. useInterval hook useInterval은 주기적으로 실행시킬 콜백함수와 몇 초 간격으로 실행시킬지를 나타내는 숫자(ms)를 인자로 받아, 이를 주기적으로 실행
웹 브라우저의 구조 User Interface: 주소 표시줄, 이전/다음/새로고침 버튼 등 웹 페이지를 제외하고 사용자와 상호작용하는 사용자 인터페이스 Rendering Engine: HTML과 CSS를 파싱하여 요청한 웹 페이지를 표시하는 렌
number, string, null, undefined, boolean, bigint, Symbol※ 참조 타입: object심벌은 ES6 에 추가된 원시 타입으로서, 심벌 참조 없이 접근할 수 없는 객체의 열거 불가능 프로퍼티를 만드는데 키로 사용됩니다. 심벌은 원