File upload & File download 1. 백엔드 서버의 Controller 작성 2. 프론트엔드 서버의 HTML, JS 작성 3. 실행

세션 1. react-session-api 2. sessionStorage (or localStorage) / 쿠키 react-cookie

Component 컴포넌트, Props 속성, Element 요소 / JSX 규칙 및 특징 / ES6 주요 문법

React JS 특징 / 환경 구축 1. Node.js 설치 2. VS Code 설치 3. 프로젝트 생성 4. 프로젝트 실행

Spring boot를 더 효율적으로 사용하기 위한 서버의 분리 / SPA(Single Page Application) / CSR(Client Side Rendering) / 1. Spring Boot 프로젝트 생성 2. 초기 설정 3. 서버 구축

자료실 게시판에 파일 업로드와 다운로드 기능을 구현해보자! 1. 의존성 추가 2. xml 설정 3. View 생성 4. Utility & DB 준비 5. Model 생성 6. 로직 생성

Model 구현 및 MyBatis와 MySql 사용 1. 의존성 추가 2. properties & xml 설정 3. mapper 생성 4. Repository 생성 5. Service 생성 6. Controller 생성

AOP 관점 지향 프로그래밍 / AOP의 목적, 용어 / AspectJ 사용하여 AOP 구현 (logging, 로그인 여부 확인) 1. 의존성 추가 2. xml 설정 3. Aspect 클래스 생성

MVC Model2 → 로그인, 회원가입, 게시판 페이지 만들기

MVC Model1 → 간단한 캘린더 페이지 (Class diagram)

Apache Maven / Spring MVC + Maven 프로젝트 생성 및 실행 1. 기본 설정 2, xml 설정 3. Controller, View 생성 및 실행

Spring Framework 특징 1. POJO 2, DI 3. AOP / Spring MVC 구조 / STS4 설치

MVC Model1 → 게시판 페이지 만들기 (Flowchart, Class diagram)

Architecture Pattern / MVC Pattern Model1 → 로그인 + 회원가입 페이지 (Flowchart, Class diagram)

1. JDBC로 Mysql DB 사용 2. MySQL 외부 원격 접속 허용 3. JDBC로 DB CRUD

jQuery 사용 (CDN) / jQuery 기본 문법 1. 작성 시작 2. 선택자 3. 함수 / jQuery를 이용한 AJAX

JavaScript 변수 선언자 비교 (차이점) 1. var 2. let 3. const

자료형 Data type 원시 타입(기본형) 1. number 2. string 3. boolean 4. null, undefined 5. symbol 6. BigInt / 자료형 확인 / 형변환 / 자동 형변환

웹에서의 JavaScript 역할 / 웹페이지에 script 적용 / 브라우저에서의 JavaScript 실행 순서 / document 객체 / DOM / DOM 트리

JavaScript 에디터 설정 (Generic Text Editor) / JavaScript 자동완성 기능 (tern)