개발 공부 기록하기

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

프밍/HTML

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

태영(泰伶) 2022. 8. 19. 21:45

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

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

 

 

               - JSFiddle    https://jsfiddle.net/

 

JSFiddle - Code Playground

 

jsfiddle.net

 

 

 

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

 

Create a New Pen

...

codepen.io

 

 

 

 

               - Liveweave    https://liveweave.com/

 

HTML, CSS and JavaScript demo - Liveweave

 

liveweave.com

 

 

 

               - Plunker    https://plnkr.co/

 

Plunker - Helping you build the web

Plunker is loading… Oh the websites you'll make!

plnkr.co

 

 

 

 

 

 

 

 

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

 

 

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

저작자표시 비영리 변경금지 (새창열림)

'프밍 > HTML' 카테고리의 다른 글

DAY 1. HTML의 구조  (0) 2022.08.19
DAY 1. HTML이란?  (0) 2022.08.19
DAY 1. 웹 개발, 어디서부터 시작할까  (0) 2022.08.19
DAY 1. '웹 개발'이란?  (0) 2022.08.19
[생활코딩] 6강. Doctype(DTD)  (0) 2022.08.19
'프밍/HTML' Related Articles more
Comments