# WEB Study
## Front-end와 Back-end 개발을 위한 공부

- 주제에 따른 예제 프로젝트와 Markdown 문서를 통한 정리
-----------------------------
1. [웹 표준](#1-웹-표준)
    - 1-1. [HTML, CSS](#1-1-html-css)
    - 1-2. [JavaScript](#1-2-javascript)
2. [DBMS](#2-dbms)
    - 2-1. [Oracle Database](#2-1-oracle-database)
    - 2-2. [MySQL](#2-2-mysql)
    - 2-3. [MS-SQL](#2-3-ms-sql)
    - 2-4. [MariaDB](#2-4-maroadb)
    - 2-5. [MongoDB](#2-5-mongodb)
3. [Front-end](#3-front-end)
    - 3-1. [Bootstrap](#3-1-bootstrap)
    - 3-2. [Typescript](#3-2-typescript)
    - 3-3. [Angular](#3-3-angular)
4. [Java Back-end](#4-java-back-end)
    - 4-1. [Java](#4-1-java)
    - 4-2. [JSP](#4-2-jsp)
    - 4-3. [Spring Framework](#4-3-spring-framework)
        - Maven
5. [NodeJS Back-end](#5-nodejs-back-end)
    - ECMAScript6
    - Node.js
    - Express 
    - Template Engine
6. [ASP.NET Back-end](#6-aspnet-back-end)
    - 6-1. [C#](#6-1-C)
    - 6-2. [ASP.NET](#6-2-aspnet)
7. [ORM, ODM Persistence Framework](#7-orm-odm-persistence-framework)
    - MyBatis
    - Sequelize
    - Mongoose
8. [Android](#8-android)
9. [DevOps](#9-devops)
    - 9-1. [Docker](#9-1-docker)


-----------------------------   
----------------------------- 
# 1. 웹 표준
## 1-1. HTML, CSS
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/HTML%2C%20CSS)   
- 웹 표준에 해당하는 HTML 문서를 쓰는 방법과 주요 태그들의 사용법
- CSS를 통한 디자인 패턴을 공부한 Respository
## 1-2. JavaScript
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/JavaScript)   
- 동적 웹 페이지를 위한 스크립트 언어인 자바스크립트의 기본적인 사용법 정리 Repository
- Jquery, React.js를 비롯한 라이브러리의 사용은 따로 정리하지 않음

--------
----------------------------- 
# 2. DBMS
## 2-1. Oracle Database
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/DBMS_OracleDB)   
- 데이터베이스의 정의와 관계형 데이터베이스의 사용법
- RDBMS에 해당하는 Oracls DB의 사용법
- 데이터베이스 프로그래밍을 위한 SQL Query를 정리하고 실습한 Repository
## 2-2. MySQL
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/DBMS_MySQL)   
- 데이터베이스의 정의와 관계형 데이터베이스의 사용법
- RDBMS에 해당하는 MySQL의 사용법
- SQL Query 정리 및 실습
## 2-3. MS-SQL
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/DBMS_MS_SQL)   
- Microsoft SQL Server Database : 관계형 데이터베이스의 사용법
- 환경 설정 및 기본 쿼리문 수행 방법
## 2-4. MariaDB
- Maria DB의 기본 환경 설정 및 쿼리 수행
## 2-5. MongoDB
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/DBMS_MongoDB)   
- NoSQL 데이터베이스의 정의
- NoSQL에 해당하는 MongoDB의 사용법
- Query 정리 및 실습

---------------
----------------------------- 
# 3. Front-end
## 3-1. Bootstrap
## [예제1](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/ASP.NET%20%26%20Bootstrap/02_View_And_Binding_with_Bootstrap) [예제2](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/Angular%20%26%20Typescript/15_Bootstrap)   
- Bootstrap Template 이용
- Grid를 통한 레이아웃
- 테마와 반응형 웹
## 3-2. Typescript
- 앵귤러와 TSOA 기반 애플리케이션을 만들기 위한 타입스크립트.
## 3-3. Angular
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/Angular%20%26%20Typescript)   
---------------
----------------------------- 
# 4. JAVA Back-end
## 4-1. Java
## [Repository 바로가기](https://github.com/Jaehwi-So/JAVA)   
- Java 기반 서버 구축을 하기 위한 프로그래밍 언어 학습
- 클래스, 상속, 인터페이스, 추상 클래스, 컬렉션, 예외 처리, 입출력, 람다식 등 학습
## 4-2. JSP
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/JSP_WebPrograming)   
- 웹을 보다 쉽게 구축할수 있도록 만들어주는 서버 사이드 스크립트 언어인 JSP 학습
- 데이터베이스의 연동과 Tomcat을 통한 서버 구축
- MVC 패턴을 이용한 웹 어플리케이션의 구축과 간이 프로젝트 구현
## 4-3. Spring Framework
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/Spring_Framework)   
- Java 기반 서버를 구축하는 데에 유용한 프레임워크 학습
- 스프링이 제공하는 모듈화, IoC 컨테이너 구축, AOP, MVC, 데이터 검증 등 습득
- 웹 어플리케이션 디자인 패턴 학습과 간이 프로젝트 구현
- 실습 프로젝트와 함께 Markdown을 이용하여 개념 정리

---------------
----------------------------- 
# 5. Node.js Back-end
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/Node.js%20%26%20ES6%20%26%20Express)   
- JavaScript를 이용하여 서버를 구축하기 위한 Node.js를 학습한 Repository
- ES6에서 추가되어 많이 사용되는 최신 Javascript 문법 학습
- Promise, Ajax 등의 비동기 패턴과 디자인 패턴 학습
- NPM과 NPX를 통한 버전 관리와 모듈 관리
- 템플릿 엔진 (Jade(Pug), Nunjucks)의 사용법
- Express가 제공하는 라우팅과 미들웨어, 서버 구축을 학습하여 Back-end 구축
- Socket.io를 활용한 웹소켓 실시간 통신

---------------
----------------------------- 
# 6. ASP.NET Back-end
## 6-1 C#
## [Repository 바로가기](https://github.com/Jaehwi-So/Cs_Programming)   
- C# 기반 서버 구축을 하기 위한 프로그래밍 언어 학습
- 클래스, 상속, 인터페이스, 추상 클래스, 컬렉션, 예외 처리
- Delegate(Action, Func, Predicate), 무명 메서드, 람다식, 비동기 처리, Linq
## 6-2 ASP.NET
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/ASP.NET%20%26%20Bootstrap)   
- C# 기반 웹 프레임워크인 ASP.NET를 통한 웹 어플리케이션 서버 구축
- IIS를 통한 서버 구축과 배포 원리

---------------
----------------------------- 
# 7. ORM, ODM Persistence Framework
- 객체와 관계형 데이터베이스의 데이터를 자동으로 매핑해주는 ORM, ODM 프레임워크의 사용
- 간편한 DBMS 관계 구축과 쿼리 수행이 가능해졌다.
- MyBatis, Sequelize, Mongoose

---------------
----------------------------- 
# 8. Android
## [Repository 바로가기](https://github.com/Jaehwi-So/Android_Study) 
- Java 기반의 안드로이드 App 개발 학습 정리 Repository
- 안드로이드의 레이아웃과 이벤트 패턴, 
- 구축한 서버 API를 안드로이드 상에서 사용

---------------
----------------------------- 
# 9. DevOps
## 9-1. Docker
## [Repository 바로가기](https://github.com/Jaehwi-So/WEB_STUDY_FullStack/tree/master/Docker)
- Docker를 이용한 이미지 빌드와 컨테이너 실행
- Docker 명령어, docker-compose 사용법, 볼륨 설정을 통한 마운팅
- 이미지 기반 실제 배포 

