반응형
* js, css, html 등
* javascript 공부 준비, 코드펜, 변수, 상수, VAR, LET, CONST
1. 에디터 준비 - 코드펜
* 이미 환경이 갖춰진 분은 1번 패스하셔도 됨.
* 크롬 개발자도구에서도 가능.
1) 코드펜 접속 및 실행
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
codepen.io
2) 에디터 세팅
* console 눌러서 콘솔창 띄우기
* Settings > JS > BABEL 선택
* js 탭에 소스가 변경될때마다 결과 실행 됨
그리드형
'IT > Tool' 카테고리의 다른 글
| WEBP, JPG, PNG 변환 방법 (안드로이드 스튜디오_WebP Android Studio Convert) (0) | 2021.11.05 |
|---|---|
| [무료 이미지] 저작권 걱정 없는 무료 이미지 픽사베이(pixabay) (0) | 2021.11.03 |
| [Tool] 온라인 컴파일러 (ideone) / Online Compiler (0) | 2021.10.15 |
| [Tool] 사진 파일 크기 줄이기 (TinyPNG ) (0) | 2021.10.07 |
| [Tool] 로고 만들기 및 썸네일 이미지 디자인 (미리캔버스) (0) | 2021.09.28 |
댓글