프론트엔드 테스트 사이트! codepen, jsfiddle, js bin

안뇽하세용!

또랑입니다 ㅎㅎ

 

오늘은 프론트엔드 테스트 사이트 간단히 몇가지 소개 합니다. 

 

사실 저는 기본적으로는.. 직접 파일을 만들어가면서 테스트 하는 방법을 사용하지만, 

조금 아리송하고 계속 코드를 바꿔가며 확인 해야 하는 트러블 슈팅에서는

아래 툴들을 사용하는게 상당히 편한 방법이에요. 

 

사용하는 것은 크게 세가지가 있습니다. (codepen, jsfiddle, js bin)

간단히 UI를 소개 드리자면-

 

---

01. codepen

 

https://codepen.io/

 

---

02. jsfiddle

 

https://jsfiddle.net/

 

---

03. js bin

 

https://jsbin.com/

 

---

저는 개인적으로는 jsfiddle을 가장 자주 사용합니다. (UI도 마음에 들고, 가입하라는 암묵적인 강요도 없어서요!)

하지만 전문적으로 저장, 공유, 배포를 위해서는 Codepen이 가장 적절한 것 같습니다. 

 

별도 외부 라이브러리를 가져오기에 가장 적합한 형태라 하고 있어서..

React 개발을 위해서 사용하기에 편하다고 알고 있습니다. 

 

한번씩 열어보시기만 해도 이런거구나- 하고 감 잡으실테니 

슥슥 사용해보시길 바래요!