면접 [JavaScript] 클로저, 이벤트 루프, 화살표 함수 (내부 함수가 외부함수의 변수에 접근 가능하다는 뜻) 자신을 포함하고 있는 외부함수보다 내부함수가 더 오래 유지되는 경우, 외부 함수 밖에서 내부함수가 호출되더라도 외부함수의 지역 변수에 접근 할 수 있는데 이러한 함수를 클로저라고 부른다. 클로저는 자신이 생성될 때의 환경을 기억해야 하므로 메모리 차원에서 손해 볼 수 있다. 자신을 포함하고 있는 외부함수보다 내부함수가 더 오래 유지되는 경... 면접jsjs 면접 예상 질문: CSS, Javascript 고급 position 속성이란? display 속성이란? flex: 1차원 (가로 or 세로) 적으로 배치할 수 있는 방식 grid: 2차원 (가로, 세로 동시에) 적으로 배치할 수 있는 방식 reset.css vs. sass vs. css module vs. css in js css module css in js css 코드를 js 파일 안에서 작성 외부 함수의 변수를 private하게 사용 가... 면접JavaScriptCSS예상 질문CSS TIL 13 | SQL과 ORM 그리고 MVC란? 대량의 정보를 컴퓨터가 효율적으로 접근할 수 있도록 가공 및 저장한 것이다. 다수의 사용잘들이 데이터베이스 내 데이터를 접근할 수 있도록 해주는 소프트웨어 도구 집합이다. 관계형 데이터베이스 DML : 데이터 검색, 삽입, 변경, 삭제를 수행하여 조작하는 언어, 저장된 데이터에 처리할 때 사용한다.(SELECT, INSERT, UPDATE, DELETE 등) DCL : 데이터에 접근할 수 있... ORMMVCsqlTIL면접MVC TIL 18 | POJO, 싱글톤패턴, JPA 책임과 역할을 지키며 객체지향적인 원리에 충실하며, 특정 환경과 규약에 종속되지 않아 필요에 따라 재사용될 수 잇는 방식으로 설계된 오브젝트여야 한다. new로 생성할 수 없도록 생성자에 private 접근 제어자를 지정하고, 유일한 단일 객체를 반환할 수 있도록 정적 메소드를 지원해야 한다. 동시에 접근하면 인스턴스가 두 개 생성될 수 있다. Double Checking Locking를 사... 면접POJO싱글톤JPATIL항해99JPA Data Structure - 질문 Part 2 ∙ List-Set 차이점 ∙ Stack, Queue 개념 및 차이점 + 간단한 구현 Stack : 사전 정의 그대로 데이터를 층으로 쌓아올려서 후입선출(LIFO)의 형태를 갖는 자료구조. push(x), pop(), peek() (top 원소 읽기), isEmpty(), isFull()의 추상자료형 연산이 있다. isEmpty(), isFull(), peek(), enqueue() (삽입)... 면접자료구조면접 21.11.05 - TIL <head> 안에 <script>가 선언됐을 때 브라우저가 html을 파싱하다가 script 태그를 만나면 파싱하는 것을 멈추고 js 파일을 다운을 받고 실행 후 파싱이 다시 시작된다. <body> 제일 끝 부분에 <script>가 선언됐을 때 브라우저가 html을 다 파싱하고 나서 script를 만나 js 파일을 다운 받고 실행되기 때문에 head에 선언했을 때의 문제점이 해소된다. 즉 사... TIL면접프론트엔드TIL 면접에서 자주 보는 원본 실현 면접에서 자주 걸리는 손찢기 코드: call/apply/bind instanceof 딥 카피 ES5/ES6 기반으로'양방향 귀속'을 실현합니다 promise 관련... 면접 면접 문제 /* A game of Tic Tac Toe has just been completed. Write a function that prints whether X's or O's have won. The game board is passed in as an array of integers in row-column order. The Number 2 represents X and the numbe... 면접function 미단 평가 학교 모집 전단방향 필기시험 문제 1. 인쇄 결과를 순서대로 작성하고 원인을 설명하십시오. 정답:foo,foo2,global 고찰점 3개: 1. 두 번째 출력 고찰: 인용 유형 부여 8행이 실행된 후 a.i의 값은 무엇입니까? 3. 다음과 같은 코드가 실행된 후에 발생한 결과를 작성하고 결과가 어떻게 나왔는지 설명해 주십시오. 정답:bfcad 고찰점: 주로 js 이벤트 루프와 매크로 임무와 마이크로 임무를 고찰한다. 예를 들... 면접 nextTick, setTimeout 및 setImmediate 세 가지 실행 순서 이 문제는 실행 순서와 이벤트 루프에 관한 것입니다.Event Loop과 작업 대기열 등 개념에 대해 제가 인용한 글을 먼저 읽을 수 있습니다. macro-task: script(전체 코드), setTimeout, setInterval, setImmediate, I/O, UI rendering.micro-task: process.nextTick, Promise(네이티브), Object.obs... JS 기반면접 전단 면접 보전의 핸드폰 코드편 수동 이벤트 탐지기, 브라우저 호환 요구 손으로 쓴 이벤트 모델 수동 이벤트 에이전트 및 브라우저 호환 필요 수동 이벤트 트리거, 브라우저 호환 필요 손으로 쓰는 기능.bind 함수 수동 배열 빠른 정렬 손으로 쓴 수조 거품 정렬 손으로 수조를 써서 다시 만들다 url의 검색 매개 변수를 사전 대상으로 해석 봉인 함수 절류 함수 JS로 천 자리 구분자 구현... 면접 프런트엔드 캐시의 HTTP 캐시(2) HTTP 캐시는 두 번째 요청부터 시작되며 첫 번째 요청이 있을 때 서버는 자원을 되돌려주고 요청 헤더에서 자원의 캐시 파라미터를 되돌려줍니다.두 번째 요청 시 브라우저는 이러한 매개 변수에 대해 판단하고 적중력 캐시는 200을 되돌려줍니다. 캐시 데이터가 효력을 상실하지 않은 경우 (즉 Cache-Control의 max-age가 만료되지 않았거나 Expires의 캐시 시간이 만료되지 않은 ... 면접 운영 환경 서버 느려짐, 진단 사고방식 및 성능 평가 CPU: vmstat 디스크 IO: iostat r: CPU 슬라이스를 실행하고 기다리는 프로세스 트리. b: 디스크 I/O, 네트워크 I/O 등 자원을 기다리는 프로세스 수 cpu wa: 시스템이 입출력을 기다리는 CPU 시간 백분율 추가 명령: 모든 CPU 핵 정보 보기(2초당): mpstat -P ALL 2 프로세스당 CPU 핵 정보 사용(1초당): pidstat-u1 -p 프로세스 번... 활용단어참조면접 lc 면접 준비: 캔디 Each child is assigned a rating value. You are giving candies to these children subjected to the following requirements: Each child must have at least one candy. Children with a higher rating get more candies than their ... 면접 leetcode의 Flatten Binary Tree to Linked List Flatten Binary Tree to Linked List Given a binary tree, flatten it to a linked list in-place. For example, Given The flattened tree should look like: 사고방식: 두 갈래 나무를 먼저 훑어보고 왼쪽 나무를 빈 노드로 하는 왼쪽 나무를 뒤에 있는 노드로 가리키고 모든 오른쪽 나무... 체인 미터면접두루 다니다두 갈래 나무 leetcode 두 갈래 나무 탐색 오늘 이 라벨의 문제를 풀었는데, 자신의 속도가 여전히 느리다. 경험을 총결하여 모두에게 나누자. 이 라벨의 모든 문제는 네 개의 주위를 두루 돌고 있다.특히 두 갈래 나무를 차례로 돌아다니며 반드시 확실하게 파악해야 한다. 좀 쉬울 것 같은데?너의 세품.무슨 문제는 삼선일이고, 무슨 문제는 모두 해야 합니까? 우선 树与递归을 확실하게 연결시켜야 한다. 문제 반복 방법 최대 깊이 뒤돌아 다니... leetcode두 갈래 나무면접dfs LintCode - 두 갈래 트리의 최대 경로 및 두 갈래 트리를 제시하고 경로와 최대를 찾을 수 있습니다. 경로는 어느 노드에서 시작하고 끝낼 수 있습니다. (경로와 두 노드 사이에 있는 경로의 노드 값의 합) 예제 두 갈래 나무 한 그루를 주시오. 복귀 6분석: 모든 최장 경로는 반드시 어떤 정점을 따르고 양쪽은 그 노드를 잎 노드로 따라가는 최장 경로이다. 코드:... 면접lintcode LintCode - 두 갈래 나무의 차원 반복 II 두 갈래 나무를 제시하고 그 노드 값이 밑에서 위로 올라가는 차원으로 되돌아간다. (잎 노드가 있는 층에서 뿌리 노드가 있는 층으로 옮겨다닌 다음에 한 층씩 왼쪽에서 오른쪽으로 옮겨간다) 당신은 실제 면접에서 이 문제를 만난 적이 있습니까? Yes 예제 두 갈래 나무 한 그루를 주시오{3,9,20,#,#,15,7} , 다음과 같이 아래에서 위로 이동합니다. 태그 Expand 분석: 층층이 두... 면접 LeetCode(Binary Tree Level Order Traversal, 2, Zigzag) 두 갈래 나무의 차원을 두루 훑어보다 1, 제목 요구사항: Given a binary tree, return the level order traversal of its nodes' values. (ie, from left to right, level by level). For example: Given binary tree {3,9,20,#,#,15,7} , return its level order traversal as: G... LeetCode면접두 갈래 나무두루 다니다traversal
[JavaScript] 클로저, 이벤트 루프, 화살표 함수 (내부 함수가 외부함수의 변수에 접근 가능하다는 뜻) 자신을 포함하고 있는 외부함수보다 내부함수가 더 오래 유지되는 경우, 외부 함수 밖에서 내부함수가 호출되더라도 외부함수의 지역 변수에 접근 할 수 있는데 이러한 함수를 클로저라고 부른다. 클로저는 자신이 생성될 때의 환경을 기억해야 하므로 메모리 차원에서 손해 볼 수 있다. 자신을 포함하고 있는 외부함수보다 내부함수가 더 오래 유지되는 경... 면접jsjs 면접 예상 질문: CSS, Javascript 고급 position 속성이란? display 속성이란? flex: 1차원 (가로 or 세로) 적으로 배치할 수 있는 방식 grid: 2차원 (가로, 세로 동시에) 적으로 배치할 수 있는 방식 reset.css vs. sass vs. css module vs. css in js css module css in js css 코드를 js 파일 안에서 작성 외부 함수의 변수를 private하게 사용 가... 면접JavaScriptCSS예상 질문CSS TIL 13 | SQL과 ORM 그리고 MVC란? 대량의 정보를 컴퓨터가 효율적으로 접근할 수 있도록 가공 및 저장한 것이다. 다수의 사용잘들이 데이터베이스 내 데이터를 접근할 수 있도록 해주는 소프트웨어 도구 집합이다. 관계형 데이터베이스 DML : 데이터 검색, 삽입, 변경, 삭제를 수행하여 조작하는 언어, 저장된 데이터에 처리할 때 사용한다.(SELECT, INSERT, UPDATE, DELETE 등) DCL : 데이터에 접근할 수 있... ORMMVCsqlTIL면접MVC TIL 18 | POJO, 싱글톤패턴, JPA 책임과 역할을 지키며 객체지향적인 원리에 충실하며, 특정 환경과 규약에 종속되지 않아 필요에 따라 재사용될 수 잇는 방식으로 설계된 오브젝트여야 한다. new로 생성할 수 없도록 생성자에 private 접근 제어자를 지정하고, 유일한 단일 객체를 반환할 수 있도록 정적 메소드를 지원해야 한다. 동시에 접근하면 인스턴스가 두 개 생성될 수 있다. Double Checking Locking를 사... 면접POJO싱글톤JPATIL항해99JPA Data Structure - 질문 Part 2 ∙ List-Set 차이점 ∙ Stack, Queue 개념 및 차이점 + 간단한 구현 Stack : 사전 정의 그대로 데이터를 층으로 쌓아올려서 후입선출(LIFO)의 형태를 갖는 자료구조. push(x), pop(), peek() (top 원소 읽기), isEmpty(), isFull()의 추상자료형 연산이 있다. isEmpty(), isFull(), peek(), enqueue() (삽입)... 면접자료구조면접 21.11.05 - TIL <head> 안에 <script>가 선언됐을 때 브라우저가 html을 파싱하다가 script 태그를 만나면 파싱하는 것을 멈추고 js 파일을 다운을 받고 실행 후 파싱이 다시 시작된다. <body> 제일 끝 부분에 <script>가 선언됐을 때 브라우저가 html을 다 파싱하고 나서 script를 만나 js 파일을 다운 받고 실행되기 때문에 head에 선언했을 때의 문제점이 해소된다. 즉 사... TIL면접프론트엔드TIL 면접에서 자주 보는 원본 실현 면접에서 자주 걸리는 손찢기 코드: call/apply/bind instanceof 딥 카피 ES5/ES6 기반으로'양방향 귀속'을 실현합니다 promise 관련... 면접 면접 문제 /* A game of Tic Tac Toe has just been completed. Write a function that prints whether X's or O's have won. The game board is passed in as an array of integers in row-column order. The Number 2 represents X and the numbe... 면접function 미단 평가 학교 모집 전단방향 필기시험 문제 1. 인쇄 결과를 순서대로 작성하고 원인을 설명하십시오. 정답:foo,foo2,global 고찰점 3개: 1. 두 번째 출력 고찰: 인용 유형 부여 8행이 실행된 후 a.i의 값은 무엇입니까? 3. 다음과 같은 코드가 실행된 후에 발생한 결과를 작성하고 결과가 어떻게 나왔는지 설명해 주십시오. 정답:bfcad 고찰점: 주로 js 이벤트 루프와 매크로 임무와 마이크로 임무를 고찰한다. 예를 들... 면접 nextTick, setTimeout 및 setImmediate 세 가지 실행 순서 이 문제는 실행 순서와 이벤트 루프에 관한 것입니다.Event Loop과 작업 대기열 등 개념에 대해 제가 인용한 글을 먼저 읽을 수 있습니다. macro-task: script(전체 코드), setTimeout, setInterval, setImmediate, I/O, UI rendering.micro-task: process.nextTick, Promise(네이티브), Object.obs... JS 기반면접 전단 면접 보전의 핸드폰 코드편 수동 이벤트 탐지기, 브라우저 호환 요구 손으로 쓴 이벤트 모델 수동 이벤트 에이전트 및 브라우저 호환 필요 수동 이벤트 트리거, 브라우저 호환 필요 손으로 쓰는 기능.bind 함수 수동 배열 빠른 정렬 손으로 쓴 수조 거품 정렬 손으로 수조를 써서 다시 만들다 url의 검색 매개 변수를 사전 대상으로 해석 봉인 함수 절류 함수 JS로 천 자리 구분자 구현... 면접 프런트엔드 캐시의 HTTP 캐시(2) HTTP 캐시는 두 번째 요청부터 시작되며 첫 번째 요청이 있을 때 서버는 자원을 되돌려주고 요청 헤더에서 자원의 캐시 파라미터를 되돌려줍니다.두 번째 요청 시 브라우저는 이러한 매개 변수에 대해 판단하고 적중력 캐시는 200을 되돌려줍니다. 캐시 데이터가 효력을 상실하지 않은 경우 (즉 Cache-Control의 max-age가 만료되지 않았거나 Expires의 캐시 시간이 만료되지 않은 ... 면접 운영 환경 서버 느려짐, 진단 사고방식 및 성능 평가 CPU: vmstat 디스크 IO: iostat r: CPU 슬라이스를 실행하고 기다리는 프로세스 트리. b: 디스크 I/O, 네트워크 I/O 등 자원을 기다리는 프로세스 수 cpu wa: 시스템이 입출력을 기다리는 CPU 시간 백분율 추가 명령: 모든 CPU 핵 정보 보기(2초당): mpstat -P ALL 2 프로세스당 CPU 핵 정보 사용(1초당): pidstat-u1 -p 프로세스 번... 활용단어참조면접 lc 면접 준비: 캔디 Each child is assigned a rating value. You are giving candies to these children subjected to the following requirements: Each child must have at least one candy. Children with a higher rating get more candies than their ... 면접 leetcode의 Flatten Binary Tree to Linked List Flatten Binary Tree to Linked List Given a binary tree, flatten it to a linked list in-place. For example, Given The flattened tree should look like: 사고방식: 두 갈래 나무를 먼저 훑어보고 왼쪽 나무를 빈 노드로 하는 왼쪽 나무를 뒤에 있는 노드로 가리키고 모든 오른쪽 나무... 체인 미터면접두루 다니다두 갈래 나무 leetcode 두 갈래 나무 탐색 오늘 이 라벨의 문제를 풀었는데, 자신의 속도가 여전히 느리다. 경험을 총결하여 모두에게 나누자. 이 라벨의 모든 문제는 네 개의 주위를 두루 돌고 있다.특히 두 갈래 나무를 차례로 돌아다니며 반드시 확실하게 파악해야 한다. 좀 쉬울 것 같은데?너의 세품.무슨 문제는 삼선일이고, 무슨 문제는 모두 해야 합니까? 우선 树与递归을 확실하게 연결시켜야 한다. 문제 반복 방법 최대 깊이 뒤돌아 다니... leetcode두 갈래 나무면접dfs LintCode - 두 갈래 트리의 최대 경로 및 두 갈래 트리를 제시하고 경로와 최대를 찾을 수 있습니다. 경로는 어느 노드에서 시작하고 끝낼 수 있습니다. (경로와 두 노드 사이에 있는 경로의 노드 값의 합) 예제 두 갈래 나무 한 그루를 주시오. 복귀 6분석: 모든 최장 경로는 반드시 어떤 정점을 따르고 양쪽은 그 노드를 잎 노드로 따라가는 최장 경로이다. 코드:... 면접lintcode LintCode - 두 갈래 나무의 차원 반복 II 두 갈래 나무를 제시하고 그 노드 값이 밑에서 위로 올라가는 차원으로 되돌아간다. (잎 노드가 있는 층에서 뿌리 노드가 있는 층으로 옮겨다닌 다음에 한 층씩 왼쪽에서 오른쪽으로 옮겨간다) 당신은 실제 면접에서 이 문제를 만난 적이 있습니까? Yes 예제 두 갈래 나무 한 그루를 주시오{3,9,20,#,#,15,7} , 다음과 같이 아래에서 위로 이동합니다. 태그 Expand 분석: 층층이 두... 면접 LeetCode(Binary Tree Level Order Traversal, 2, Zigzag) 두 갈래 나무의 차원을 두루 훑어보다 1, 제목 요구사항: Given a binary tree, return the level order traversal of its nodes' values. (ie, from left to right, level by level). For example: Given binary tree {3,9,20,#,#,15,7} , return its level order traversal as: G... LeetCode면접두 갈래 나무두루 다니다traversal