본문 바로가기

자바스크립트

(5)
[프론프엔드 면접 대비] 코어 자바스크립트 : 데이터 타입 야놀자, 카카오, NHN(전화면접), 한화생명의 프론트엔드 면접을 진행하면서 경험했던 자바스크립트 질문을 모아둔 페이지이다. 여러 면접을 탈락하며 느낀점은, 지식보단 프로젝트 경험을 통한 내공이 중요한것 같다. 사내 개발 위주 팀으로 전배하기로 하여, 면접 여정은 한동안 중단될 것 같지만 즐거운 경험이었다. (사실 장기간 현업에서 개발한 경험이 없었기에 당연히 면접도 못보는게 맞긴 하다... 쩝) 좀 더 절실히, 내공을 쌓고 정말 원하는 회사의 원하는 포지션에 지원해봐야겠다. 면접을 잘보려면 지식을 아는것도 중요하지만, 말할 준비가 되어있어야 한다. 따라서 해당 페이지의 컨텐츠는 서술형으로 작성하였다. 용어 정리 변수는 변경 가능한 데이터가 담길 수 있는 공간 식별자는 그 변수의 이름 실제로 변수의 식별..
[프론트엔드 면접 대비] 브라우저의 렌더링 과정 알아보기 모던 자바스크립트 Deep Dive - YES24 모던 자바스크립트 Deep Dive - YES24 『모던 자바스크립트 Deep Dive』에서는 자바스크립트를 둘러싼 기본 개념을 정확하고 구체적으로 설명하고, 자바스크립트 코드의 동작 원리를 집요하게 파헤친다. 따라서 여러분이 작성한 코드 www.yes24.com 모던자바스크립트 Deep Dive 책의 38장을 정리한 내용임 브라우저의 렌더링 과정 개요 파싱 parse tree/ syntax tree를 생성하는 일련의 과정 파싱이 완료되면 파스 트리 기반으로 바이트 코드를 생성함 바이트 코드는 특정 하드웨어가 아니라 가상 머신에서 실행하도록 만든 바이너리 코드 렌더링 html, css, js 문서를 파싱하여 브라우저에 시각적으로 출력하는 것 CSSOM +..
[코딩테스트 후기] 2021 CJ올리브영 'No.1 TECH 인재' 경력 채용 챌린지 후기 결국 2번은 못풀었다... 전에 풀었던 문제랑 비슷한것 같은데... js로 bfs 구현이 익숙하지가 않아서리... 1번은 해당 문제와 유사했다. 1002번: 터렛 (acmicpc.net) 1002번: 터렛 각 테스트 케이스마다 류재명이 있을 수 있는 위치의 수를 출력한다. 만약 류재명이 있을 수 있는 위치의 개수가 무한대일 경우에는 -1을 출력한다. www.acmicpc.net 2번은 해당 문제와 유사했다. 2021번: 최소 환승 경로 (acmicpc.net) 2021번: 최소 환승 경로 첫째 줄에 역의 개수 N(1≤N≤100,000), 노선의 개수 L(1≤L≤100,000)이 주어진다. 다음 L개의 줄에는 각 노선이 지나는 역이 순서대로 주어지며 각 줄의 마지막에는 -1이 주어진다. 마지막 줄에는 출발..
함수형 자바스크립트 공부 5. 코드를 값으로 다루어 표현력 높이기 인프런 - 함수형 프로그래밍과 JavaScript ES6+ (inflearn.com) 함수형 프로그래밍과 JavaScript ES6+ - 인프런 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 해당 강의 공부 중....! 코드를 값으로 다루어 표현력 높이기 go args를 함수로 축약하는 함수 인자를 계속해서 전달해나감 // 이전 리듀스... const reduce = (f, acc, iter) => { if (!iter) { // 인자 2개이거나 iterator가 아니면 iter = acc[Symbol.iterator](); acc..
[강의리뷰] 생활코딩 immutability 인프런 - 생활코딩 - JavaScript Immutability (inflearn.com) 생활코딩 - JavaScript Immutability - 인프런 생활코딩에서 제공하는 자바스크립트 관련 강의로, 자바스크립트에서 데이터를 불변하게 다루는 방법에 대한 수업입니다. 초급 웹 개발 프로그래밍 언어 JavaScript 온라인 강의 자바스크립트 중, www.inflearn.com 자바스크립트 객체를 불변하게 만드는 방법에 대해 설명하는 강좌이다. 완전 자세하진 않고 immer와 같은 라이브러리 활용법은 설명해주지 않는다. 역시 생활코딩 답게 도식화를 통한 명확한 개념 설명은 훌륭하지만, 난 이 강의를 그냥 세 문장으로 요약하겠다. 불변성을 위해선 새로운 객체를 만들어라. 새로운 객체를 만들면 레퍼런스가..