반응형 JavaScript4 [JavaScript] 자바스크립트로 HTML 다른 페이지에 변수 전달 / 서버 스크립트 언어 안쓰고 변수 주고받기 서버 스크립트 언어를 사용하지 않고 .html 파일로 자바스크립트만 사용해서 서로 다른 페이지에서 변수를 주고받는 방법을 알려 드리겠습니다. 변수를 전달하는 HTML (원본 페이지) 전송 ASP, PHP 등 서버 스크립트 언어를 사용하여 GET 방식으로 변수를 전송하는 방식으로 URL을 호출 했습니다.호출_대상_파일.html?변수명1=변수값1&변수명2=변수값2 .html 파일에서 자바스크립트만 사용하는 경우 정형화된 방식이 아니므로 구분자는 원하는 방식대로 변경하면 됩니다. 변수를 받는 HTML (대상 페이지) 변수를 바로 받을 수 없으므로 실행한 URL에서 구분자로 변수 잘라서 별도로 저장하면 됩니다.변수명 없이 변수값만 전달하기 전송.. 2025. 8. 29. [JavaScript] 현재 날짜, 시간 구하기 / 형식 변경 하기 (YYYY-MM-DD, YYYY/MM/DD, HH:MI:SS, AM/PM 표시) 자바스크립트에서 현재 시간과 날짜를 구하기 위해서는 Date() 를 사용하면 됩니다.Date 함수를 사용하면 날짜 형식을 자유롭게 편집하거나 별도의 연/월/일/시/분/초 값만 추출하여 할당할 수 없기 때문에 Date 객체에서 제공하는 함수를 사용하여 형식(포맷)을 변환하는 작업이 추가로 필요합니다. 현재 시간 및 날짜 구하기//현재 시간을 변수에 할당var today = new Date();//Sat Aug 23 2025 23:15:59 GMT+0900 (한국 표준시) Date 객체를 사용하면 현재 시스템의 날짜가 출력되지만, 원하는 날짜/시간 형식(포맷)으로 출력되지 않습니다.날짜 형식(포맷) 변경하기(YYYY-MM-DD, YYYY/MM/DD)//현재 시간을 변수에 할당var today = new Da.. 2025. 8. 23. [HTML] 블로그에 코드 및 결과 공유하기 / 코드펜 사용 방법 (CodePen) 웹 개발, 특히 HTML, CSS, JavaScript 관련 코드를 결과물과 같이 공유하고 싶을 때 코드펜을 사용합니다.많은 블로그에서 사용하고 있는 기능이지만 처음 접하는 경우 헷갈릴 수 있으니 간단한 사용 방법과 티스토리 블로그에 코드를 공유하는 방법을 알려 드리겠습니다. 코드펜(CodePen) 사용 방법 1. 코드펜 사이트 접속https://codepen.io/ CodePenAn 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 2. 회원 가.. 2025. 8. 16. [Tool] 노트패드(Notepad++)로 난독화 된 HTML, JS 코드 가독성 좋게 정렬하기 오픈소스를 받아서 쓰다 보면 가끔 이렇게 정렬이 안된 상태로 난독화되어 있는 코드들을 볼 수 있습니다.이걸 사람이 하나씩 정렬하는 건 말도 안 되고... 수정해야 할 부분을 찾긴 해야겠고...이렇게 난감한 경우 사용할 수 있는 정렬 방법을 알려 드리겠습니다.작성자는 Classic ASP를 개발하면서 Notepad++를 사용 중이므로 해당 툴 기준으로 작성했습니다. ※ VS code에서 정렬하는 방법은 추후에 따로 작성하겠습니다. HTML 코드 정렬 1. 언어 - HTML2. 플러그인 - 플러그인 관리3. XML Tools 설치 4. 플러그인 - XML Tools - Pretty print 5. 자동 정렬된 모습 (전,후 비교) - 줄바꿈이 뒤죽박죽인 경우는 완전하게 정렬이 안될 수 있으니 잘 안되.. 2025. 7. 20. 이전 1 다음 반응형
