TIL - DAY 4
📝 책에서 기억하고 싶은 내용을 써보세요.
16. 인터넷 익스플로러가 사라진 이유와 브라우저 엔진
최신 기술을 가장 빨리 지원했던 인터넷 익스플로러
CSS, Ajax(Asynchronous JavaScript and XML)를 최초로 적용한 웹브라우저
프런트엔드 기술을 ‘지원’하는 브라우저 엔진
웹 브라우저의 핵심 프로그램을 브라우저 엔진 혹은 렌더링 엔진이라고 부름
- 파이어폭스: 게코(gecko)
- 사파리: 웹킷(webkit)
- 크롬: 블링크(blink, 웹킷의 다른 버전)
- 마이크로소프트 엣지: 엣지(edge, 크롬 브라우저의 엔진인 블링크)
엔진 성능이 웹브라우저의 성능을 결정한다. → 최신 표준안, 최신 기술을 지원한다면 최신 웹 브라우저
점유율만 믿고 게으름 피운 인터넷 익스플로러
2003년 인터넷 익스플로러 점유율 95% → 새 버전 출시 까지 오래 걸림, 보안 문제 발생, 다른 웹 브라우저의 발전
17. 아, 쿠키가 먹는 게 아니라고요?
우리가 누구인지 알고 있는 쿠키
어떤 웹 사이트를 방문했을 때 브라우저를 통해 방문자의 컴퓨터에 보관하는 기록물
HTTP가 뭐죠?
HyperText Transfer Protocol의 줄임말, 인터넷에서 정보를 주고받기 위한 프로토콜
→ 인터넷에서 사용자와 서버가 정보를 주고받기 위한 일종의 규칙
우리를 기억하지 못하는 HTTP
HTTP 특징: stateless, 서버는 항상 연결되어 있지 않다. 서버가 기억하려면 쿠키 필요
로그인으로 알아보는 쿠키
영수증 = 쿠키(웹 사이트 접속할 때마다 서버에 전송 서버의 기억을 되살리는 역할)
사용자 로그인 시 서버에서 영수증 같은 것을 발행 → 신뢰하는 사용자 누구누구 → 이 영수증이 컴퓨터 어딘가에 저장됨
같은 웹 사이트에 접속하면 → 영수증을 서버에 보내 누구누구 → 로그인 상태 유지
쿠키에도 규칙이 있다고?
- 도메인 1개에만 한정한다. (페이스북에서 생성된 퀴는 넷플릭스에 보낼 수 없다.)
- 자동으로 보낸다. (웹 사이트 처음 접속시 ‘쿠키 수집에 동의하십니까?’ 혹은 자동으로 쿠키를 보냄)
- 컴퓨터에 자동으로 저장된다.
페이스북은 우리가 접속한 다들 사이트를 어떻게 알까?
도메인과 상관없는 쿠키도 있다.
블로그에 페이스북 좋아요를 누르면 벌어지는 일
블로그에 페이스북의 좋아요가 달려 있다면?
블로그와 페이스북이 연결됨 (쿠키 123을 가진 사용자 누구누구는 이 블로그에서 좋아요 버튼을 눌렀다.)
18. 프런트엔드, 백엔드?
프런트엔드, 백엔드 의비부터 제대로 알고 넘어가자!
프런트엔드 개발자, 당신은 누구인가요?
단점: 기술의 변화 속도가 엄청 빠르다!
장점: 내가 입력한 내용을 바로 볼 수 있다!
백엔드 개발자, 당신은 누구인가요?
단점: 사용자와 거리가 멀어서 흥미가 떨어진다!
장점: 개발 환경이 안정적이다!, 기술 선택지가 다양하다!
19. 서버가 뭔지 아직도 모른다고?
서버는 그냥 컴퓨터다
항상 켜져 있는 컴퓨터이면서 인터넷에 연결되어 있고 접속 요청에 응답하는 컴퓨터
서버의 외부 모습
- 모니터가 없거나 1개만 있다.
- 항상 인터넷에 연결되어 있다.
- 저장소와 메모리 크기는 모두 어마어마하다.
서버의 특징
- 서버는 24시간 내내 주소 입력을 기다린다.
- 주소가 입력되면 그 주소에 해당하는 데이터를 꺼내서 보여 준다.
20. 슈퍼 개발자만 할 수 있다, 풀스택?
풀스택(full stack)은 프런트엔드, 백엔드, 데브옵스다
데브옵스란 소프트웨어의 개발(development)과 운영(operations)의 합성어, 소프트 웨어 개발자와 정보 기술 전문가 사이에 소통, 협업, 통합을 강조하는 개발 환경이나 문화를 말한다.
프론트엔드 사용자가 보는 화면의 인터페이스 의미함(user interface, UI) 사용자와 상호작용하는것을 의미
백엔드 사용자가 눈으로 볼 수는 없지만 실제로 사용해야 하는 기능(계정 생성, 동영상 업로드, 댓글 저장 기능…)
풀스택 프런트엔드, 백엔드 개발을 다 마치면 서버에 올려야 한다. 서버를 고르고, 설정하고, 서버에 소프트웨어도 설치하고, 데이터베이스 설정, 보안… 이런 일을 하는 사람을 데브옵스 개발자라고 함. 프런트엔드, 백엔드, 데브옵스를 다 할 수 있는 사람이 풀스택 개발자이다.
풀스택 개발자로 일하고 싶다면 이런 회사는 조심!
풀스택 개발자 취업 시 점검 사항
- 백엔드로 노드제이에스를 사용하나요? 아니면 파이썬을 사용하나요?
- 데브옵스는 할 수 있지만 개발에 더 집중하고 싶은데, 개발 프로세스가 궁금해요!
- 팀원은 몇 명인가요?
21. 서버리스는 서버가 없다는 뜻?
서버리스는 영어로 serverless인데 직역하면 ‘서버 없음’이다, 서버가 없긴 없는데 진짜로 서버가 없다는 뜻은 아니다.
있기는 하지만 우리 곁에 없는 서버, 서버리스
서버리스는 서버 없음이 아니라 우리가 직접 관리하지 않는 서버를 의미
원래 서버는 우리 곁에 있었다.
서버리스가 없던 시절 실제 회사마다 서버를 직접 구매해서 전원을 꽂고 인터넷을 연결해서 관리했다. (서버를 전부 수동으로 관리)
아마존의 등장으로 서버는 우리 곁을 떠났다
EC2(Amazon Elastic Compute Cloud)라는 서버를 아마존이 대신 운영, 탄력적으로 (elastic) 운영할 수 있게 됨
최신 서버를 정전이나 각종 사고 없이 안전하게 제공, 관리해 주는 서비스 하드웨어를 제공함
서버의 소프트웨어 관리(운영체제 업데이트, 보안 점거, 장애 회복 시스템 구축, 데이터 백업 등)은 직접 해야함
→ 서버리스 등장!
서버리스, 서버 제공붜서버의 소프트웨어 관리 그리고 더!?
등록한 함수가 실행된 만큼만 돈을 내면 된다.
서버리스의 단점
- 서버리스의 함수는 잠에서 깰 때 시간이 필요하다: 콜드 스타트(cold start)
- 서버 제공자에게 지나치게 의존한다.
서버리스는 누가 쓰는 것이 좋을까?
서버관리, 설정에서 시간을 아끼고 싶다면 사용(사이드 프로젝트, 프로토타입 빠르게 출시 하고 싶은 기업)
서버리스를 배우고 싶다면, 서버리스 프레임워크 사이트(serverless.com), AWS 람다, 구글 클라우드 펑션(Google Cloud Functions), 아펙스(Apex), 테라폼(Terraform)
🤩 오늘 읽은 소감은? 떠오른 생각을 가볍게 적어보세요
🔖 궁금한 내용이 있거나, 잘 이해되지 않는 내용이 있다면 적어보세요.
Mission: 나의 최애 북틸
간단히 핵심 포인트만!!
TIL #11~#15 – 노마드 코더 Nomad Coders
깔끔한 정리!!
Comments powered by Disqus.