웹기초 JavaScript 변수와 스코프
자바스크립트 엔진이 변수를 관리하는 방식인 var, let, const의 차이점과 스코프의 동작 원리를 정밀하게 분석했다. 예측 불가능한 오류를 방지하고 코드의 투명성을...
Read Article웹기초 JavaScript 변수와 스코프
자바스크립트 변수 선언 키워드인 var, let, const의 차이와 스코프(Scope) 원리를 정리했다. 변수의 유효 범위를 이해하는 것은 오류 방지를 위해 필수적이다....
Read Article웹기초 Flexbox 정리
복잡한 웹 레이아웃을 보다 직관적이고 유연하게 설계하기 위해 CSS Flexbox의 핵심 메커니즘을 분석하고 실무에 적용했다. 기존의 float이나 table 방식이 가졌던...
Read Article웹기초 Flexbox 정리
레이아웃 구성을 효율적으로 처리하는 Flexbox(Flexible Box)의 활용법을 정리했다. 유동적인 웹 환경에서 정렬과 공간 배분을 제어하는 기술이다. Flexbox: 정렬 메커니즘 부모...
Read Article웹기초 CSS 선택자 복습
웹 페이지 디자인을 위해 스타일 적용 대상을 지정하는 CSS 선택자(Selectors)를 정리했다. 기본 선택자부터 조합 선택자까지의 활용법을 분석했다. 타겟팅 기술 분석...
Read Article웹기초 CSS 선택자 복습
웹 페이지의 시각적 완성도를 높이기 위해 CSS 선택자의 다양한 활용법을 연구하고 효율적인 스타일링 전략을 수립했다. 단순한 태그나 클래스 선택자를 넘어...
Read Article웹기초 반응형 기초
모바일과 데스크톱을 아우르는 다양한 디바이스 환경에 대응하기 위해 반응형 웹 디자인의 핵심 원칙을 프로젝트에 이식했다. 기기마다 제각각인 화면 크기에 유연하게...
Read Article웹기초 반응형 기초
하나의 소스로 다양한 화면 크기에 대응하는 반응형 웹 디자인(Responsive Web Design)의 핵심 기술을 정리했다. 미디어 쿼리: 화면 크기별 스타일 적용...
Read Article웹기초 Promise 비동기 정리
자바스크립트의 싱글 스레드 환경에서 발생하는 블로킹 문제를 해결하기 위해 Promise와 async/await를 활용한 비동기 제어 흐름을 설계했다. 네트워크 요청이나 파일 시스템...
Read Article웹기초 Promise 비동기 정리
자바스크립트는 싱글 스레드로 동작한다. 만약 네트워크 통신처럼 시간이 걸리는 작업을 동기적으로 처리한다면 브라우저는 응답을 멈출 것이다. 이를 해결하기 위해 탄생한...
Read Article