코드펜(CODEPEN)으로 연습을 시작해보자!

CODEPEN

드디어 개강을 하고 학교에 갔다.

첫 날 들은 과목은 '웹 프로그래밍'이였고

html의 가장 기초적인 부분만 배웠다.

배우면서 교수님께서 알려주신 사이트가 바로

'코드펜'이였다.

 

코드펜 홈페이지

'코드펜'이란 'HTML, CSS, JAVA SCRIPT'등을

홈페이지 내에서 직접 코드를 짜고 실시간으로 

결과를 볼 수 있게 해주는 시뮬레이션 사이트이다.

 

 

코드펜 로그인

코드펜은 '트위터, 깃허브, 페이스북' 계정으로도

로그인이 가능하다. 나는 '깃허브' 계정을 만들어서 

코드펜과 연동시켰다. 깃허브는 아무래도 많은 개발자 지망생들이

사용하는 사이트이다보니 나중에 쓸 일이 많지 않을까 싶어서

가입했다.

 

코드펜 사용

위와 같은 방식으로 코드펜을 이용 가능하다.

맨 좌측에는 'HTML' 중간에는 'CSS', 우측에는 'JAVA SCRIPT'가 있다.

일단 첫 수업시간에 HTML을 시작했기 때문에 

HTML만 사용했으며 위키처럼 간단한 소개를 만들어보는

시간을 가졌다.