CDN (Contents Delivery Network)cdn must-know 이 글에서는 CDN의 기본 개념부터 작동 원리, 장단점에 이르기까지 CDN에 대해 자세히 설명해 드리겠습니다.Published On2024년 3월 10일Read more navigate to post/BackEnd/network/cdn
HTTP와 HTTPShttp https must-know HTTP의 정의와 특징, 그리고 기본적인 사용 방법에 대해 상세하게 설명하고 HTTPS와 2버전의 차이점 비교Published On2024년 3월 10일Read more navigate to post/BackEnd/network/http-https
REST API의 기본 이해와 사용법rest-api must-know 이 글에서는 REST API의 개념을 자세히 설명하고 실제 사용 예를 통해 쉽게 이해할 수 있습니다.Published On2024년 3월 10일Read more navigate to post/BackEnd/network/rest-api
네트워크의 두 주축 : TCP vs UDPtcp udp must-know TCP와 UDP의 차이점을 비교하여, 네트워크 통신의 근본적인 메커니즘을 알아봅니다.Published On2024년 3월 10일Read more navigate to post/BackEnd/network/tcp-udp
URL vs URN vs URI: 인터넷 식별자의 이해urn uri url must-know URL, URN, 그리고 URI의 개념을 분명히 하고, 각각을 명확히 이해할 수 있도록 자세한 설명Published On2024년 3월 10일Read more navigate to post/BackEnd/network/url
동일 출처 정책 (Same-Origin Policy)에 대한 이해same-origin-policy must-know 웹 개발에서 중요한 보안 개념인 동일 출처 정책에 대해 자세히 알아보고, 그 이해를 돕기 위한 구체적인 예시와 함께 설명합니다Published On2024년 3월 10일Read more navigate to post/BackEnd/security/same-origin-policy
XSS와 CSRF에 대한 이해와 예방xss csrf must-know 이 글에서는 웹 보안의 중요한 두 가지 위협인 크로스 사이트 스크립팅(XSS)과 크로스 사이트 요청 위조(CSRF)에 대해 알아보고, 이러한 공격으로부터 웹 애플리케이션을 보호하기 위한 방법을 설명합니다.Published On2024년 3월 10일Read more navigate to post/BackEnd/security/xss-csrf
CSS @(at) rules 의 이해와 활용css must-know CSS at-rules에 대해 상세하게 알아보고, 실제 예시를 통해 그 활용법을 배워봅니다.Published On2024년 3월 11일Read more navigate to post/FrontEnd/css/css-at-rule
CSS 가상 클래스(Pseudo-classes)css must-know CSS에서 사용되는 수도 클래스에 대해 알아보겠습니다.Published On2024년 3월 11일Read more navigate to post/FrontEnd/css/css-pseudo
CSS에서 float을 해제하는 방법들float must-know CSS에서 floating을 해제하는 방법 3가지 clear속성 사용, overflow 사용, 가상 요소 사용하는 방버에 대해 알아보겠습니다.Published On2024년 3월 9일Read more navigate to post/FrontEnd/css/float
CSS에서 img 태그img must-know img 태그 아래의 공백 제거 및 HTML img 태그를 활용하여 이미지의 위치와 크기를 조절하는 방법Published On2024년 3월 9일Read more navigate to post/FrontEnd/css/img
CSS 애니메이션과 JS 애니메이션 비교css must-know CSS와 JavaScript를 사용한 애니메이션의 차이점에 대해 자세히 알아보고, 어느 상황에서 각각을 사용하는 것이 더 적합한지를 분석해봅니다.Published On2024년 3월 11일Read more navigate to post/FrontEnd/css/js-css
CSS에서 마진(Margin) 겹침 현상의 이해margin must-know CSS의 마진 겹침 현상과 그것을 이해하고 해결하는 방법에 대해 알아보자.Published On2024년 3월 9일Read more navigate to post/FrontEnd/css/margin
Z-Index의 동작방식z-index must-know css z-index 속성의 기본 원리와 사용 방법을 실제 예시와 함께 알아봅니다.Published On2024년 3월 9일Read more navigate to post/FrontEnd/css/z-index
BOM(Browser Object Model)과 DOM(Document Object Model)bom dom must-know 이 글에서는 웹페이지를 구성하는 두가지 핵심 구성 요소인 BOM과 DOM의 차이점과 상호 작용 방법에 대해서 상세하게 살펴봅니다.Published On2024년 6월 9일Read more navigate to post/FrontEnd/html/bod-dom
JavaScript의 핵심 원리: 이벤트 루프, 콜 스택, 힙call-stack heap event-loop must-know Javascript의 핵심 메커니즘에 대한 설명 및 콜 스택 및 힙 그리고 이벤트 루프에 대하여 이해하기Published On2024년 3월 9일Read more navigate to post/FrontEnd/html/event-loop
랜더링(rendering)rendering must-know 브라우저의 랜더링 과정에 대해 자세히 알아보고, HTML과 React, Next.js에서의 랜더링이 어떻게 다른지 살펴보겠습니다.Published On2024년 8월 15일Read more navigate to post/FrontEnd/html/rendering
Script Tag typescript must-know Published On2024년 3월 8일Read more navigate to post/FrontEnd/html/script-tag
Semantic(시멘틱) Markupsemantic must-know Published On2024년 3월 8일Read more navigate to post/FrontEnd/html/semantic-markup
AJAX란 무엇인가?ajax must-know 이 글에서는 AJAX, XMLHttpRequest의 개념과 작동 원리, 그리고 실제 사용 예시까지 자세히 설명합니다.Published On2024년 3월 9일Read more navigate to post/FrontEnd/javascript/ajax
자바스크립트의 ES6 주요 변경 사항es6 must-know 자바스크립트 ES6에서 추가된 주요 특징들을 간결한 설명과 예시 코드로 알아봅니다.Published On2024년 3월 9일Read more navigate to post/FrontEnd/javascript/es6
이벤트 위임(Event Delegation)event-delegation must-know JavaScript의 이벤트 위임(Delegation)에 대해 심층적으로 탐구Published On2024년 3월 9일Read more navigate to post/FrontEnd/javascript/event-delegation
실행 컨텍스트(Execution Context)execution-context must-know 자바스크립트에서 중요한 개념 중 하나인 실행 컨텍스트를 설명하고, 이해를 돕기위한 부가적인 용어들 환경레코드, 호이스팅, this 바인딩, 스코프와 클로저, 네이티브 객체, 호스트 객체에 대해 설명합니다.Published On2024년 3월 9일Read more navigate to post/FrontEnd/javascript/execution-context
자바스크립트의 new 연산자 동작 방식new must-know JavaScript에서 new 연산자가 작동하는 방식과 생성자 함수의 역할Published On2024년 3월 9일Read more navigate to post/FrontEnd/javascript/new
JavaScript의 연산자 비교operators 연산자 must-know JavaScript에서 사용되는 다양한 연산자들에 대한 비교와 설명Published On2024년 3월 9일Read more navigate to post/FrontEnd/javascript/operators
JavaScript의 프로토타입 (Prototype) 이해하기prototype must-know JavaScript에서의 프로토타입 체인의 개념과 작동 원리Published On2024년 3월 11일Read more navigate to post/FrontEnd/javascript/prototype
엄격 모드(Strict Mode)strict-mode must-know 자바스크립트에서 엄격 모드(Strict Mode)를 사용하는 이유와 그 특징에 대해 알아봅니다.Published On2024년 3월 9일Read more navigate to post/FrontEnd/javascript/strict-mode
Open Graph란 무엇인가?open-graph must-know 웹 페이지가 소셜 미디어 플랫폼상에서 어떻게 표시되는지 제어하는 데 주로 사용되는 Open Graph 프로토콜에 대해 알아보겠습니다Published On2024년 3월 9일Read more navigate to post/FrontEnd/study/open-graph
프론트엔드에서 상태 관리에 대한 3가지 접근 방식 - Flux, Proxy, Atomic상태관리 must-know 이 글에서는 프론트엔드에서 상태 관리에 대한 3가지 접근 방식 - Flux, Proxy, Atomic를 살펴보고 비교 분석해보겠습니다.Published On2024년 3월 11일Read more navigate to post/FrontEnd/study/state-management
웹접근성(Web Accessibility)web-accessibility must-know 웹접근성 중 WAI, WCAG, ARIA에 대해서 알아보고 예시를 통해 자세하게 알아보겠습니다.Published On2024년 3월 19일Read more navigate to post/FrontEnd/study/web-accessibility