본문 바로가기

코드펜2

코드펜 Codepen에서 소스 연습도 하고, 코딩도 참고하고 코드펜 Codepen을 소개합니다. 학원에서 코딩을 배우면서 처음 코드펜 사이트를 알게 되었습니다. 아래의 url에 들어가서 많은 코드를 참고하였습니다. https://codepen.io/ 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 다른 분들은 회원가입을 해서 주로 코딩 테스트를 할 때 코드펜을 많이 사용하는 것 같습니다. 저는 회원가입을 하지는 않고 주로 샘플을 찾거나 예시 소스를 참고하고자 할 때 코드펜에 들어갑니다.. 2020. 10. 11.
눈이 내리는 효과도 내는 파티클 효과 particle.js 점점이 흩어지는 효과를 내는 파티클제이에스 라이브러리 코딩을 배우면서 라이브러리라는걸 알게 되었습니다. 라이브러리를 통해 나의 보잘 것 없는 코딩실력으로도 멋진 효과를 낼 수 있다는 걸 알게 되었습니다. 라이브러리 참 멋진 녀석들이에요. 지금 알아볼 것은 이런 라이브러리 중 파티클 제이에스(particle.js)입니다. 우선 소스를 가지로 이동합니다. 파티클 제이에스 사이트로 갑니다. 사이트에서 우선 소스를 다운로드 받고, 압축을 풀어서 html에서 링크를 연결합니다. https://vincentgarreau.com/particles.js/ 그런 다음 Github로 가셔 사용방법을 알아 봅니다. https://github.com/VincentGarreau/particles.js/ 깃허브에서 알아본 사용방.. 2020. 9. 23.