부스트코스 웹 기초

1. 프로그램 언어의 이해

-저급언어 : 기계어 0,1 2진수로 이루어진 언어

-고급언어 : 사람중심의 언어 소스코드를 번역하는 과정 필요 이를 컴파일 이라함

*FORTRAN : 최초의 고급언어 주로 과학 계산용

*COBLO 

*C

*Kotlin : JVM기반 언어 java와 상호운여여 100%지원

*Python : 적은 코드로 프로그램 개발가능 

*JAVA

*PHP 

*JavaScrip

*Ruby

-컴파일러

 

2. 웹의 동작

웹브라우저와 웹 서버간의 통신을 위한 규약 필요

HTTP 프로토콜

종류가리지 않고 전송 가능

서버 / 클라이언트 모델

장: 불특정다수 서비스 적합

단: 무상태(stateless) : 이전상황 알 수 없음... 그래서 Cookie 같은 기술이 등장

 

URL

자원(이미지,동영상)의 위치

프로토콜의 종류 / 자원이 있는 서버의 ip,도메인주소,포트번호 / 자원의 위치 / 문서의 이름

 

1. 클라이언트 -> 웹서버 connect

2. 클라이언트 -> 웹 서버 request 

get : 요청 메서드( get방식은 요청바디가 없음)

3. 웹서버 -> 클라이언트 response

응답헤더/응답바디로 구성

4. close stateless

 

*get 요청 암호화X 조회 사용 

*post 암호화 입력 사용 

 

3. 웹 FE BE 

 

웹프론트엔드

-콘텐츠(리소스) 제공

-요구에 반응해 동작

 

html : 구조

css : 디자인 가독성

javascript : 사용자의 요청을 잘 반영해야함, 동적제어

 

html-css-js.com/

HTML CSS JavaScript

 

 

웹 백엔드

-클라이언트가 제시한 문제 해결해야함

-프로그래밍 언어..(javascript, JAVA, Python, PHP)

-웹동작원리

-알고리즘,자료구조 등 프로그래밍 기반 지식

-운영체제, 네트워크 이해

-프레임워크에 대한 이해 (Spring)

-DBMS에 대한 이해와 사용방법 (Oracle)

 

4.browser의 동작

web browser rendering

css코드는 head안에 위치해서 렌더링 처리시에 브러우저가 빨리참고할수있도록 하는것이 좋다

script코드는 body끝나기 전에 위치해야 렌더링을 방해하지 않아 좋음

 

5.웹서버

웹서버 소프트웨어가 동작하는 컴퓨터

클라이언트가 요청하는 html문서나 리소스를 전달하는것

동적이거나 정적(이미지..등등)인결과일 수 있다.

웹크롤러: 다른웹사이트 정보 읽어가는것

 

웹서버 소프트웨어 종류

*apache

*Nginx : 차세대 웹서버로 적은 자원으로 더빠르게 데이터를 서비스하는것을 목적으로 만들어짐

*microsoft

*google

 

6.WAS Web Application Server

미들웨어 

was : 일종의 미들웨어로 웹클라이언트의 요청중 보통 웹 애블리케이션이 동작하도록 지원하는 목적을 가진다

1. 프로그램실행환경과 데이터베이스접속기능제공

2. 여러개의 트랜젝션관리

3. 비지니스 로직수행

4. 웹서버의 기능도 기본적으로 지원 

톰캣 

버전별 지원하는 자바의 버전,서블릿 스펙이 다르므로 버전확인 중요 

 

 

jsbin.com/?html,css,js,output

JS Bin