FrontEnd
브라우저의 렌더링 과정
브라우저란? 웹 서버에서 이동하며 쌍방향으로 통신하고 HTML 문서나 파일을 출력하는 GUI 기반의 응용 소프트웨어 브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다. 자원은 보통 HTML 문서지만 PDF나 이미지 또는 다른 형태일 수 있다. 자원의 주소는 URI(Uniform Resource Identifier)에 의해 정해진다. 브라우저는 HTML과 CSS 명세에 따라 HTML 파일을 해석해서 표시하는데 이 명세는 웹 표준화 기구인 W3C(World Wide Web Consortium)에서 정한다. 브라우저의 구조 사용자 인터페이스 - 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등, 웹 페이지 제외 사용자와 상호작용하는 UI 브라우저 엔진 - 사용자 인터페이스..
BootStrap
1. BootStrap이란? Bootstrap은 반응형 웹페이지 제작을 위한 무료 소프트웨어이며 HTML, CSS, JS 템플릿을 모아둔 프레임워크다. 다른사람이 만들어둔 템플릿을 활용해 쉽게 디자인 및 반응형 페이지를 제작 할 수 있다. 2.부트스트랩 적용하는 방법 1. CDN에서 웹에서 지정된 url 가져오는 방법 2. 다운로드 받은 후에 bootstrap.min.css를 적용하기 부트스트랩의 장점과 단점 장점 내부 클래스를 알고 있으면 쉽고 빠르게 여러가지 형태의 반응형 웹 페이지를 제작할 수 있다. 고로 생산성이 높고 반응형이기 때문에 모바일 환경에서도 대응 가능하다. 단점 정형화된 디자인과 기능으로 구성되어 창의적인 디자인과 기능을 구현하기 어렵다. 페이지 로딩 속도가 느리다 (필요없는 리소스까..
Node.js 란?
Introduction Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임환경 (Runtime Environment)으로 주로 서버사이드 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. Node.js는 브라우저 외부 환경에서 자바스크립트 애플리케이션 개발에 사용되며 이에 필요한 모듈, 파일 시스템, HTTP등 Built-in API를 제공한다. 자바스크립트로 백엔드(서버)를 만들 수 있는 툴 node.js의 창시자 라이언 달(Ryan Dahl)이 크롬 외부 환경에서 javascript 사용을 위해 v8엔진을 마개조해 만듬 일반적으로 front-end, backend에서 각각의 언어를 통해 웹 사이트를 구현하는데 Node.js는 자바스크립트 하나만을 사용해 개발한다. 즉 ..