웹기초 HTML 문서 구조 다시 보기
웹 개발의 기초는 단순히 태그를 나열하는 것이 아니라, 정보의 구조를 설계하는 것이다. 브라우저가 내 코드를 오해 없이 해석하게 하려면 HTML5...
Read Article웹기초 HTML 문서 구조 다시 보기
웹 서비스의 뼈대를 이루는 HTML5 표준 문서 구조를 심층적으로 분석하고 견고한 정보 설계 체계를 구축했다. 브라우저와 검색 엔진이 콘텐츠를 정확하게...
Read Article웹기초 fetch로 API 호출
브라우저 내장 기능을 활용하여 서버와 통신하는 Fetch API의 사용법을 정리했다. Promise 기반으로 동작하며 비동기 처리에 적합한 방식이다. Fetch API: 비동기...
Read Article웹기초 fetch로 API 호출
브라우저 내장 기능을 활용해 외부 서버와 데이터를 주고받는 현대적인 통신 방식인 Fetch API를 프로젝트에 도입했다. Promise 기반의 비동기 처리 메커니즘을...
Read Article웹기초 DOM 조작 연습
HTML 페이지에 동적 기능을 부여하는 DOM(Document Object Model) 조작 기술을 정리했다. 자바스크립트를 사용하여 문서의 내용, 구조, 스타일을 실시간으로 변경하는 방식이다....
Read Article웹기초 DOM 조작 연습
정적인 HTML 문서에 생동감을 불어넣고 사용자와의 상호작용에 즉각 응답하는 웹 서비스를 만들기 위해 DOM 조작 기술을 심화 실습했다. 자바스크립트로 문서의...
Read Article웹기초 페이지 구조 리팩토링
기능 추가가 반복되면서 복잡해진 소스 코드를 정리하고 장기적인 유지보수가 가능하도록 전체적인 페이지 구조 리팩토링을 단행했다. 의미를 알 수 없던 수많은...
Read Article웹기초 페이지 구조 리팩토링
프로젝트 진행 중 복잡해진 코드 구조를 개선하기 위해 구조 리팩토링을 수행했다. 의미 없는 태그를 제거하고 시맨틱한 구조로 변경하는 과정을 정리했다....
Read Article웹기초 브라우저 렌더링 흐름
우리가 작성한 코드가 브라우저 화면에 픽셀로 그려지기까지의 내부 동작 방식인 중요 렌더링 경로를 심층 분석했다. 브라우저 엔진이 리소스를 어떻게 처리하고...
Read Article웹기초 브라우저 렌더링 흐름
우리가 작성한 코드가 브라우저 화면에 픽셀로 변환되어 나타나기까지의 복잡한 여정, ‘중요 렌더링 경로(CRP)’의 단계별 메커니즘을 분석한다. 렌더 트리의 생성 단계...
Read Article