[ Codepen ] 코드펜 사용법

https://codepen.io/

코드팬은 주로 자바스크립트/css/html을 테스트 할 때 사용합니다.

로그인은 github 계정이 있다면 그걸로 연동해서 로그인 할 수 있습니다.

1. Create 버튼 

Pen 클릭

그럼 위 화면같이 나온다.

저 연필을 클릭하면 이름을 바꿀 수도 있다.

2. 화면 우측에 HTML/CSS/JS 부분에 소스를 넣으면 된다.

저장 : 컨트롤+s

3. Setting 환경설정 하는 방법

 html/css/js를 설정하는데 제이쿼리 라이브러리나 SCSS등을 설정 할 수 있습니다.

위 사진과 같이 CSS를 SCSS로 설정

js도 변경가능

YOUR Dashboard 

내가 만든 pen리스트를 볼 수 있습니다.

Search -  돋보기 이모티콘

내가 예시를 보고싶어하는것을 검색해보시면 됩니다. (되도록 영어로)

이것 말고도 많은 기능이 있습니다.