전체교육일정
교육개요
현대 웹 개발의 근간이 되는 Full Stack 구조를 깊이 있게 이해하는 이 강의는 프론트엔드와 백엔드 기술 스택의 전체 그림을 그립니다. HTML, CSS, JavaScript의 기초부터 고급 주제인 React.js 개발, 스프링 프레임워크 및 RESTful API 설계까지 아우릅니다. 클라우드 서비스와의 연동을 포함한 MUI 디자인 시스템, 그리고 스프링 부트와 데이터 관리 기술을 통해 안정적이고 반응형 웹 애플리케이션을 구축하는 방법을 배웁니다. 테스트 주도 개발과 Swagger를 사용한 API 문서화까지, 이 강의는 현대적 웹 개발자가 되기 위한 실질적인 경로를 제공합니다. 이 과정을 통해, 신속하고 효과적인 Full Stack 개발 능력을 갖추게 될 것입니다.
교육목표
Full Stack 개발의 모든 요소를 이해하고, 프론트엔드와 백엔드 기술을 통합하여 강력하고 유연한 웹 애플리케이션을 설계하고 구현하는 능력을 습득합니다.
강의내용
[Chapter 1: HTML]
· 학습 목표:
HTML의 기본 구조와 문법을 이해하여 웹 페이지를 작성하고 구조화하는 능력습득
· 주요 내용:
1. HTML 기본 구조 및 문법
[Chapter 2: CSS]
· 학습 목표:
CSS의 선택자, 박스 모델 및 레이아웃을 이해하고, 플렉스박스와 그리드를 활용하여 유연한 웹 레이아웃을 구성하는 기술을 습득
· 주요 내용:
1. CSS 선택자, 박스 모델, 레이아웃
2. CSS 플렉스 박스, 그리드
[Chapter 3: JavaScript]
· 학습 목표:
JavaScript를 활용하여 웹 애플리케이션을 구축하는 데 필요한 기본 문법, DOM 조작, 이벤트 처리, 비동기 처리 및 클래스 정의에 대한 핵심 개념을 이해
· 주요 내용:
1. JavaScript 기본 문법
2. JavaScript DOM 조작
3. JavaScript 이벤트 처리
4. JavaScript 비동기 처리(AJAX)
5. JavaScript 클래스
[Chapter 4: 웹 접근성 및 SEO]
· 학습 목표:
웹 접근성과 SEO에 대한 이해를 통해 웹 애플리케이션의 사용성을 향상시키고 검색 엔진 최적화에 필요한 기본 개념을 습득
· 주요 내용:
1. 웹 접근성 및 SEO
[Chapter 5: React.js]
· 학습 목표:
React.js를 활용하여 웹 애플리케이션을 개발하는 과정에서 컴포넌트 구조화부터 상태 관리, 이벤트 처리, 비동기 데이터 처리까지의 전반적인 개념과 기능을 학습
· 주요 내용:
1. React.js 소개 및 개발 환경 설정
2. React.js 컴포넌트 작성 및 구조화
3. React.js 상태 관리 (state, props)
4. React.js 이벤트 처리 및 폼 관리
5. React.js 컨텍스트 API
6. React.js 라우팅 (React Router)
7. React.js 비동기 데이터 처리 (Ajaxm, axios)
8. React.js 컨텍스트 API와 비동기 처리 실습
[Chapter 6: MUI]
· 학습 목표:
MUI(Material-UI) 라이브러리를 활용하여 UI 컴포넌트를 구성하고 레이아웃을 설계하며, 데이터를 표시하는 컴포넌트를 개발하는 방법을 학습
· 주요 내용:
1. MUI 소개 및 기본
2. UI 컴포넌트 구성
3. MUI를 사용한 레이아웃 및 반응형 디자인
4. MUI를 사용한 데이터 표시 컴포넌트 구성
[Chapter 7: 웹 서버 배포]
· 학습 목표:
프론트엔드와 백엔드 API를 연동하고, 가상 머신 환경을 소개하고 설정하며, 가상 머신 네트워크를 구성하는 방법을 학습
· 주요 내용:
1. 프론트엔드와 API 연동
2. 가상 머신 환경 구성 소개 및 설정
3. 가상 머신 네트워크 구성
[Chapter 8: 스프링 프레임워크]
· 학습 목표:
스프링 프레임워크의 개요부터 시작하여 빌드 도구, 컨테이너와 bin, 의존성 주입, AOP, MVC 구조, HTTP와 웹 서버 개념, 컨트롤러 및 요청 매핑, 그리고 뷰와 뷰 리졸버까지 스프링의 핵심 개념과 기능을 학습
· 주요 내용:
1. 스프링 프레임워크 개요 및 특징
2. 스프링 빌드 도구(Maven, Gradle)
3. 스프링 컨테이너와 bin
4. 의존성 주입(Dependency Injection)
5. 스프링 AOP(Aspect-Oriented Programming)
6. 스프링 MVC 소개 및 구조
7. HTTP와 웹 서버 개념
8. 컨트롤러와 요청 매핑
9. 뷰와 뷰 리졸버
[Chapter 9: 스프링 부트]
· 학습 목표:
스프링 부트의 강점과 함께 프로젝트 구조와 구성 요소를 자세히 살펴보고, 이를 통해 스프링 부트 애플리케이션을 구성하는 방법을 학습한뒤, 배포 및 패키징 단계에서 스프링 부트 애플리케이션을 구성하는 방안 학습
· 주요 내용:
1. 스프링 부트 소개 및 장점
2. 스프링 부트 프로젝트 구조
3. 스프링 부트 구성요소
4. 스프링 부트 배포와 패키징
[Chapter 10: 스프링 데이터와 JPA]
· 학습 목표:
스프링 데이터와 JPA를 활용하여 데이터베이스와 상호작용하는 방법을 익히고, RESTful API를 설계하고 구현하는 데 필요한 기본 개념과 원칙을 이해
· 주요 내용:
1. 스프링 데이터 소개 및 JPA 기본
2. JPA 엔티티 매핑
3. JPA 연관 관계 매핑
4. JPA Repository 패턴
5. JPA 쿼리 메소드
6. JPA 페이징 및 정렬
7. Service 레이어
8. RESTful API 소개 및 설계 원칙
9. RESTful API 응답 형식 및 버전 관리
10. Controller 레이어
11. 스프링 데이터 REST
[Chapter 11: 스프링 게이트웨이와 시큐리티]
· 학습 목표:
스프링 게이트웨이 및 스프링 시큐리티의 개념과 구성을 이해하고 웹 애플리케이션의 보안 및 라우팅을 구현하는 방법을 습득
· 주요 내용:
1. 스프링 게이트웨이
2. 스프링 시큐리티 개요
[Chapter 12: JUnit과 Swagger]
· 학습 목표:
JUnit 및 Swagger의 개념 및 활용법을 이해하여 효율적인 테스트 및 API 문서화를 수행하는 방법을 습득
· 주요 내용:
1. JUnit 소개 및 문법
2. Swagger 소개 및 설치
3. Swagger 문서 작성 및 UI 사용법