본문 바로가기
반응형

HTML, CSS, Javascript9

[JavaScript] 웹 브라우저에 대한 기초 지식, BOM 웹브라우저 역시 하나의 프로그램이다. 아래의 이미지는 구글에서 일부러 에러페이지를 불러온 화면이다. 이 페이지 자체는 사용자의 입장에서 "아 뭐야~" 하면서 짜증나는 에러일 뿐이지만, 사실은 '크롬'이라는 이름의 웹을 탐색하게 해주는 프로그램(=웹 브라우저) 위에 구글에서 심플하게 만들어 둔 에러 페이지가 보여지는 중인 것이다. 우리가 자주 사용하는 '웹 브라우저'라는 프로그램은 사실 HTML문서를 해석해주는 프로그램, 이미지를 화면에 그려주는 프로그램, 자바스크립트를 해석해주는 프로그램 등 문서를 보여주기 위해 필요한 여러가지 기능의 프로그램들의 집합체이다. (보이지 않기 때문에 느끼지 못할 뿐 내부엔 여러가지 기능을 수행하는 parser가 있다.) 웹 브라우저도 프로그램이기 때문에 코드로 이루어져있고.. 2023. 3. 20.
HTML 문자셋과 인코딩 (이클립스 인코딩 설정) [웹브라우저를 바라보며] 웹 브라우저 위에 보여지는 웹 페이지들은 마치 여러 장의 문서를 미리 준비해두고 사용자가 요청했을 때 해당 내용에 대한 문서를 빠르게 보여주는 식으로 작동되는 A4용지 위에 작성된 문서와 같다. 이 종이 위에는 그림을 그릴 수도 있고, 문서를 작성할 수도 있으며, 다양한 필체와 그림으로 한 장에 빼곡히 채울 수도 있고 사진 또는 표 하나만 보여줄 수도 있다. 작은 모양의 종이를 덧대어 보여주기도 한다. PPT 슬라이드를 만드는 것과 유사하다고 생각하면 쉬울 것이다. 이는 웹 브라우저 '사용자'의 입장에서는 생각조차, 아니 궁금하지도 않았던 것이지만 웹 개발자는 어떤식으로든 인지하고 있어야 하는 백그라운드 지식이 아닐까 싶다. 이 백그라운드 지식중 가장 기초가 되는 것 중에 하나인.. 2023. 3. 14.
javascript 변수 선언시 var, let, const의 차이 간단 요약 저는 자바스크립트는 변수를 선언할 때, var를 주로 사용하는데 let 과 const는 무엇인지, 어떤 차이가 있는 것인지 간단 정리 해볼게요! var 변수 선언시 사용하는 키워드 변수에 값을 자유롭게 할당할 수 있다. (중복, 재할당 가능!) But, 아래와 같이 3가지 문제가 있다고 합니다! 1. 변수 중복 선언 가능하여, 예기치 못한 값을 반환할 수 있다. 2. 함수 레벨 스코프로 인해 함수 외부에서 선언한 변수는 모두 전역 변수로 된다. 3. 변수 선언문 이전에 변수를 참조하면 언제나 undefined를 반환한다. 그리하여 ES6(ECMA Script)부터 나오게 된 키워드가 바로 let 과 const 입니다! let 은 똑같은 변수 이름으로 여러번 선언하는 것이 불가능해졌습니다! 그러나 *재할당.. 2022. 7. 29.
반응형