프론트엔드지식

웹 브라우저는 웹을 사용할 수 있는 가장 기본적인 방식이다.브라우저가 작동하는 순서대로 정리하고 각 구조에서 어떤일을 하는지 자세히 정리해보려고 한다.웹 브라우저에서 사용자가 직접 상호작용 할 수 있는 화면 부분이다.불러올 정보의 위치가 작성되는 URI 주소 표시줄,

자바스크립트 클로저(Closure)란, 함수가 자신이 생성될 때의 환경(Lexical Environment)을 기억하여, 함수가 실행되는 동안에도 이를 기억하고 사용할 수 있는 것을 의미한다.클로저는 다음과 같은 상황에서 주로 사용된다.클로저를 사용하여 함수 내부에 선

호이스팅(Hoisting)은 자바스크립트에서 변수와 함수 선언이 해당 스코프의 최상위로 끌어올리는 것을 말한다.호이스팅을 통해 코드의 위치와 상관없이 변수나 함수를 선언하기 전에도 참조 될 수 있다.스코프 내의 변수와 함수 선언을 찾는다.해당 변수와 함수 선언을 스코프

var과 let은 모두 변수를 선언할 때 사용되는 키워드이지만, 다음과 같은 차이점이 있다.var은 함수 스코프(function scope)를 가지고 있으며, 전역 스코프(global scope)에서도 사용할 수 있다.let은 블록 스코프(block scope)를 가지

JavaScript에서의 this는 뭔가 다른 언어에서의 this 와는 다른 뉘앙스를 가지고 있다.가끔씩 한번 짚고 넘어가는데도 정리가 안되는 느낌이라서 한번 정리하고 넘어가고자 한다.JavaScript에서 this는 현재 실행 중인 함수 내부에서 현재 객체를 참조하기

코드 상으로는 다음과 같은 차이가 있다.일반 함수는 function 키워드를 사용하여 선언하며, function 다음에 함수 이름과 매개변수를 작성한다.화살표 함수는 => 기호를 사용하여 함수를 선언한다. 매개변수와 함수 본문은 => 기호 양쪽에 작성한다. 함수 이름은

이벤트 캡처링(Event Capturing)은 상위 요소에서 하위 요소로 이벤트가 전달되는 동작 방식이다. 즉, 이벤트가 발생한 요소의 최상위 조상 요소부터 이벤트 타겟 요소까지 이벤트가 전달되는 방식이다.이벤트 캡처링은 HTML5에서 추가된 이벤트 전파 방식으로, 모

SOLID 원칙은 객체 지향 프로그래밍에서 사용되는 설계 원칙으로, 다섯 가지의 단일 책임 원칙(Single Responsibility Principle), 개방-폐쇄 원칙(Open-Closed Principle), 리스코프 치환 원칙(Liskov Substitutio

자바스크립트에서 모든 객체는 다른 객체를 상속할 수 있는데, 이를 프로토타입 상속(prototype inheritance)이라고 합니다. 객체의 프로토타입은 다른 객체를 참조할 수 있으며, 이를 통해 해당 객체에서 정의되지 않은 속성에 대해서도 프로토타입 체인을 통해

쿠키(Cookie)는 클라이언트 측에서 저장되는 작은 데이터 파일입니다. 웹 사이트가 사용자를 인식하고 그들의 상태를 기억하는 데 사용됩니다. 쿠키는 일반적으로 사용자의 로그인 정보, 선호도, 장바구니에 있는 항목 등과 같은 데이터를 저장하는 데 사용됩니다.쿠키는 HT

HTTP 프로토콜은 서버와 클라이언트 간의 통신을 위한 규약으로, 여러 종류의 메소드를 제공한다. 이러한 메소드들은 서버에서 요청된 작업을 수행하거나 리소스를 요청, 생성, 수정, 삭제하는 등의 다양한 작업을 처리할 수 있다.GET : 서버로부터 정보를 요청하는 메소드

HTTP Secure(HTTPS)는 인터넷 상에서 정보를 암호화하는 SSL(Secure Sockets Layer) 프로토콜을 사용하여 클라이언트와 서버 간 통신을 보호하는 프로토콜이다. HTTPS는 HTTP와 마찬가지로 인터넷 상에서 데이터를 주고받는 통신 규약이지만,

이전에는 회원가입을 일일히 만들어서 서버에 사용자 계정을 만들도록 하고, 사용자가 접속할때 아이디와 비밀번호를 사용하는 방식이 많았다.하지만 이런 방식은 사용자가 각각의 사이트에 일일이 회원가입을 하게 만드는 귀찮음을 낳았고, 사용자는 각각의 사이트에 대한 아이디 비밀

CSRF(Cross-Site Request Forgery)는 웹사이트 취약점 공격의 일종으로, 악의적인 사용자가 인증된 사용자의 권한을 사용하여 원치 않는 작업(예: 글 게시, 결제 등)을 수행하도록 하는 공격이다.예를 들어, 사용자가 악성 웹사이트를 방문하고, 해당

모듈 패턴 (Module Pattern)• 용도: 변수와 함수를 캡슐화하여 외부에 노출되는 부분을 제어합니다.• 장점: 전역 변수 오염을 줄이고, 코드의 가독성 및 재사용성을 높입니다.• 예시: ES6 모듈(import / export)과 IIFE(즉시 실행 함수 표현