[Internship] Training 1일차 : Latest Technology

Front - End

1. html (hyper text markup language)
2. dynamic html : css, js, html
3. xhtml : xml (extandable markup language) + dhtml
xml 약속 : dtd, 스키마
html5 : 다양한 tag 추가 됨 ( canvas, audio ) + css3.0

4. 동적인 HTML 가능.
JSP : 자바 서블렛 페이지 ( 자바 : VM을통한 범용성 좋지만, resource 부하)
ASP : C (Microsoft가 밀었음)
PHP :  

5. WAS(Web Application Server) 
Tomcat : 자바로 이루어져있음 - 자바 수요 상승

6. spring : JSP에서 html과 Java 코드 분리
java 코드 예약어로 두고 was에서 바꿔치기 ( 하나의 DP로 자리잡음)

7. Front Back의 등장 : 서버의 부하를 줄이기 위함.
user - server 에서 user - Front - Back

8. Jquery : DOM(Document Object Model) 찾기 위한 것. 

9. React(Facebook), Vue.js, Angular(Google), sevlet : Front 조립식으로 만들어보자 ( Component  + a)
SPA ( Single Page Application ) : 기존은 Multiple Page Application
기존의 렌더링은 Front에서 진행. SPA는 브라우저에 올리면 JS가 다 그림.
좋은 점 : 최초 로딩 제외 Performance 가 우수.
JSON 파일들을 AJAX로 주고 받는다. 
단점 : 리로드시, 새로 시작. 상태 저장? 

10. Vue.js
why? easy to start.

---

Latest Tecnology

FE

1. HTML 5.0
2. CSS 3.0 : SASS, SCSS : 연산 + 동적 가능
3. Javascript : 스크립트엔진 성능. Interpreter 언어라서 뻑나면 안띄움.
 JS6 = ECMA script. TypeScript.

 

JSON ( JavaScript Object Notation ) 

1. HTTP ( HyperText Transfer Protocol )
2. RESTful API : Method, URL, Data. graphQL( Facebook, RESTful 보완 )
3. Token ( 세션과 쿠키의 단점 해결 ) - Oauth ( 구글 login, 카카오 login, 네이버 login )  

 

BE

1. Spring
2. Django* : DDL생성 ( Data Definition Language )
3. Node.js : JS로 백엔드까지.(범용성)
4. ES(엘라스틱서치) : ELK Stack ( ElasticSearch, Logstacy, Kibana, Beats ) 

 

ORM ( Object Relationship Mapping )
ex) findall()

DB

1. RDB* : 종. data 위로 쌓는다. 커질 수록 부하가 큼. (게임, 은행)
- PostgreSQL
2. NoSQL : 횡. 정형화x, 넣고빼기 좋음.
-MongoDB : JSON으로 데이터를 준다.

 

APP

Kotlin, Swift ( MVP, MVC, MVVM ) 

 

Configuration

Docker vs VM
Image(Class,객체) 를 Instance처럼 사용한다.
K8 : 오케스트레이션, Docker의 Container 들을 관리.

 

Tool 

1. VSC
2. pyCharm
3. gitLab , SVN  

---

Homework

1. html 버전 차이점.
2. 세션과 쿠키의 차이점.
3. (교육) ECMA script, CSS selector, Vue Webpack 공부