[노개북 챌린지] TIL 2023.02.22

 

 

📖 오늘 읽은 범위

에피소드 16 ~ 에피소드 21

 

 

 

📝 책에서 기억하고 싶은 내용

인터넷 익스플로러는 CSS를 최초로 적용한 웹 브라우저이다.

 

웹 브라우저의 핵심 프로그램을 '브라우저 엔진' 또는 '렌더링 엔진'이라고 한다.

브라우저는 엔진이라는 것을 장착해서 HTML, CSS, 자바스크립트를 이해할 수 있다.

-> 엔진의 성능이 웹 브라우저의 성능을 결정한다!

 

2003년에는 인터넷 익스플로러의 시장 점유율이 95%였다. 하지만 새 버전이 나오기까지 오랜 기간이 걸렸고 그 사이에 수많은 보안 취약점이 발견되었으나 빨리 고치지 않았다.

 

 

---

 

 

쿠키 : 브라우저를 통해 컴퓨터에 보관하는 기록물

HTTP (HyperText Transfer Protocol) : 인터넷에서 사용자와 정보를 주고받기 위한 프로토콜

HTTP에서 사용자와 서버는 항상 연결되어 있지 않다는 특징이 있다. 서버는 사용자가 누구인지 기억해야 할 때가 있기 때문에 쿠키가 필요하다!

ex) 웹 사이트에 로그인 후에 웹 브라우저를 끈 다음, 다시 웹 사이트에 방문하면 로그인이 유지됨

 

쿠키의 규칙

1. 쿠키는 도메인 1개에만 한정한다 (페이스북에서 생성된 쿠키는 넷플릭스에 보낼 수 없음)

2. 쿠키는 자동으로 보낸다 ('쿠키 수집에 동의하십니까?' 라고 묻는 곳도 있음)

3. 쿠키는 컴퓨터에 자동으로 저장된다

 

 

 

---

 

 

프런트엔드, 백엔드를 웹 개발 분야에서 많이 쓰다 보니 웹 개발만 떠올리는 사람들이 많은데 그렇지 않다.

 

프런트엔드 개발자

- 기술의 변화 속도가 엄청 빠르다.

- 내가 입력한 내용을 바로 볼 수 있다.

 

백엔드 개발자

- 개발 환경이 안정적이다.

- 기술 선택지가 다양하다.

- 사용자와 거리가 멀어서 흥미가 떨어진다.

 

 

---

 

서버의 외부 모습

- 모니터가 없거나 1개만 있다

- 항상 인터넷에 연결되어 있다

- 저장소와 메모리 크기는 모두 어마어마하다

 

서버의 내부 모습

- 서버는 24시간 내내 주소 입력을 기다린다

- 주소가 입력되면 그 주소에 해당하는 데이터를 꺼내서 보여준다

 

 

---

 

 

풀스택이란 프런트엔드, 백엔드, 그리고 데브옵스를 포함하는 것

프런트엔드, 백엔드 개발을 다 마치면 그걸 서버에 올려야 한다. 서버를 고르고, 설정하고, 서버에 소프트웨어도 설치하고, 데이터베이스 설정도 하고, 보안도 신경 써야 하고.. 이 모든 것을 데브옵스라 하고, 이런 일을 하는 사람을 데브옵스 개발자라고 한다.

 

풀스택 개발자 취업 시 점검 사항

- 백엔드로 노드제이에스를 사용하나요? 아니면 파이썬을 사용하나요?

- 데브옵스는 할 수 있지만 개발에 더 집중하고 싶은데, 개발 프로세스가 궁금해요!

- 팀원은 몇 명인가요?

 

 

---

 

 

예전에는 서버를 전부 수동으로 관리했다.

아마존이 E2C 서비스를 선보이면서 사무실 한쪽 구석을 차지했던 서버를 아마존이 대신 운영해 주게 됨. 하지만 서버의 소프트웨어 관리는 직접 해야 함. 이때 서버리스가 등장!

 

서버리스에선 함수(백엔드 코드)들이 잠을 자고 있음. 함수들이 필요할 때(요청) 깨워서 요청한 작업을 수행하고, 다시 잠에 듦. 비용면에서 큰 장점이 생김.

 

서버리스의 단점

1. 서버리스의 함수는 잠에서 깰 때 시간이 필요하다 : 콜드 스타트

2. 서버 제공자에게 지나치게 의존한다

 

서버 관리, 설정에서 시간을 아끼고 싶다면 서버리스를 추천!

serverless.com, AWS 람다, 구글 클라우드 펑션, 아펙스, 테라폼 등

 

 

---

 

 

브라우저 익스텐션 추천 - ColorZilla, Momentum, CSSViewer, JSON Viewer, React Developer Tools, WhatFont, Grid Ruler, BuiltWith Technology Profiler,

 

 

 

 

🙂 오늘 읽은 소감

풀스택은 프론트엔드, 백엔드를 합쳐서 부르는 이름인 줄 알았는데 데브옵스까지 포함이었다니..

개발에 입문할 때부터 풀스택까지 하고 싶단 생각은 없었는데 더 없어졌다! (ㅋㅋㅋ)

백엔드 개발자로 자리를 좀 잡게 된다면 욕심이 생길지도 모르겠다.

 

개발 수업 들을 때 깔아놓은 익스텐션들이 이 책에도 있어서 내적 반가움ㅎㅎ

 

 

 

❓ 궁금한 내용, 잘 이해되지 않는 내용

현재 웹 브라우저의 점유율은 어떻게 될까?

-> 스탯 카운터에서 데스크톱 기준으로 조회해보니 크롬이 66%로 압도적이고, 엣지(11%)와 사파리(9%), 파이어폭스(6%) 순으로 비슷했다.

https://gs.statcounter.com/

Statcounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share

 

 

 

 

 

👍Mission : 나의 최애 북틸

 

https://nomadcoders.co/community/thread/7339

[노개북] IT 5분 잡학사전 episode 16 ~ 21 – 노마드 코더 Nomad Coders

내용 정리가 깔끔하게 되어있다.

 

https://nomadcoders.co/community/thread/7342

IT 5분 잡학사전 챌린지 – 노마드 코더 Nomad Coders

TIL에 작성한 소감이 공감되는 내용이다.

 

https://nomadcoders.co/community/thread/7343

[TIL] IT 5분 잡학사전 ep. 16~21 – 노마드 코더 Nomad Coders

3줄 요약이 인상깊었다.

 

 

소감

솔직히 티스토리에 TIL을 작성하면서 다른 사람들의 TIL은 찾아보질 않았는데

이렇게라도 다른 사람들의 TIL을 읽어보면서 내 TIL과 차이점을 비교해볼 수 있고

소감도 읽어보면서 공감할 수 있어서 좋았다.