DAY 1. 웹 브라우저 & 웹 에디터

Web Browser

• 개발자가 작성한 문서를 화면에 나타내는 프로그램.

        ex, Google Chrome, Microsoft Edge, Mozilla Firefox

 

 

 

Web Editor

• 웹문서 만들 HTML tag, CSS, JAVASCRIPT source(=code) 입력하는 프로그램.

        ex, Visual Studio Code, JSFiddle, Codepen

 

               - Visual Studio Cod    https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

 

 

               - JSFiddle    https://jsfiddle.net/

JSFiddle - Code Playground

 

 

 

               - Codepen    https://codepen.io/pen/

Create a New Pen

 

 

 

 

               - Liveweave    https://liveweave.com/

HTML, CSS and JavaScript demo - Liveweave

 

 

 

               - Plunker    https://plnkr.co/

Plunker - Helping you build the web

 

 

 

 

 

 

 

 

▲ 내가 처음으로 따라서 써 본 code..ㅎㅎ(used Visual Studio Code)

 

 

▲ 위의 code가 web browser에서는 이렇게 나타난다!ㅎㅎ