반응형

개발 창고/Web 57

[Javascript] selector - like 검색

// 단건 조회 document.querySelector("input[name=param_1]"); // StartsWith: param으로 시작하는 input document.querySelectorAll("input[name^=param]") // Contains: aram을 포함하는 input document.querySelectorAll("input[name*=aram]") // EndsWith: Param으로 끝나는 input document.querySelectorAll("input[name$=Param]") // 번외1. param 또는 Param을 포함하는 input document.querySelectorAll("input[name*=param],input[name*=Param]") //..

개발 창고/Web 2023.01.10

[Javascript] SMS 개행 (줄바꿈 / 엔터) 적용 방법

// ios location.href = "sms:&body=" + encodeURI("로이팩토리\r\n안녕하세요"); // else location.href = "sms:?body=" + encodeURI("로이팩토리\r\n안녕하세요"); 기존 개행 문자인 \n만 사용하는 경우 개행이 이루어지지 않을 수 있습니다. 때문에 Carriage Return 문자인 \r을 함께 사용해주어야 합니다. 또한, ios와 그 외 의 경우 sms: 다음의 기호가 &냐 ?냐에 따라 내용입력이 달라지므로 유의해야 합니다. ※ 추가 작성하다보니 실제로 개행이 되지 않아 확인해보니 인코딩(encodeURI)을 해주어야 함을 확인하였습니다.

개발 창고/Web 2022.12.07

PDF 이미지를 BASE64 파일로 저장

/** * @file index.js * @install npm i pdf-export-images * @desc PDF에서 이미지 추출하여, Base64로 변환후 텍스트 파일로 저장 */ // Step. PDF 이미지 추출 라이브러리 선언 (Import) import { exportImages } from 'pdf-export-images'; // Step. File System 라이브러리 선언 (Import) import fs from 'fs'; // Step. "test.pdf"에서 이미지 추출해서 "./output" 폴더에 순서대로 저장 // 조건 #1. output 폴더가 있어야 한다. // 조건 #2. pdf내 이미지는 이미지여야 한다. exportImages('test.pdf', 'outpu..

개발 창고/Web 2022.11.29

[Javascript] JSON Object - Key 개수 구하기

var jsonObject = { key1:"AAAA", key2:"BBBB", key3:9999, key4:"가나다라" }; var jsonObjectKeys = Object.keys(jsonObject); var jsonObjectKeysLength = jsonObjectKeys.length; console.log("jsonObject\n" + jsonObject); console.log("jsonObjectKeys\n" + jsonObjectKeys); console.log("jsonObjectKeysLength\n" + jsonObjectKeysLength); 만약 첫 번째 줄처럼 jsonObject가 있고, 각각의 키가 있다면 이 중에서 키 값만을 추출하기 위해 Object.keys(JSON객체..

개발 창고/Web 2022.11.07

[JSP] Header 정보 가져오기

위와 같이 페이지를 생성하면 아래와 같은 결과를 가져올 수 있습니다. 이 중에서 첫 번째로 중요한 부분은 위와 같이 해더 정보의 key들이 담겨있는 Enumeration을 파라미터로 받기 위하여 해당 jsp로 import를 해야 합니다. 이후에 body에서 위와 같이 request를 통해 header key 목록을 받은 후, loop를 통해, request.getHeader(key) 를 통하여 값을 반환받을 수 있습니다. 위 내용에서 보면 key 목록으로 host, coneection, pragma, cache-congtrol, sec-ch-ua,... 등을 받아서 request.getHeader를 통해 localhost:8080, keep-alive, no-cache, "Google Chrome... ..

개발 창고/Web 2022.11.06

Navigation - GNB, LNB, SNB, FNB

Navigation : 특정 페이지로 이동을 위해 정의된 영역 GNB (Global Navigation Bar) : 사이트 상단 공통 메뉴 영역 : 주로 로고, 통합검색, 1뎁스 메뉴, MY MENU 등이 포함됩니다. LNB (Local Navigation Bar) : 현재 1뎁스 메뉴 또는 제공되는 서비스에 해당하는 2차 메뉴 영역 : 주로 2뎁스 메뉴들이 여기에 포함됩니다. SNB (Side Navigation Bar) : 메인 메뉴, 서브 메뉴를 제외한 나머지 사이드 메뉴, 기타 메뉴 바 : 주로 메뉴 트리가 여기에 포함됩니다. FNB (Footer Navigation Bar) : 하단 메뉴, 하단 로고, 주소, 카피라이팅 영역 : 주로 사이트명, 로고, Copyright, 주소 관련 사이트, 인증..

개발 창고/Web 2022.10.14

[CSS] 내부 border 설정하기

/* offset-x | offset-y | blur-radius | spread-radius | color */ element.style { box-shadow: 0 0 0 10px #202020 inset; } 일반적으로 border는 아래와 같이 선언합니다. border: 10px solid #202020 ▶︎ 해당 elemenet의 border 너비는 3px로 약간 검정(#202020)의 직선(solid)으로 설정 position: fixed ▶︎ element의 위치를 화면의 고정 위치(fixed)에 표시 top: 100px ▶︎ element를 화면 기준 위에서 100px 만큼 아래로 이동하여 표시 left: 100px ▶︎ element를 화면 기준 왼쪽에서 100px 만큼 오른쪽으로 이동하..

개발 창고/Web 2022.10.10

[CSS] Elemnt 스타일 초기화

/* 버튼 초기화 */ button { background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer} /* 테이블 초기화 */ table { width:100%;border-collapse:collapse;table-layout:fixed;font-size:100%;border-spacing:0 } /* 리스트 초기화 */ ul, ol { list-style:none } /* Anchor 태그 초기화 */ a { text-decoration:none;color:#202020; } a:hover, a:active, a:focus { text-decoration:non..

개발 창고/Web 2022.10.07
반응형