devysk / web_study_fullstack

Full-Stack Study with Simple Projects. (HTML/CSS, JavaScript/ES6/Typescript, Bootstrap/Angular7, Node.js/Express, Java/JSP/Spring, ASP.NET(C#), MySQL/MariaDB/OracleDB/MSSQL/MongoDB, Docker)

WEB Study

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

• 주제에 따른 예제 프로젝트와 Markdown 문서를 통한 정리

---

1. 웹 표준
   • 1-1. HTML, CSS
   • 1-2. JavaScript
2. DBMS
   • 2-1. Oracle Database
   • 2-2. MySQL
   • 2-3. MS-SQL
   • 2-4. MariaDB
   • 2-5. MongoDB
3. Front-end
   • 3-1. Bootstrap
   • 3-2. Typescript
   • 3-3. Angular
4. Java Back-end
   • 4-1. Java
   • 4-2. JSP
   • 4-3. Spring Framework
     • Maven
5. NodeJS Back-end
   • ECMAScript6
   • Node.js
   • Express
   • Template Engine
6. ASP.NET Back-end
   • 6-1. C#
   • 6-2. ASP.NET
7. ORM, ODM Persistence Framework
   • MyBatis
   • Sequelize
   • Mongoose
8. Android
9. DevOps
   • 9-1. Docker

---

---

1. 웹 표준

1-1. HTML, CSS

Repository 바로가기

• 웹 표준에 해당하는 HTML 문서를 쓰는 방법과 주요 태그들의 사용법
• CSS를 통한 디자인 패턴을 공부한 Respository

1-2. JavaScript

Repository 바로가기

• 동적 웹 페이지를 위한 스크립트 언어인 자바스크립트의 기본적인 사용법 정리 Repository
• Jquery, React.js를 비롯한 라이브러리의 사용은 따로 정리하지 않음

---

---

2. DBMS

2-1. Oracle Database

Repository 바로가기

• 데이터베이스의 정의와 관계형 데이터베이스의 사용법
• RDBMS에 해당하는 Oracls DB의 사용법
• 데이터베이스 프로그래밍을 위한 SQL Query를 정리하고 실습한 Repository

2-2. MySQL

Repository 바로가기

• 데이터베이스의 정의와 관계형 데이터베이스의 사용법
• RDBMS에 해당하는 MySQL의 사용법
• SQL Query 정리 및 실습

2-3. MS-SQL

Repository 바로가기

• Microsoft SQL Server Database : 관계형 데이터베이스의 사용법
• 환경 설정 및 기본 쿼리문 수행 방법

2-4. MariaDB

• Maria DB의 기본 환경 설정 및 쿼리 수행

2-5. MongoDB

Repository 바로가기

• NoSQL 데이터베이스의 정의
• NoSQL에 해당하는 MongoDB의 사용법
• Query 정리 및 실습

---

---

3. Front-end

3-1. Bootstrap

예제1 예제2

• Bootstrap Template 이용
• Grid를 통한 레이아웃
• 테마와 반응형 웹

3-2. Typescript

• 앵귤러와 TSOA 기반 애플리케이션을 만들기 위한 타입스크립트.

3-3. Angular

Repository 바로가기

---

---

4. JAVA Back-end

4-1. Java

Repository 바로가기

• Java 기반 서버 구축을 하기 위한 프로그래밍 언어 학습
• 클래스, 상속, 인터페이스, 추상 클래스, 컬렉션, 예외 처리, 입출력, 람다식 등 학습

4-2. JSP

Repository 바로가기

• 웹을 보다 쉽게 구축할수 있도록 만들어주는 서버 사이드 스크립트 언어인 JSP 학습
• 데이터베이스의 연동과 Tomcat을 통한 서버 구축
• MVC 패턴을 이용한 웹 어플리케이션의 구축과 간이 프로젝트 구현

4-3. Spring Framework

Repository 바로가기

• Java 기반 서버를 구축하는 데에 유용한 프레임워크 학습
• 스프링이 제공하는 모듈화, IoC 컨테이너 구축, AOP, MVC, 데이터 검증 등 습득
• 웹 어플리케이션 디자인 패턴 학습과 간이 프로젝트 구현
• 실습 프로젝트와 함께 Markdown을 이용하여 개념 정리

---

---

5. Node.js Back-end

Repository 바로가기

• 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 바로가기

• C# 기반 서버 구축을 하기 위한 프로그래밍 언어 학습
• 클래스, 상속, 인터페이스, 추상 클래스, 컬렉션, 예외 처리
• Delegate(Action, Func, Predicate), 무명 메서드, 람다식, 비동기 처리, Linq

6-2 ASP.NET

Repository 바로가기

• C# 기반 웹 프레임워크인 ASP.NET를 통한 웹 어플리케이션 서버 구축
• IIS를 통한 서버 구축과 배포 원리

---

---

7. ORM, ODM Persistence Framework

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

---

---

8. Android

Repository 바로가기

• Java 기반의 안드로이드 App 개발 학습 정리 Repository
• 안드로이드의 레이아웃과 이벤트 패턴,
• 구축한 서버 API를 안드로이드 상에서 사용

---

---

9. DevOps

9-1. Docker

Repository 바로가기

• Docker를 이용한 이미지 빌드와 컨테이너 실행
• Docker 명령어, docker-compose 사용법, 볼륨 설정을 통한 마운팅
• 이미지 기반 실제 배포