웹기초 폼 검증 기초
사용자가 입력한 정보가 서버로 넘어가기 전 브라우저에서 1차적으로 걸러주는 폼 검증 로직을 설계하고 구현했다. 비정상적인 데이터가 시스템 내부로 유입되어 발생할...
Read Article웹기초 폼 검증 기초
사용자 입력 데이터가 서버로 전송되기 전 수행하는 폼 검증(Form Validation)에 대해 정리했다. 잘못된 데이터가 서버에 부하를 주거나 보안 문제를 야기하지...
Read Article웹기초 이벤트 처리 기초
사용자가 버튼을 누르거나 키보드를 치는 순간 브라우저 내부에서 어떤 일이 벌어지는지 추적하며 이벤트 처리의 핵심 원리를 파악했다. 단순히 기능을 구현하는...
Read Article웹기초 이벤트 처리 기초
사용자의 동작을 브라우저가 감지하고 대응하는 이벤트 처리(Event Handling)는 웹 인터랙션의 핵심이다. 자바스크립트를 활용한 이벤트 처리 기초를 정리했다. 이벤트 리스너 활용...
Read Article웹기초 CSS 박스모델
브라우저가 HTML 요소를 화면에 배치하는 가장 근본적인 물리 법칙인 박스 모델의 구조와 계산 방식을 정밀하게 분석했다. 모든 웹 요소가 사각형...
Read Article웹기초 CSS 박스모델
브라우저가 HTML 요소를 사각형 박스로 처리하는 원리인 박스 모델(Box Model)의 구조와 크기 계산 방식을 분석한다. 박스 모델의 4대 구성 요소...
Read Article웹기초 간단한 로그인 화면
사용자가 서비스를 처음 접하는 관문인 로그인 화면을 HTML과 CSS로 직접 디자인하고 마크업했다. 시각적인 안정감과 조작의 편의성을 최우선으로 고려하여 직관적인 사용자...
Read Article웹기초 간단한 로그인 화면
웹 서비스의 진입점인 로그인 화면을 HTML과 CSS로 구현했다. 깔끔하고 직관적인 레이아웃 구성에 집중했다. Flexbox를 활용한 중앙 정렬 로그인 박스를 화면...
Read Article웹기초 시맨틱 태그 정리
웹 페이지의 각 요소가 가진 본연의 의미를 살리기 위해 HTML5 시맨틱 태그를 전면적으로 도입하고 그 효과를 정리했다. 단순히 화면에 보여지는...
Read Article웹기초 시맨틱 태그 정리
요소의 의미를 명확히 전달하는 시맨틱 태그(Semantic Tags)의 활용법을 정리했다. 이는 웹사이트의 각 부분에 명확한 정의를 부여하는 과정이다. 구조적 마크업 구현...
Read Article