# browser
브라우저는 어떻게 동작할까?
들어가기 전, 주니어 FE 개발자로 지내면서 "어떻게 브라우저는 동작을 할까?" 고민을 하다가 공부하면서 Posting을 하게 되었습니다. 네이버 D2에서 잘 설명이 되어있어 그 내용을 가져오고, 다른데에서 찾아본 마크업 최적화 Tip을 함께 적을 예정입니다. 1.
TIL day 9 Browser Compatibility and Transpilation
웹 브라우저는 주기적으로 업데이트가 필요하다. 그 이유는 보안취약성 해결, 기능추가, 새로운 HTML,CSS, JavaScript 문법 지원이 있다. 현재는 2015년에 ECMA international에서 새롭게 배포한 버전인 ECMAScript2015가 사용되고 있
TIL - 웹이 동작하는 방식
😎웹의 동작에는 크게 요청과 응답이 존재한다.사용자의 요청, 브라우저의 요청, 서버의 응답, 브라우저의 응답 등이 존재한다.요청과 응답에 있어 배포, 호스팅, URL, IP등에 대한 이해가 필요하다.(면접에도 자주 나온다니 열심히 기억해보자:🚀)만약 브라우저에 ww
Web Architecture
웹 아키텍쳐를 말하기에 앞서 웹이 작동하기 위해 필요한 체계와 같은 클라이언트와 서버를 알아야 한다. 현재 내가 사용하는 컴퓨터는 클라이언트가 될 수도 있고, 서버가 될 수도 있다. 물론 서버 컴퓨터는 안정성이 매우 중요하지만 각자 우리가 사용하는 컴퓨터 또한 서버가
크로스 브라우징(Cross Browsing)
웹 페이지 제작시에 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게(호환성) 나오게 하는 작업입니다.HTML, CSS, JavaScript 작성 시 W3C의 웹 규격에 맞는 코딩을 함으로써 어느 브라우저, 기기에서 사이트가 의도 된 대로 보여지는 기법이기도 합니다.
[Internet] 브라우저? 개념정리 동작원리-IMBETPY
🌌 브라우저? > web browser 또는 browser 는 웹 서버에서 이동하며, 쌍방향으로 통신하고, HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트웨어이다. 🚩 브라우저의 핵심기능 브라우저의 주요 기능은 웹 자원을 브라우저 화
Browser
대다수의 HTML 문서 중에서 최상단에 위치한 <!doctype HTML> 구문은 이 문서가 어떤 버전의 HTML으로 작성되었가를 브라우저에 알려준다는 뜻으로 알고 있을 것입니다. 그리고 많은 개발자가 웬만하면 저 구문을 꼭 첫 번째 줄에 넣으라고 합니다. 이러
Web Architecture
네이버를 켜서 검색창에 원하는 정보를 검색하고 실시간으로 오르내리는 검색어를 보는 것과 같은 일상 속 너무나도 당연한 일련의 과정들을 user, client, server와 같은 용어로 부분 부분을 나누어 어떤 역할을 하는지를 배우는 과정이 어렵고 혼란스러운 부분이
익스플로러 사용 유무
웹페이지 제작할 때, 어떤 브라우저를 사용하는지 확이하기 위함이다. navigator : browser의 정보를 제공하는 객체userAgent : 클라이언트가 사용하는 browser의 종류
브라우저(Chrome)와 Node.js 환경차이
브라우저: html, css, javascript를 실행하여 웹페이지에 렌더링하는 것이 목적Node.js: 서버개발환경을 제공하는 것이 주된 목적공통점 : 둘 다 ECMAScript(javascript)를 실행할 수 있다. V8엔진을 사용한다.참조: https
UA(navigator.userAgent)가 사라진다
참고 https://www.zdnet.com/article/google-to-phase-out-user-agent-strings-in-chrome/
Basic Server-Client-Browser
ISO(국제 표준화 기구)와 International Telegraph and Telephone Consultative Committee(국제 전신 자문 위원회)에서 각각 정의해놓은 네트워킹 모델을 정의해놓은 문서를 통합하여 Open Systems Interconnec
브라우저와 HTML
HTML 4.x 이후의 HTML 표준의 변천사 HTML 4.01 이전에는 CSS는 HTML 안에 embedded된 형식이었다. 그렇기 때문에 여러 개의 페이지가 있으면 각각의 페이지마다 CSS를 모두 입력해주어야 했고, 반복된 CSS도 굉장히 많았다. HTML 4.0
[부스트코스] 웹 프로그래밍 기초, 3) Browser의 동작
반가워요, 벌써 세 번째 포스팅입니다 ! 잠시 부스트코스 강사님들의 강의에 대해 개인적인 사견을 붙여보겠습니다. 부스트코스의 강의는 굉장히 알기 쉽게 설명해주시는 것과 동시에 알아야 할 것 들만 콕콕 찝어주는 기본에 충실한 강의라고 생각합니다. 덕분에 쉽고 재밌게 많은
TIL no.97 - WEB - 3 - How Browsers Work
해당 포스팅은 How Browsers Work: Behind the scenes of modern web browsers을 번역, 의역, 구성 재배치, 첨언한 것입니다. 오역은 댓글로 남겨주시면 감사하겠습니다. 1. Introduction 웹 브라우저는 가장 널리 쓰이는 소프트웨어입니다. 이 글은 웹 브라우저들이 뒷단에서 어떻게 작동하는지 설명합니다. ...
개발자 도구의 console에서 javascript를 사용할 수 있는 이유
🤷♂️ 왜 되지? why.png 위 스크린샷처럼 개발자 도구의 콘솔 탭을 열고 javascript 코드를 작성하면 잘 작동하는 모습을 볼 수 있습니다. 모든 프로그래밍 언어가 그렇듯 javascript도 실행되려면 프로그래머가 작성한 javascript 코드를 기계가 해석할 수 있게 만드는 과정을 거쳐야 할텐데 브라우저에서 이게 왜 바로 실행되는걸까...
로컬에서 CORS policy 관련 에러가 발생하는 이유
🚀 발단 위와 같은 html 파일을 로컬환경에서 크롬 브라우져로 실행시켰더니 >Access to script at 'file:///C:/경로/js/module.js' from origin 'null' has been blocked by CORS policy: Cr
[TIL] Browser, Server, API, HTTP, AJAX
Browser 브라우저는 가장 많이 사용되는 응용 소프트웨어로, 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 표시하는 것이다. 자원은 보통 html문서이지만, pdf나 이미지 또는 다른 형태일 수 있다. 누군가 작성한 html, css코드를 화면으로 띄워준다는 의미에서 볼 때, 작성한 코드를 컴퓨터가 알아들을 수 있도록 바꿔주는 일을 한다고 할 수 ...
TIL - Basic Web Architecture
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. Browser: 클라이언트와 서버 간 요청/응답이 이루어지는 장(크롬, IE 등) 스크린샷 2019-12-02 오전 11.21.28.png 2. Client and Server* 스크린샷 2019-12...