책에서 기억하고 싶은 내용

[ 에피소드 16. 인터넷 익스플로러가 사리진 이유와 브라우저 엔진 ]

CSS 기술을 최초로 지원한 웹 브라우저가 바로 인터넷 익스플로러야. 여기서 '지원'이라는 표현을 기억해 둬 (p.97)
브라우저엔진 또는 렌더링 엔진
- 게코(gecko) : 파이어폭스
- 블링크(blink) : 크롬
- 웹킷(webkit) :사파리
자바스크립트에는 에크마스크립트(ECMAScript)라는 표준안이 있고, 이를 웹 브라우저에 실행할 수 있게 해주는 프로그램인 엔진이 있어
크롬 브라우저는의 엔진은 v8이라고 하지. 참고로 v8 엔진은 크롬 브라우저뿐 아니라 노드제이에스, 디노와 같이 자바스크립트를 해석해야 하는곳에서도 쓰여(p.99)
엔진의 성능이 바로 웹 브라우저의 성능을 결정한다든 거지 (p.99)

[ 에피소드 17. 아, 쿠키가 먹는게 아니라고요? ]

HTTP에서는 우리와 서버는 항상 연결 되어 있지 않다(stateless)는 특징이 있어. (p.102)
서버는 가끔 우리가 누구인지 기억해야한다는 거야. 그래서 쿠키가 필요한 거야.(p.102)
쿠키는 여러분이 웹 사이트에 접속할 때 마다 서버에 전송되어서 기억을 되살리는 역할을 해.(p.103)
쿠기는 편의,보안 등의 이유로 몇가지 규칙을 따라야 한다. (p.103)
- 쿠키는 도메인 1개에만 한정한다.
- 쿠키는 자동으로 보낸다.
- 쿠키는 컴퓨터에 자동으로 저장된다.
블로그의 페이스북 좋아요 버튼을 눌렀을때 벌어지는 일
- 쿠키 123을 가진 사용자 니꼬는 린의 블로그에서 좋아요 버튼을 눌렀다. (p.106)

[ 에피소드 18. 프런트엔드, 벡엔드? ]

[ 에피소드 19. 서버가 뭔지 아직도 모른다고? ]

[ 에피소드 20. 슈퍼 개발자만 할 수 있다. 풀스택? ]

풀스택이란 프런트엔드, 백엔드, 그리고 데브옵스를 포함하는 거야 (p.119)
프런트엔드 간단 정리 (p.120)
- 프런트엔드는 사용자가 보는 화면의 인터페이스를 의미해 웹사이트를 이용할 때 볼 수 있는 버튼, 입력란, 애니메이션, 반응형 디자인 등을 말하는 거지
- 프런트엔드 개발은 HTML, CSS, 자바스크립트, 리액트, 제이쿼리, Vue.js 등 다양한 기술을 공부해야 할 수 있어. 이 기술들은 모두 사용자와 상호작용하기 위한 것이야.
백엔드 간단 정리 (p.120)
- 백엔드는 사용자가 눈으로 볼 수는 없지만 실제로는 사용해야 하는 기능이야 예를 들어 계정 생성, 동영상 업로드, 댓글 저장 기능 같은 것이지
- 백엔드 개발은 PHP, 자바, 파이썬, 자바스크립트, C# 등 많은 언어를 공부해야해
데브옵스 (p.121)
- 프런트엔드, 백엔드 개발이 마치면 서버에 올려줘야 해, 서버를 고르고, 설정하고, 서버에 소프트웨어도 설치하고, 데이터베이스 설정도하고, 보안도 신경써야하고, 할것이 너무나 많아
가끔 풀스택 개발자는 무조건 모든 영역을 다 개발해야 한다고 생각하는데, 할 수 있는것과 하는 것은 엄연히 다른거야 (p.121)

[ 에피소드 21. 서버리스는 서버가 없다는 뜻? ]

오늘 읽은 소감

그 당시 인터넷 익스플로러가 많이 사용된다는것은 알고 있었지만 2003년에는 시장 점유율이 95%나 된지는 몰랐다.
그리고 가장 중요한 보안 문제가 있었는데, 왜 빨리 고치지 않았는지 이해가 안가는데 한번 찾아봐야할거 같다.
멋지게 꾸며진 사이트를 어떻게 만드나 궁금했는데 브라우저 익스텐션 중 CSSViewer를 사용하면 CSS속성을 볼 수 있다고하니, 나중에 프론트 쪽을 배우게 된다면, 도움이 많이될것 같다
음 오늘 풀스택에 관해 알게되었는데, 나는 능력이 된다면 풀스택 개발을해서 처음부터 끝까지 개발에 참여하고 운영까지 해보면 재밌을거 같다. 많은 노고가 있겠지만 ....

Ajax (Asynchronous JavaScript and XML) : 웹 사이트에서 어떤 내용을 업데이트하면 새로 고침으로 확인해야 하는데 그 과정 없이 업데이트한 내용을 볼 수 있게 해주는 기술
브라우저 익스텐션 : 웹 브라우저에 추가로 장착할 수 있는 도구를 말한다. (확장 프로그램)
데브옵스(DevOps) : 소프트웨어 개발자와 정보 기술 전문가 사이에 소통, 협업, 통합을 강조하는 개발 환경이나 문화를 말한다.
서버리스(Serverless) : 직접 관리하지 않는 서버, 우리 곁에 없는 서버
빌드위드 테크놀로지 프로파일러(BuiltWith Technology Profiler) : 웹 사이트가 어떤 기술로 만들어졌는지 알려 주는 익스텐션

jojo2620님 : https://nomadcoders.co/community/thread/6526
선정 이유 : "친구에게 "네가 만든 웹 사이트 데이터베이스 구조가 정말 멋지다!"라고 말해주면 좋아하려나." <- 내가 듣고 싶어서 ㅎㅎ
danhee.an : https://nomadcoders.co/community/thread/6522
선정 이유 : 나와 같은 생각을 하신것 같다. 아마존 ⭐️
son 님 : https://nomadcoders.co/community/thread/6539
선정 이유 : TIL 3줄 요약이 좋았다 ㅎ

1 comment