WEB Front-end(4)
-
[Packt] Install Web server
link : XAMPP package XAMPP Installers and Downloads for Apache Friends What is XAMPP? XAMPP is the most popular PHP development environment XAMPP is a completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl. The XAMPP open source package has been set up to be incredibly easy to install and to us www.apachefriends.org Locate the folder named htdocs. This is the fold..
2020.07.19 -
[Packt] JS
JS는 ECMAScript(ES) 사양을 따름. 현재는 ES9 버전 https://www.ecma-international.org/publications/standards/Ecma-262.htm Standard ECMA-262 Standard ECMA-262 ECMAScript® 2020 Language Specification 11th edition (June 2020) This Standard defines the ECMAScript 2020 general-purpose programming language. The following files can be freely downloaded: File name Size (Bytes) Content ECMA-262 editio www.ecma-intern..
2020.07.14 -
브라우저는 어떻게 동작하는가?
본 포스팅은 https://d2.naver.com/helloworld/59361를 요약하여 작성되었습니다. 브라우저 : 자원을 서버에 요청하고, 자원을 브라우저에 표시 자원 : 보통 HTML 문서 자원의 주소 : URI 브라우저의 표시 방법 : W3C 표준에 따라 HTML과 CSS를 해석하여 표시. 브라우저의 기본 구조 1. 사용자 인터페이스 (UI) 2. 브라우저 엔진 : UI - Rendering Engine 사이 동작을 제어 3. 렌더링 엔진 : HTML, CSS 를 파싱하여 표시 // 파이어폭스:Gecko 엔진 , 크롬사파리 : Webkit 엔진 webkit.org 4. 통신 : HTTP Request 5. UI 백엔드 : 콤보 박스와 같은 OS UI 체계를 사용 6. JS 해석기 7. 자료저장소..
2020.07.14 -
[Packt][Udacity] HTML & CSS
HTML HTML의 구성 - Element (속성 있음/없음) HTML을 구성 할 때는 반드시 태그를 열고/닫아주는 작업을 해야한다. HTML 문서를 DOM (Doc Obj Model) 로 만들 수 있다. DOM은 HTML을 메모리 객체 트리 형태로 표현 한 것. HTML has six hierarchy levels of heading. this is a paragragh 1. DOCTYPE : Browser는 이 Doctype을 찾아 사이트에 렌더링 할 Rendering Mode 를 결정합니다. 2. HTML 의 구조는 아래와 같습니다. 3. HTML Tag 설명 : 메타 데이터를 표현. base, link, meta, script, style 등이 있다. meta 데이터 중 viewport를 이용하면..
2020.07.12