코드펜에서 눈 내리는 효과를 구현한 HTML, CSS 코드 1. CodePen See the Pen Snow (Pure CSS) by alphardex (@alphardex) on CodePen. 위 코드에서는 js가 따로 없고 css로만 구현한 것으로 보인다. 수정 없이도 잘 구현되었지만, 랜덤 색으로 구현된다면 더 이쁠 것 같아서 재미로 약간의 수정을 해보았다. js를 활용하였고, css는 수정하지 않고 html만 수정했다. 수정 내용 - 반복적인 코드 제거 (클린 코딩) - 여러가지(랜덤) 색으로 눈 내리는 효과 1. 반복적인 코드 제거 (클린 코딩) 코드펜에서 보았던 .html 코드 반복이었다. 이 부분은 너무 효율적이지 않다고 생각하여 반복문으로 넣어주었다. (jQuery를 추가) for (va..
이름이 비슷한 자바와 자바스크립트는 같은 건가? VS Java와 JavaScript는 둘 다 프로그래밍 언어이지만, 각각의 용도와 기능에 차이가 있습니다. Java는 주로 서버 측 프로그래밍, 안드로이드 앱 개발 등 다양한 분야에서 사용되며, 대규모 응용 프로그램을 만드는 데 사용됩니다. Java는 컴파일 언어이기 때문에, 코드를 컴파일하여 기계어로 변환해야 합니다. Java는 안정성과 보안성이 뛰어나며, 다양한 운영 체제에서 작동할 수 있는 플랫폼 독립적인 특징을 가지고 있습니다. 반면, JavaScript는 주로 클라이언트 측 프로그래밍 언어로 사용되며, HTML, CSS와 함께 웹 페이지를 동적으로 만드는 데 사용됩니다. JavaScript는 스크립트 언어로, 인터프리터에 의해 실행됩니다. 또한, ..
JavaScript 코드를 HTML 문서에서 사용하기 위해 태그 내부에 src 속성을 사용하여 JavaScript 파일의 경로를 지정할 수 있다. 이렇게 하면 HTML 문서와 분리된 JavaScript 파일을 만들어 수정이 용이하고 편리하다. 이렇게 사용했을 때의 장단점 장점 - 코드 재사용성: 여러 페이지에서 동일한 자바스크립트 코드를 사용할 수 있음. - 유지보수 용이성: 자바스크립트 파일을 수정하면 해당 파일을 로드한 모든 HTML 파일에서 변경 내용이 적용됨. - 로딩 속도 향상: HTML 파일에서 자바스크립트 코드를 분리하면 HTML 파일의 크기가 줄어들어 로딩 속도가 향상됨. 단점 - 외부 파일 로딩 시 추가적인 HTTP 요청이 필요하므로 로딩 시간이 늘어날 수 있음. -파일을 로드하지 않았을..
