면접준비 스프린터스 #1 var, let, const, Hoisting var, let, const 차이를 설명 var, let, const 1. 변수선언문들 (var, let, const) 함수선언문은 선언 앞 뒤 어디에서든 호출할 수 있지만 이 두 개는 변수 호이스팅으로 취급되기 때문에 선언 + 초기화가 끝난 코드 아래에서만 호출 가능합니다. 자바스크립트에서는 모든 코드 블록(if, for, while, try/catch)들이 스스로 블록 레벨 스코프를 생성... 스프린터스면접준비면접준비 [기술인터뷰] JavaScript - 데이터 타입과 타입 변환 값을 저장할 때 확보해야 하는 메모리 공간의 크기를 결정하기 위해 값을 참조할 때 한번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해 변수를 선언할 때 변수에 할당할 수 있는 값의 종류, 즉 데이터 타입을 사전에 선언하는 것 (명시적 타입 선언) 대표적인 정저 타입 언어 : C, C++, Java 등 변수를 선언할 때 타입을 선언하지 않는 것 (타입 추론) 대표적인 동적 타입 언어 :... 스터디JavaScript프론트엔드취업면접준비기술인터뷰JavaScript 1. JavaScript Event Loop JavaScript는 Single Thread(Stack이 하나) 기반, 이벤트 루프 기반 Thread가 하나라는 것은 한 번에 하나의 작업만 수행가능하다는 것인데 실제 JavaScript를 이용하다보면 동시에 여러 작업이 수행되는 것처럼 느껴질 때가 있다. JavaScript가 이러한 동시성을 지원할 수 있는 이유가 바로 Event Loop이다. 자바스크립트 엔진은 크게 3가지로 나뉜다. ... 면접준비프론트엔드FEJavaScriptFE 2. 클로저 클로저를 이해하기 위해선 먼저 '스코프'라는 개념에 대해 숙지하고 있어야합니다. 구글에 JavaScript Scope 검색 후 해당 개념 숙지한다면 더 수월하게 읽을 수 있습니다. 클로저란 함수가 종료되었음에도 불구하고 그 함수를 외부에서 참조하고 있어서 마치 남아있는 것처럼 동작하는 것 모든 함수에는 Life Cycle이라는 것이 존재합니다. 함수의 생애주기가 종료되었음에도 불구하고 외부의... JavaScriptFE프론트엔드면접준비FE QUIC 정의 Quick UDP Internet Connections의 약자 암호화가 기본적으로 탑재된 새로운 인터넷 전송 프로토콜 HTTP 트래픽을 더 안전하고 빠르게 전송하기 위한 여러 가지 개선사항들을 포함 특징 Google을 통해 개발이 진행 현재는 표준 등록을 위해 준비한 따끈따끈한 프로토콜 HTTP/2와 TLS 1.3 처럼, QUIC는 웹 사이트 등 인터넷 기반 요소의 보안과 속도를 높이기... network공통CS네트워크면접준비network 면접준비/자료구조_4/링크드 리스트 1. 링크드 리스트 (Linked List) 구조 링크드 리스트는 떨어진 곳에 존재하는 데이터를 화살표로 연결해서 관리하는 데이터 구조 본래 C언어에서는 주요한 데이터 구조이지만, 파이썬은 리스트 타입이 링크드 리스트의 기능을 모두 지원 * 일반적인 링크드 리스트 형태 (출처: wikipedia, https://en.wikipedia.org/wiki/Linked_list) 링크드 리스트 데이... 자료구조면접준비면접준비 면접준비/자료구조_2/큐 1. 큐 구조 줄을 서는 행위와 유사 가장 먼저 넣은 데이터를 가장 먼저 꺼낼 수 있는 구조 음식점에서 가장 먼저 줄을 선 사람이 제일 먼저 음식점에 입장하는 것과 동일 FIFO(First-In, First-Out) 또는 LILO(Last-In, Last-Out) 방식으로 스택과 꺼내는 순서가 반대 * 출처: http://www.stoimen.com/blog/2012/06/05/compute... 자료구조면접준비면접준비 면접준비/자료구조_6/해쉬 테이블 1. 해쉬 구조 파이썬 딕셔너리(Dictionary) 타입이 해쉬 테이블의 예: Key를 가지고 바로 데이터(Value)를 꺼냄 해쉬 테이블(Hash Table): 키 값의 연산에 의해 직접 접근이 가능한 데이터 구조 해쉬 값(Hash Value) 또는 해쉬 주소(Hash Address): Key를 해싱 함수로 연산해서, 해쉬 값을 알아내고, 이를 기반으로 해쉬 테이블에서 해당 Key에 대한... 자료구조면접준비면접준비 [기술인터뷰] HTML - DOCTYPE HTML이 어떤 버전으로 작성되었는지 미리 선언해, 웹브라우저가 내용을 올바르게 표시할 수 있도록 하는 것 ➡️ 문서 형식을 정의해주는 것 HTML 문서가 어떤 내용을 담고 있고, 키워드는 무엇이며, 누가 만들었는지에 대한 정보를 담고 있는 태그 요소 charset : 문서에서 허용하는 문자 집합에 대해 간단히 표시 name : 메타 요소가 어떤 정보의 형태를 갖고 있는지 알려줌 conten... html스터디프론트엔드취업면접준비기술인터뷰html html<img>태그'와 css background-image의 차이 'Semantic Web, Semantic Tag'를 이해가 필요합니다. 의미없는 'div'를 남발하는 것이 아닌, 태그를 정의함으로써 컴퓨터는 'header', 'footer', 'section' 등 웹페이지의 구성을 해석하고, 유의미한 정보처리가 가능합니다. Semantic Web의 장점 시각 장애가 있는 사용자가 화면 판독기로 페이지를 탐색 가능. 의미없는 클래스 이름, 끊임없는 div... CSS면접준비htmlCSS 면접준비/알고리즘_1/공간 복잡도 알고리즘 계산 복잡도는 다음 두 가지 척도로 표현될 수 있음 시간 복잡도: 얼마나 빠르게 실행되는지 공간 복잡도: 얼마나 많은 저장 공간이 필요한지 최근 대용량 시스템이 보편화되면서, 공간 복잡도보다는 시간 복잡도가 우선 공간 복잡도 대략적인 계산은 필요함 기존 알고리즘 문제는 예전에 공간 복잡도도 고려되어야할 때 만들어진 경우가 많음 그래서 기존 알고리즘 문제에 시간 복잡도뿐만 아니라, 공... 알고리즘면접준비면접준비 면접준비/알고리즘_12/그래프 이해 1. 그래프 (Graph) 란? 그래프는 실제 세계의 현상이나 사물을 정점(Vertex) 또는 노드(Node) 와 간선(Edge)로 표현하기 위해 사용 2. 그래프 (Graph) 관련 용어 사이클 (Cycle): 단순 경로의 시작 정점과 종료 정점이 동일한 경우 3. 그래프 (Graph) 종류 무방향 그래프 (Undirected Graph) 방향이 없는 그래프 보통 노드 A, B가 연결되어 ... 알고리즘면접준비면접준비
스프린터스 #1 var, let, const, Hoisting var, let, const 차이를 설명 var, let, const 1. 변수선언문들 (var, let, const) 함수선언문은 선언 앞 뒤 어디에서든 호출할 수 있지만 이 두 개는 변수 호이스팅으로 취급되기 때문에 선언 + 초기화가 끝난 코드 아래에서만 호출 가능합니다. 자바스크립트에서는 모든 코드 블록(if, for, while, try/catch)들이 스스로 블록 레벨 스코프를 생성... 스프린터스면접준비면접준비 [기술인터뷰] JavaScript - 데이터 타입과 타입 변환 값을 저장할 때 확보해야 하는 메모리 공간의 크기를 결정하기 위해 값을 참조할 때 한번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해 변수를 선언할 때 변수에 할당할 수 있는 값의 종류, 즉 데이터 타입을 사전에 선언하는 것 (명시적 타입 선언) 대표적인 정저 타입 언어 : C, C++, Java 등 변수를 선언할 때 타입을 선언하지 않는 것 (타입 추론) 대표적인 동적 타입 언어 :... 스터디JavaScript프론트엔드취업면접준비기술인터뷰JavaScript 1. JavaScript Event Loop JavaScript는 Single Thread(Stack이 하나) 기반, 이벤트 루프 기반 Thread가 하나라는 것은 한 번에 하나의 작업만 수행가능하다는 것인데 실제 JavaScript를 이용하다보면 동시에 여러 작업이 수행되는 것처럼 느껴질 때가 있다. JavaScript가 이러한 동시성을 지원할 수 있는 이유가 바로 Event Loop이다. 자바스크립트 엔진은 크게 3가지로 나뉜다. ... 면접준비프론트엔드FEJavaScriptFE 2. 클로저 클로저를 이해하기 위해선 먼저 '스코프'라는 개념에 대해 숙지하고 있어야합니다. 구글에 JavaScript Scope 검색 후 해당 개념 숙지한다면 더 수월하게 읽을 수 있습니다. 클로저란 함수가 종료되었음에도 불구하고 그 함수를 외부에서 참조하고 있어서 마치 남아있는 것처럼 동작하는 것 모든 함수에는 Life Cycle이라는 것이 존재합니다. 함수의 생애주기가 종료되었음에도 불구하고 외부의... JavaScriptFE프론트엔드면접준비FE QUIC 정의 Quick UDP Internet Connections의 약자 암호화가 기본적으로 탑재된 새로운 인터넷 전송 프로토콜 HTTP 트래픽을 더 안전하고 빠르게 전송하기 위한 여러 가지 개선사항들을 포함 특징 Google을 통해 개발이 진행 현재는 표준 등록을 위해 준비한 따끈따끈한 프로토콜 HTTP/2와 TLS 1.3 처럼, QUIC는 웹 사이트 등 인터넷 기반 요소의 보안과 속도를 높이기... network공통CS네트워크면접준비network 면접준비/자료구조_4/링크드 리스트 1. 링크드 리스트 (Linked List) 구조 링크드 리스트는 떨어진 곳에 존재하는 데이터를 화살표로 연결해서 관리하는 데이터 구조 본래 C언어에서는 주요한 데이터 구조이지만, 파이썬은 리스트 타입이 링크드 리스트의 기능을 모두 지원 * 일반적인 링크드 리스트 형태 (출처: wikipedia, https://en.wikipedia.org/wiki/Linked_list) 링크드 리스트 데이... 자료구조면접준비면접준비 면접준비/자료구조_2/큐 1. 큐 구조 줄을 서는 행위와 유사 가장 먼저 넣은 데이터를 가장 먼저 꺼낼 수 있는 구조 음식점에서 가장 먼저 줄을 선 사람이 제일 먼저 음식점에 입장하는 것과 동일 FIFO(First-In, First-Out) 또는 LILO(Last-In, Last-Out) 방식으로 스택과 꺼내는 순서가 반대 * 출처: http://www.stoimen.com/blog/2012/06/05/compute... 자료구조면접준비면접준비 면접준비/자료구조_6/해쉬 테이블 1. 해쉬 구조 파이썬 딕셔너리(Dictionary) 타입이 해쉬 테이블의 예: Key를 가지고 바로 데이터(Value)를 꺼냄 해쉬 테이블(Hash Table): 키 값의 연산에 의해 직접 접근이 가능한 데이터 구조 해쉬 값(Hash Value) 또는 해쉬 주소(Hash Address): Key를 해싱 함수로 연산해서, 해쉬 값을 알아내고, 이를 기반으로 해쉬 테이블에서 해당 Key에 대한... 자료구조면접준비면접준비 [기술인터뷰] HTML - DOCTYPE HTML이 어떤 버전으로 작성되었는지 미리 선언해, 웹브라우저가 내용을 올바르게 표시할 수 있도록 하는 것 ➡️ 문서 형식을 정의해주는 것 HTML 문서가 어떤 내용을 담고 있고, 키워드는 무엇이며, 누가 만들었는지에 대한 정보를 담고 있는 태그 요소 charset : 문서에서 허용하는 문자 집합에 대해 간단히 표시 name : 메타 요소가 어떤 정보의 형태를 갖고 있는지 알려줌 conten... html스터디프론트엔드취업면접준비기술인터뷰html html<img>태그'와 css background-image의 차이 'Semantic Web, Semantic Tag'를 이해가 필요합니다. 의미없는 'div'를 남발하는 것이 아닌, 태그를 정의함으로써 컴퓨터는 'header', 'footer', 'section' 등 웹페이지의 구성을 해석하고, 유의미한 정보처리가 가능합니다. Semantic Web의 장점 시각 장애가 있는 사용자가 화면 판독기로 페이지를 탐색 가능. 의미없는 클래스 이름, 끊임없는 div... CSS면접준비htmlCSS 면접준비/알고리즘_1/공간 복잡도 알고리즘 계산 복잡도는 다음 두 가지 척도로 표현될 수 있음 시간 복잡도: 얼마나 빠르게 실행되는지 공간 복잡도: 얼마나 많은 저장 공간이 필요한지 최근 대용량 시스템이 보편화되면서, 공간 복잡도보다는 시간 복잡도가 우선 공간 복잡도 대략적인 계산은 필요함 기존 알고리즘 문제는 예전에 공간 복잡도도 고려되어야할 때 만들어진 경우가 많음 그래서 기존 알고리즘 문제에 시간 복잡도뿐만 아니라, 공... 알고리즘면접준비면접준비 면접준비/알고리즘_12/그래프 이해 1. 그래프 (Graph) 란? 그래프는 실제 세계의 현상이나 사물을 정점(Vertex) 또는 노드(Node) 와 간선(Edge)로 표현하기 위해 사용 2. 그래프 (Graph) 관련 용어 사이클 (Cycle): 단순 경로의 시작 정점과 종료 정점이 동일한 경우 3. 그래프 (Graph) 종류 무방향 그래프 (Undirected Graph) 방향이 없는 그래프 보통 노드 A, B가 연결되어 ... 알고리즘면접준비면접준비