이젠 아카데미 지능형 웹서비스 풀스택(프론트엔드, 백엔드)과정을 국비지원을 통해 수강하게 됐다.
이 과정의 목표는 백엔드에 대한 이해를 바탕으로 프론트 엔드 개발자를 육성하는 것을 목표로 하는 것 같다. 물론 1차적으론 취업이 목표겠지만.
오늘 배운 내용은 다음과 같다.
1. 기본적인 웹 브라우저 동작 방식
2. 문서 깨짐 현상
3. vscode 사용법
- 기본적인 웹 브라우저 동작 방식
1. 유저가 1번과 같이 특정 웹브라우저(ex. www.kookyung.com)에 접속을 시도한다. (원래는 xxx.xxx.xxx.xxx 이런식으로 ip주소를 입력해야 하지만 DNS을 통해 도메인 이름으로도 접속 가능 ) 웹브라우저는 DNS 에 매핑된 IP주소를 요청
- DNS는 웹브라우저에게 매핑된 IP 주소(192.168.0.1)를 웹에 전달
- 웹은 받은 IP 주소에 index.html 페이지를 요청한다.
- 웹 서버는 바로 웹 페이지를 공급하지 못하고, 웹 애플리케이션 서버와 데이터 베이스에서 웹 페이지 작업을 처리한다.
- 작업 처리 결과를 웹 서버로 보낸다.
- 웹 서버는 웹 브라우저에게 html 문서 결과를 응답한다. 그리고 웹 브라우저는 화면에 웹 페이지를 출력한다.
Domain Name System
ip주소와 Domain name을 매핑 시켜주는 시스템. 예로 AWS, Cafe 24,가비아(우리나라 도메인 관리)가 있다.
IP 주소
인터넷으로 통신하는 각 device(컴퓨터, 통신장비)에 부여된 고유한 값이다.
웹 클라이언트
서버에 자료를 요청하기 위해 http를 사용하는 클라이언트 프로그램 ex: Internet Explorer, FireFox, Chrome, Safari 등
웹 서버
웹 서버는 HTTP 프로토콜 기반으로 클라이언트(웹 브라우저 또는 웹 크롤러)의 요청을 서비스한다.
요청의 종류에 따라 웹 서버가 수행하는 기능이 달라진다.
1.정적 콘텐츠 요청 - WAS를 거치지 않고 웹 서버에 저장된 자원을 바로 제공한다.
2.동적 콘텐츠 요청 - 클라이언트의 요청을 WAS에 보내고, WAS가 처리한 결과를 클라이언트에게 전달한다.
WAS(Web Application Server)
- 브라우저 DBMS(데이터 베이스 관리 시스템) 사이에서 동작하는 미들웨어이다.
- DB 조회나 다양한 로직 처리를 요구하는 동적인 컨텐츠를 제공하기 위해 만들어진 Application Server
WAS 기능
프로그램 실행 환경과 DB 접속 기능 제공
여러 개의 트랜젝션(논리적인 작업 단위) 관리 기능
업무를 처리하는 비즈니스 로직 수행
웹 서버와 WAS 분리 이유
웹 서버에서는 정적인 데이터만을 처리하도록 기능을 분배햐여 서버의 부담을 줄여주고 WAS에서는 요청에 맞는 데이터만을 DB에서 가져와 비즈니스 로직에 맞게 그때마다 결과를 만들어 자원을 효율적으로 사용할 수 있다.
- 문자 깨짐 현상
인코딩은 코드를 해석하다는 의미인데, 대부분의 경우 문서를 작성할 때 작성하는 쪽의 인코딩 방식(문자 해석 방식)과 읽어들이는 쪽의 인코딩 방식이 다를 경우 글자가 제대로 보이지 않는 경우가 생긴다.
텍스트 작성에 쓰인 문자 인코딩과 텍스트를 열 때의 문자 인코딩이 다른 경우 글자가 깨져서 보일 수 있다
A형식으로 저장된 문자를 B형식으로 해석(인코딩)하려고 하면 문제가 생기는 것
- vscode 사용법
- h1에 h3 세개를 자식으로 만들고 싶다 -> h1>h33
"별": 반복
">": 자식
"+": 형제
참고 :
https://youngkyonyou.github.io/interview/2021/12/23/Interview-interview-09.html
https://80000coding.oopy.io/2352c04e-8f98-4695-a5fe-8c789ee94d98
