반응형 html7 [JavaScript] 자바스크립트로 HTML 다른 페이지에 변수 전달 / 서버 스크립트 언어 안쓰고 변수 주고받기 서버 스크립트 언어를 사용하지 않고 .html 파일로 자바스크립트만 사용해서 서로 다른 페이지에서 변수를 주고받는 방법을 알려 드리겠습니다. 변수를 전달하는 HTML (원본 페이지) 전송 ASP, PHP 등 서버 스크립트 언어를 사용하여 GET 방식으로 변수를 전송하는 방식으로 URL을 호출 했습니다.호출_대상_파일.html?변수명1=변수값1&변수명2=변수값2 .html 파일에서 자바스크립트만 사용하는 경우 정형화된 방식이 아니므로 구분자는 원하는 방식대로 변경하면 됩니다. 변수를 받는 HTML (대상 페이지) 변수를 바로 받을 수 없으므로 실행한 URL에서 구분자로 변수 잘라서 별도로 저장하면 됩니다.변수명 없이 변수값만 전달하기 전송.. 2025. 8. 29. [HTML] RGB 색상 16진수 색상 코드 (RGB Color Code) 16진수 색상표는 빨강(R), 녹색(G), 파랑(B) 의 0~255까지 지정되는 값을 16진수로 변환한 코드입니다. 16진수를 매번 계산하기 어려우니 아래 색상표에서 원하는 16진수 코드를 선택해서 사용하시면 됩니다. HTML 뿐만 아니라 엑셀 등 RGB 타입의 색상을 사용하면 모두 적용 가능합니다. HTML 사용 예시내용색상표FFFFFFFF0000FFFF0000FF000000FF00000093DAFF98DFFF9DE4FFA2E9FFA7EEFFACF3FFB0F7FFB4FBFFB9FFFFC0FFFF87CEFA91D8FAA5D8FAAFDDFAB9E2FAC3E7FACDECFAD7F1FAE1F6FAEBFBFF00BFFF0AC9FF14D3FF1EDDFF28E7FF32F1FF3CFBFF46FFFF96FFFFC8FF.. 2025. 8. 26. [HTML] 웹 브라우저 캐시 막기 설정 / 서버 설정 없이 meta 태그로 캐시 막기 홈페이지를 운영하면서 지속적으로 최신 상태를 유지해야 하는 페이지(아직 개발 중이거나, 이미지의 변경이 자주 일어나는 페이지)는 웹 브라우저의 캐시를 막아야 원활하게 사용이 가능합니다. 이 경우 웹 서버에서 캐시를 막아도 되지만, 보통의 페이지는 캐시 덕분에 로딩 속도를 줄여줄 수 있어 특정 페이지마다 설정해야 하는 경우 HTML에서 meta 태그로 캐시를 막는 방법을 알려 드리겠습니다. meta 태그를 이용한 캐시 막기 (HTML) Cache-Control / no-cache, no-store, must-revalidate no-cache 응답을 캐시에 저장할 수 있지만, 재사용하기 전에 원본 서버에서 유효성 검사 실시브라우저는 캐시된 콘텐츠를 표시하기 전에 항상 최신 버전이 있는지 확인no-.. 2025. 8. 25. [HTML] 테이블 테두리 변경하기 한줄, 두줄 (테이블 속성 border, CSS) 기본 테이블(표) 생성 아무런 속성을 지정하지 않고 그냥 테이블을 생성하면 테두리가 보이지 않습니다. 태그만 사용 ( 예시용이라서 미사용 )See the Pen 테이블 선 없음 by 이진하 (@nflthxvp-the-sans) on CodePen.테이블 border 속성 태그 안에 border 속성 값을 지정하면 테두리가 생성됩니다.※ 별도 스타일을 지정하지 않으면 2줄로 표시See the Pen 테이블 border=1 by 이진하 (@nflthxvp-the-sans) on CodePen.테이블 스타일 solid 속성 , , 태그에 style 속성을 추가하여 부분적으로 테두리를 표시할 수 있습니다. - 셀 병합이 아닌 선만 투명하게 표시하고 싶은 경우 사용See the Pen 테이블만 sol.. 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. [HTML] 파비콘(Favicon) 이미지 생성 및 적용 방법 / 티스토리 또는 웹 사이트에 적용하기 티스토리 블로그를 운영하거나 웹 사이트를 개발하면서 탭에 보여지는 이미지를 적용하고 싶은 경우 이미지 생성부터 티스토리, 자체 웹 사이트 적용 방법을 알려 드리겠습니다. 파비콘(Favicon) 생성 PNG 이미지 준비 - 파일 형식이 다르다면 그림판 등에서 파일 형식 .png 로 변경 후 진행 파비콘 생성 사이트 진입 https://favicon.io/ Favicon.io - The Ultimate Favicon Generator (Free)With Favicon.io you can quickly generate a favicon for your website for free!favicon.io PNG → ICO 선택 - 경우에 따라 TEXT, 이모지로도 진행 가능합니다. 컨버터에 이미지 업로드 하기 .. 2025. 8. 11. 이전 1 2 다음 반응형
