실시간2 [SCSS] node.js 및 Sass 사용 방법 Sass 또는 Less와 같은 CSS 프리프로세서를 사용하면 코드를 모듈화하고 중첩 구조를 사용할 수 있어 코드 관리가 용이합니다 CSS 프리프로세서 중 하나인 Sass를 예시로 사용 방법 1. Sass 설치Sass는 Node.js 기반으로 설치할 수 있습니다. Node.js와 npm(Node Package Manager)이 설치되어 있어야 합니다. 설치 방법은 다음과 같습니다: 1. Node.js 설치:Node.js 공식 웹사이트에서 설치 파일을 다운로드하고 설치합니다. 2. Sass 설치:터미널을 열고 다음 명령어를 입력하여 Sass를 전역(global)으로 설치합니다.npm install -g sass2. 프로젝트 구조 설정Sass 파일을 저장할 디렉토리 구조를 설정합니다. 예시로 다음과 같은 디렉.. 코딩ㆍ개발 정보/HTML 연습 2024. 7. 29. [JAVASCRIPT] 거꾸로 가는 시간 만들기 2024년 7월 31일 오전 09시까지 현재 서버 시간을 기준으로 남은 시간을 DD일 HH시 MM분 00초 남았다고 매 초 단위로 실시간 카운트를 해주고 싶어, 이런 것은 어떤 방식으로 구현할 수 있는거야? JAVASCRIPT 로도 가능해? 구현해줘 그리고, 이러한 부분이 서버 혹은 클라이언트 많은 부하를 줄 수 있나? 실시간 카운트다운을 구현하는 것은 JavaScript로 충분히 가능합니다. 이 카운트다운은 클라이언트 측에서 실행되며 서버에 부하를 주지 않기 때문에 효율적입니다. 다음은 2024년 7월 31일 오전 09시까지의 시간을 계산하고, 매 초마다 남은 시간을 업데이트하는 JavaScript 코드입니다. 코드 설명:목표 시간 설정: targetDate 변수에 2024년 7월 31.. 코딩ㆍ개발 정보/HTML 연습 2024. 7. 25. 이전 1 다음