Issue 7_프론트엔드 기본

• 장1 프런트엔드 개발 환경 및 공통 도구
• 1-1 프런트엔드 개발 환경
• 1-2 웹사이트 작동 방식의 기본 원칙
• 1-3 HTML과 http의 관계
• 장2 일반적인 HTML 태그에 대한 빠른 소개
• 2-1 일반적인 HTML 태그에 대한 빠른 소개
• 2-2 HTML 공통 태그
• 2-3 HTML 공통 태그 1
• 2-4 HTML 공통 태그 2
• 장3 CSS와 박스 모델 소개
• 3-1 일반적으로 사용되는 태그 3
• 3-2 CSS 소개 및 가져오기
• 3-3 스타일 규칙 및 박스 모델 소개 1
• 3-4 스타일 규칙 및 박스 모델 소개 2
• 장4 CSS 공통 선택기 및 배경 설정 기술
• 4-1 박스 모델 예시 설명
• 4-2 일반적으로 사용되는 선택기(1부)
• 4-3 일반적으로 사용되는 선택기(2부)
• 장5 내부 및 외부 마진 위치 지정 및 플로팅
• 5-1 배경 제어 기술
• 5-2 패딩 및 요소 센터링 기술
• 5-3 축소 이전 및 여백 압출
• 5-4 부동 및 위치 지정 원리
• 5-5 실용적인 소형 케이스 포지셔닝
• 장6 레이아웃 원칙 일반적인 레이아웃 구성표
• 6-1 레이아웃 원리 분석
• 6-2 레이아웃에 포지셔닝 및 플로팅 적용
• 6-3 레이아웃 1의 일반적인 솔루션 소개
• 6-4 레이아웃 2에 대한 일반적인 솔루션 소개
• 장7 전체 사이트 레이아웃 및 JS 기본
• 7-1 기업뉴스 전체 사이트 레이아웃의 원리와 구현
• 7-2 자바스크립트 기본 구문 1
• 7-3 자바스크립트 기본 구문 2
• 장8 객체 기본 및 DOM 작업
• 8-1 객체 생성 및 복사
• 8-2 생성자 및 프로토타입 객체
• 8-3 DOM 및 노드 작업(1)
• 8-4 DOM 및 노드 작업(2)
• 장9 이벤트 원칙과 실전 전투
• 9-1 이벤트에 대한 기본 지식
• 9-2 실전 1: 게시판
• 9-3 실용 전투: 초실용 회전식 차트(1)
• 장10 실제 회전목마 사진 2
• 10-1 캐러셀 차트 사례에 대한 사전 지식(1)
• 10-2 캐러셀 차트 사례에 대한 사전 지식(2)
• 10-3 캐러셀 차트 사례에 대한 사전 지식(3)
• 10-4 캐러셀 차트 사례 설명
• 장11 지연 로딩 및 탭
• 11-1 지연 로딩의 원리
• 11-2 지연 로딩 연습
• 11-3 탭 작동 중
• 장12 양식 이벤트 및 AJAX 양식 유효성 검사
• 12-1 양식 이벤트 및 양식 요소
• 12-2 실제로 AJAX: 사용자 정보를 동적으로 가져옵니다.
• 12-3 Ajax 실습, 포스트 폼 검증
• 장13 AJAX가 JSON을 만났을 때
• 13-1 JSON 원칙 및 실습
• 13-2 프런트엔드와 백엔드 간의 데이터 상호작용에 JSON을 사용하는 방법
• 13-3 FormData 양식 직렬화로 작업 단순화
• 장14 jQuery 및 LayUI 기본 사항
• 14-1 jQuery 프로그래밍 기본 사항(1)
• 14-2 jQuery 프로그래밍 기본 사항(2)
• 14-3 jQuery의 Ajax 및 Layui 기본 사항
• 장15 보조 메뉴 및 온라인 답변을 만드는 방법
• 15-1 보조 메뉴를 만드는 방법 1
• 15-2 보조 메뉴를 만드는 방법 2
• 15-3 온라인 Q&A