코드펜21 CodePen - 코드펜 깃허브로 연동하여 가입하기 / github로 코드펜 가입하기 안녕하세요. 고코더 입니다. ● 1. 이메일로 쉽게 코드펜에 가입이 가능하지만 기존의 깃허브가 있다면 이를 연동하여 가입하는 방법을 추천합니다. 어차피 두개의 사이트의 속성이 비슷하므로 하나만 가입하면 더 편리합니다. 해당 코드펜 가입 URL로 이동하여 "Sign Up with GitHub"를 클릭합니다. 사실 다른 소셜보다는 깃허브가 제일 나은 거 같습니다. https://codepen.io/accounts/signup/user/free ● 2. 연동된 깃허브 사이트에서 로그인을 합니다. 두 개의 사이트의 느낌이 굉장히 비슷합니다. ● 3. 그리고 Authorize codepen이라는 버튼을 클릭합니다. 그럼 자동으로 연결되어 로그인이 완료됩니다. ● 4. 그리고 등장하는.. 2021. 1. 4. CodePen - 코드펜 이메일로 가입하기 코드펜 네이버, 다음, 지메일로 가입하기 안녕하세요. 고코더 입니다. ● 1. 오늘은 세계 최고의 프런트엔드 커뮤니티인 코드펜을 알아보겠습니다. 깃허브처럼 코드펜도 누구나 가입할 수 있는 무료 서비스 입니다. 그래서 개발자라면 우선 가입하는걸 추천합니다. 오늘은 초보 개발자를 위해 가입부터 차근 차근 하나씩 알아보는 시간을 갖겠습니다. ● 2. 우선 코드펜을 접속합니다. 도메인이. io인 게 인상적입니다. 해당 사이트의 오른쪽 위에 있는 sign up를 클릭합니다. https://codepen.io/ ● 3. 해당 사이트에 접속하면 두 가지 방식의 가입이 가능합니다. 첫 번째는 소셜 네트워크의 아이디를 연동하는 방식과 이메일로 가입하는 방식입니다. 이번 시간에는 네이버와 다음을 지메일을 쓰는 개발자를 위.. 2021. 1. 4. Front- 프론트엔드 디자인 무료 공개소스 / codepen.io 코드펜 사이트 사용법 코드펜은 흥미로운 사이트입니다. 프론트엔드 디자이너들이 만들어놓은 수많은 오픈 소스가 존재합니다. 업무의 있어서도 상당히 도움이 되는 좋은 곳입니다. 누구나 와서 가입 후에 HTML , CSS , JS 를 코딩해서 결과물을 놓고 자랑하는 사이트입니다. 프론트 개발자라면 학습으로도 좋습니다. ▼우선 사이트 주소는 이렇습니다. 사이트 디자인도 CI도 이쁘고 정갈하네요 https://codepen.io/ ▼ 공개된 소스중 하나를 선택하여 살펴보겠습니다 크리스마스 볼이라는 작품인데요 아래 URL로 접근해보세요 https://codepen.io/Mamboleoo/pen/VrdYxN ▼그럼 HTML, CSS, JS 가 있습니다. 해당 작품의 코딩 결과입니다. 이것들을 복사해가서 실행하면 그대로.. 2018. 1. 11. 이전 1 2 3 다음
