AG FE GUIDE

프론트엔드 기초를 예제로 정리합니다

HTML 구조, CSS 레이아웃, JavaScript 동작, React 기초, Git 배포 흐름을 처음 배우는 사람도 따라가기 쉽게 정리합니다.

주요 카테고리

초보자가 실제로 막히는 질문을 기준으로 정리합니다.

HTML

태그의 역할, 링크, 이미지, 폼처럼 웹 문서의 기본 뼈대를 다룹니다.

CSS

여백, 정렬, flex, position, 반응형처럼 화면을 보기 좋게 만드는 방법을 정리합니다.

JavaScript

변수, 함수, 배열, 이벤트, fetch처럼 화면에 움직임을 더하는 기초를 설명합니다.

React

컴포넌트, props, state, Hook, 목록 렌더링처럼 React 시작에 필요한 내용을 다룹니다.

Git/Web

Git, GitHub, 도메인, HTTPS, 정적 사이트 배포 흐름을 쉽게 정리합니다.

브라우저와 검색 봇이 기본 구조를 바로 읽을 수 있도록 주요 공개 글을 정리했습니다.

HTML

doctype, head, body가 어떤 역할을 하는지 기본 문서 예제로 정리합니다.

CSS

반복 스타일과 고유 요소 식별을 나누어 CSS 선택 기준을 설명합니다.

JavaScript

현대 JavaScript에서 const와 let을 우선 사용하는 이유를 예제로 봅니다.

React

화면 조각을 컴포넌트로 나누는 기준과 간단한 프로필 카드 예제를 다룹니다.

Git/Web

버전 관리 도구와 저장소 호스팅 서비스의 차이를 작업 흐름으로 설명합니다.

HTML

의미 없는 묶음, 주제 영역, 독립 콘텐츠를 구분하는 방법을 정리합니다.

예약 시간에 맞춰 하루 5개씩 순차 공개됩니다.