My FrontendWeb

CATEGORY : WEB BASIC

HTML, CSS, JS

HTML, CSS, JS가 무엇인지 들어보셨나요? 프론트엔드 개발자가 되기 위해서 이것들은 꼭 익혀두셔야 해요! 웹 페이지에서 이것들이 각자 어떠한 역할을 하고 있는지, 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

렌더링

웹 페이지에서 새로고침을 통해 페이지를 다시 불러오신 경험이 있나요? 이것과 관련해, 렌더링이라는 용어가 있어요! 렌더링에 대해 잘 모르겠다면, 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

DOM

DOM이라는 용어를 들어보셨나요? 웹 페이지에서의 DOM은 웹 요소의 구성과 사용자와의 상호작용과 깊은 관련이 있어요! 이것이 무엇인지 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

REST API

REST API는 말 그대로 REST를 기반으로 API를 구성한 것을 뜻해요. 이는 개발자들 사이에서 데이터를 관리 및 처리함에 있어 굉장히 중요하고, 널리 쓰이는 개념이에요. 이것이 무엇인지 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY - WEB BASIC

이벤트 루프와 테스트 큐

HTML, CSS, JS가 무엇인지 많이 들어보셨나요? 웹 페이지에서 이것들이 각자 어떠한 역할을 하고 있는지, 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY - WEB BASIC

CSS와 JS 애니메이션

HTML, CSS, JS가 무엇인지 많이 들어보셨나요? 웹 페이지에서 이것들이 각자 어떠한 역할을 하고 있는지, 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

브라우저의 동작

HTML, CSS, JS가 무엇인지 많이 들어보셨나요? 프론트엔드 개발자가 되기 위해서 이것들은 꼭 익혀두셔야 해요! 웹 페이지에서 이것들이 각자 어떠한 역할을 하고 있는지, 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

CORS

웹 페이지에서 새로고침을 통해 페이지를 다시 불러오신 경험이 있나요? 이것과 관련해, 렌더링이라는 용어가 있어요! 렌더링에 대해 잘 모르겠다면, 아래 Learn 버튼을 눌러주세요!

CATEGORY - WEB BASIC

CSR과 SSR

DOM이 무엇인지 들어보셨나요? 웹 페이지에서의 DOM은 사용자와의 상호작용과 깊은 관련이 있어요! 이것이 무엇인지, 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

쿠키, 세션, 그리고 웹 스토리지

HTML, CSS, JS가 무엇인지 많이 들어보셨나요? 프론트엔드 개발자가 되기 위해서 이것들은 꼭 익혀두셔야 해요! 웹 페이지에서 이것들이 각자 어떠한 역할을 하고 있는지, 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

프로토타입

웹 페이지에서 새로고침을 통해 페이지를 다시 불러오신 경험이 있나요? 이것과 관련해, 렌더링이라는 용어가 있어요! 렌더링에 대해 잘 모르겠다면, 아래 Learn 버튼을 눌러주세요!

CATEGORY - WEB BASIC

클로져 (Closure)

DOM이 무엇인지 들어보셨나요? 웹 페이지에서의 DOM은 사용자와의 상호작용과 깊은 관련이 있어요! 이것이 무엇인지, 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

var, let, const

HTML, CSS, JS가 무엇인지 많이 들어보셨나요? 프론트엔드 개발자가 되기 위해서 이것들은 꼭 익혀두셔야 해요! 웹 페이지에서 이것들이 각자 어떠한 역할을 하고 있는지, 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

Callback, Promise, Await & Async

웹 페이지에서 새로고침을 통해 페이지를 다시 불러오신 경험이 있나요? 이것과 관련해, 렌더링이라는 용어가 있어요! 렌더링에 대해 잘 모르겠다면, 아래 Learn 버튼을 눌러주세요!

CATEGORY - WEB BASIC

이벤트 버블링, 이벤트 캡처링

DOM이 무엇인지 들어보셨나요? 웹 페이지에서의 DOM은 사용자와의 상호작용과 깊은 관련이 있어요! 이것이 무엇인지, 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

Webpack, Babel, Polyfill

Webpack, Babel, Polyfill에 대해 들어보셨나요? 아마 JavaScript를 문법위주로 공부해오신 분들이라면 생소할 이름일 수 있을 것 같아요. Webpack은 모듈과 관련이 있고, Babel, Polyfill은 크로스 브라우징과 관련이 있어요. 전반적인 개념에 대해 알고싶다면, 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

Scope(스코프)

스코프는 우리말로, '범위'라는 뜻이에요. JavaScript에서 스코프는 과연 무엇을 의미하는 것인지 알고 계신가요? 바로 다음에 공부할 실행 컨텍스트 개념을 이해하기 위해서는 꼭 알고 넘어가야 하니, 공부하길 원한다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

Execution Context(실행 컨텍스트)

실행 컨텍스트는 쉽게 말해 자바스크립트의 코드가 동작할 수 있도록 제공하는 총체적 환경을 의미해요. 호이스팅, 콜 스택, 스코프 등의 모든 개념을 알아야 이 주제를 이해할 수 있어요. 준비가 되셨다면, 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

Hoisting

면접 질문 단골고객 Hoisting에 대해 들어보셨나요? 자바스크립트에서의 선언은 이것을 빼고 논할 수 없어요! 궁금하다면 아래 Learn 버튼을 눌러주세요!

CATEGORY : WEB BASIC

프로세스와 스레드

우리가 사용하는 프로그램은 프로세스, 스레드라는 용어와 깊이 연관되어 있어요. 이것들을 잘못 알고 있으면, 디버깅 및 오류 해결에 어려움을 겪을 수 있어요. 꼭 알고 넘어가도록 해요.

CATEGORY : WEB BASIC

브라우저 주소창에 URL을 입력하면?

이전에 HTML/CSS/JS가 무엇인지, 렌더링이 무엇인지 다루어보았었죠? 이번에는 렌더링을 하기 이전 과정에서, 우리가 검색창에 URL을 입력할 때 어떤 일이 발생하고, 어떻게 리소스 자원들을 받아오는지를 알아볼거에요.