---

자바스크립트(JavaScript) | 코드 테스트 https://jsbin.com/

HTML, CSS, JavaScript

https://jsbin.com/, 브라우저 DevTools, Node.js

---

JavaScript 언어를 이용한 개발을 하면서

간단히 HTML, CSS, JavaScript 코드를 테스트 할 수 있는

방법을 추천합니다.

---

1. jsbin(https://jsbin.com/)

---

인터넷창에서 HTML, CSS, JavaScript를 테스트할 수 있는 기능을 제공
- Output 탭 : HTML, CSS를 적용한 결과 확인
- Console 탭 : JavaScript 코드 테스트
- Add library : JQuery, Bootstrap 등 다양한 JavaScript 라이브러리 추가
https://jsbin.com/

---

2. 브라우저 DevTools

---

인터넷 브라우저(크롬(Chorme), IE(Internet Explorer), 사파리(Safari), 파이어폭스(FireFox) 등)에서 [F12] 버튼을 눌러 DevTools 활성화 시킬 수 있다.
- Console 탭 : JavaScript 코드 테스트
- Elements 탭 : HTML 코드 편집
- Sources 탭 : HTML 로딩시 로드된 JavaScript(동적 로딩이 된 소스가 아니라면 수정해 테스트할 수 있다.)

---

3. Node.js

---

Node.js가 설치되어 있다면
Terminal, CMD창에서
JavaScript 코드를 테스트 할 수 있다.
https://nodejs.org/