728x90
CodePen 사이트를 활용해서 움직이는 화면을 만들어보자.
CodePen은 CSS관련해서 오픈소스가 많은 사이트이고 공개된 소스는 MIT 라이센스를 따르기 때문에 무료이다. Pro모드를 사용한 코드만 저작권이 발생하니 Pro 빼고는 자유롭게 사용하되 라이센스 원문을 포함시켜서 사용해야 한다. 금손들이 많아서 소스를 참고하여 공부하기에도 괜찮다.
🔗 CodePen https://codepen.io/trending
 |
사이트에 접속해서 상단에 원하는 키워드로 검색
 |
Pro 태그가 없고 마음에 드는 소스를 선택
 |
소스를 가져다 쓰면 되는데 왼쪽 밑에 Comments 를 눌러서 밑으로 쭉 내리면
 |
라이센스가 있다. 이걸 복사해서 코드에 포함시켜준다.
 |
View Compiled HTML 을 누르면 흔히 아는 <HTML> 형식으로 바뀐다.
🔗 이전 글 [GitHub] github.io 포트폴리오 만들기-템플릿 연결
[GitHub] github.io 포트폴리오 만들기-템플릿 연결
github.io 와 템플릿을 사용하여 누구나 접속가능한 포트폴리오를 만들 예정이다. 설치 순서는 1. Ruby 설치 2. Jekyll 설치 3. 템플릿 연결 #1 Ruby 설치 🔗 https://rubyinstaller.org/downloads/ 최신버전 x6..
nrmhvr.tistory.com
만들었던 포트폴리오에 적용해봤다.
 |
짬짬이 수정중...
728x90
