본문으로 건너뛰기
안동민 개발노트 아이콘

안동민 개발노트

본문 시작

나 혼자 웹 입문

HTML·CSS·JavaScript와 브라우저 API를 익히고 테스트·백엔드·보안·성능·개발 도구까지 웹의 전체 흐름을 연결합니다.

웹 개발 입문 단계에서는 기술이 많아, 무엇을 먼저 배우고 어디까지 들어가야 할지 혼란스러울 수 있습니다.

이 교재는 HTML, CSS, JavaScript의 기초를 먼저 다지고, 이후 실전 웹 품질 관점으로 확장하도록 구성했습니다.

단순히 화면을 만드는 법만 배우는 것이 아니라, 성능, 접근성, 보안 같은 실제 서비스 품질 기준까지 연결해서 학습합니다.

각 장은 독립적으로도 읽을 수 있지만, 앞 장 개념이 뒤 장의 실습과 자연스럽게 이어지도록 설계되어 있습니다.

특히 초보 단계에서 자주 틀리는 포인트를 설명과 예제로 반복 확인해 학습 이탈을 줄였습니다.

최신 브라우저 동작과 표준 관점(CWV/INP/a11y/CSP)을 반영해 지금 써도 되는 방식을 중심으로 안내합니다.

아래 목차를 순서대로 따라가면 입문 수준을 넘어, 실제 프로젝트에서 바로 적용 가능한 웹 개발 기반을 만들 수 있습니다.

최종 목표는 기능 구현뿐 아니라 품질까지 고려하는 웹 개발 습관을 갖추는 것입니다.


장별 목차


웹 입문 학습은 브라우저 요청 흐름, HTML/CSS/JavaScript 역할, 네트워크와 배포 기준을 하나의 경로로 연결하면 빨라집니다.

전체 과정을 마무리할 때는 각 기술을 따로 외웠는지보다 하나의 웹 페이지가 만들어지고 개선되는 흐름을 설명할 수 있는지 점검합니다.

마지막에는 문서 구조, 스타일 계산, JavaScript 실행, 네트워크 요청과 배포 결과의 연결 관계를 개발자 도구로 직접 확인합니다.

이 페이지의 목차