일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- POI
- Java
- 암호화
- controller
- TO_DATE
- javascript
- web.xml
- eGov
- 함수
- html
- Ajax
- Database
- array
- input
- spring
- 태그
- json
- eGovFramework
- sql
- 오류
- was
- 과정평가형
- select
- CSS
- Oracle
- JVM
- jQuery
- 배열
- 개념
- mybatis
- Today
- Total
목록전체 글 (168)
web developer
(1) 뷰포트 정의 뷰포트(viewport)란 웹 페이지를 볼 때 보이는 영역을 말합니다. 모바일 기기에서는 디스플레이의 크기가 작아서 뷰포트가 작은 경우가 많습니다. 이 경우, 웹 페이지의 컨텐츠가 작게 보일 수 있고, 가독성이 떨어질 수 있습니다. 이를 해결하기 위해 뷰포트를 조정할 수 있습니다. 뷰포트는 HTML 문서의 태그를 이용하여 조정할 수 있습니다. 위 코드에서 width=device-width는 뷰포트의 너비를 기기의 너비로 설정한다는 의미입니다. initial-scale=1.0은 페이지 로딩 시 초기 축소/확대 비율을 1로 설정한다는 의미입니다. 이렇게 설정하면, 모바일 기기에서 웹 페이지가 자연스럽게 보이게 됩니다. 뷰포트를 설정할 때 주의할 점은, 뷰포트를 설정하면 반드시 미디어 쿼리..
자바스크립트에서 == 연산자는 값의 타입을 변환하여 비교하며, 이 과정에서 타입 간의 형 변환이 이루어집니다. 따라서 0 == ""가 true로 평가되는 이유는 다음과 같습니다 0은 숫자이고, ""는 빈 문자열입니다. 자바스크립트에서 == 연산자를 사용할 때, 두 피연산자가 서로 다른 타입이면 타입 변환이 이루어지며, 둘 중 하나의 피연산자가 숫자이고 다른 하나가 문자열인 경우, 문자열을 숫자로 변환합니다. 빈 문자열 ""은 숫자로 변환하면 0이 됩니다. 결국, 0 == 0으로 비교되어 true가 됩니다. 이러한 현상은 '==' 연산자가 동등성 비교에서 타입 간 변환을 수반하기 때문에 발생합니다. 이러한 동등성 비교를 정확하게 하고자 한다면 '===' 연산자를 사용하여 타입 변환 없이 엄격한 비교를 수행..
poi 라이브러리를 활용해 서체, 셀 스타일 변경하기 Font font = workbook.Font(); font.setFontName("맑은 고딕"); font.setColor(IndexedColors.BLUE.getIndex()); font.setFontHeightPoints((short) 11); font.setItalic(true); CellStyle yellow = workbook.createCellStyle(); yellow.setFillForegroundColor(IndexedColors.LIGHT_YELLOW.getIndex()); yellow.setFillPattern((short) 1); yellow.setAlignment((short) HorizontalAlignment.CENTER...
엑셀 다운로드 시 메모 생성하기 import org.apache.poi.ss.usermodel.*; import org.apache.poi.xssf.usermodel.XSSFWorkbook; import java.io.FileOutputStream; import java.io.IOException; public class ExcelCommentExample { public static void main(String[] args) { Workbook workbook = new XSSFWorkbook(); Sheet sheet = workbook.createSheet("Sheet1"); // 데이터 삽입 및 코멘트 추가 for (int i = 0; i < 10; i++) { Row row = sheet.cr..
1. jar 파일 다운 https://jar-download.com/artifacts/org.json https://mvnrepository.com/artifact/org.json/json/20140107 2. MANIFEST.MF 열기 3. MANIFEST.MF 설명 Manifest-Version: 매니페스트 파일의 버전을 나타냅니다. Bnd-LastModified: Bnd 도구가 마지막으로 수정된 시간을 나타냅니다. Build-Jdk-Spec: 이 번들이 빌드되는 데 사용된 JDK의 버전 명시. Bundle-Description: 이 번들에 포함된 라이브러리의 설명입니다. JSON 데이터를 인코딩 및 디코딩하고, XML, HTTP 헤더, 쿠키, CDL 등과의 변환 기능을 제공합니다. 이는 참조 구현체..
구현된 화면은 다음과 같습니다.1. table 생성CREATE TABLE board_reply ( reply_id NUMBER(10) NOT NULL, board_id NUMBER(10), parent_id NUMBER(10), depth NUMBER(10), reply_content CLOB, reply_writer varchar(100) NOT NULL, register_datetime date DEFAULT sysdate, CONSTRAINT pk_board_reply PRIMARY KEY(reply_id) );2. jsp - html " class="comm_list"> ..
java [ captcha 이미지, 오디오 생성 ] public class CaptchaUtil { /* CaptCha Image 생성 */ public void captchaImg(HttpServletRequest request, HttpServletResponse response) { Captcha captcha = new Captcha.Builder(200,60) // 이미지 크기 200 x 60 .addText(new NumbersAnswerProducer(6)) // 6자리 숫자 .addNoise().addNoise().addNoise() // 방해선 .addBackground(new GradiatedBackgroundProducer()) // 배경색 .addBorder() // 테두리 .bui..
1. 단순히 마우스 오버하여 색상이 변하도록 하는 기능구현 See the Pen [css] hover 1-1 by 안중현 (@drkdcoaa-the-vuer) on CodePen. 2. data-tooltip 속성을 활용하여 툴팁 기능구현 See the Pen [CSS] hover 1-2 by 안중현 (@drkdcoaa-the-vuer) on CodePen. 3. 아이콘에 마우스 오버 혹은 마우스 클릭 시 툴팁 기능구현 See the Pen Untitled by 안중현 (@drkdcoaa-the-vuer) on CodePen.
1. DBMS_LOB 데이터 타입 데이터 타입 설명 CLOB 문자형 대용량 객체 고정길이와 가변길이 문자집합 지원 NCLOB 유니코드를 지원하는 문자형 대용량 객체 BLOB 이진형 대용량 객체 BFILE 대용량 이진 파일에 대한 위치,이름 저장 2. DBMS_LOB 함수 [2-1] DBMS_LOB.SUBSTR - 문자열을 자름 SELECT DBMS_LOB.SUBSTR(컬럼, 자를 문자수, 시작위치) [2-2] DBMS_LOB.INSTR - 지정된 키워드를 검색해서 위치(몇글자 째에 키워드가 위치해있는지) 반환 SELECT DBMS_LOB.INSTR(컬럼, '찾을 키워드', 시작위치, 몇번째 단어인지) [2-3] DBMS_LOB.GETLENGTH - 해당 컬럼의 전체 길이 반환 (공백을 포함한 글자수를 반..
파일 확장자를 제한하는, 필터링하는 기능을 하는 클래스이다. 허용되지 않은 확장자명을 파라메터로 받아오는 경우에는 예외를 발생시킨다. java package board.cmmn; import javax.servlet.ServletException; public class ExtUtil { public static String allowExt(String value) { String fileExtNm = ""; try { if(value != null || value.equals("")) { String fileExt = ""; if(value.contains(".")) { // 파일이름 +확장자명 fileExt = value.substring(value.lastIndexOf(".") + 1, value...
여러 개 channel에서 키워드 검색을 통한 검색결과를 가져오는 방법 (1) keywordSearchData를 호출시키면 youtube channel id 여러개를 youtubeDataAPI 메소드에 전달한다. (2) youtube Data API 할당량이 정해져 있기 때문에 검색결과를 줄이기 위해서 해시태그(#)가 붙여진 유튜브 동영상에 한하여 youtube Data API를 실행되도록 검색어 앞에 '#'를 붙였다. * youtube Data API의 일일 할당량 10,000 (3) youtube Data API 실행된 이후인 2번째부터 nextPageToken 토큰값 있으면 파리미터 추가한다. * 결과 집합의 다음 페이지를 검색하는 pageToken 매개변수의 값으로 사용할 수 있는 토큰 (4) n..
#header .header_inner .shortcut_list .service_icon::before { content: ""; display: block; position: absolute; top: -2px; left: -3px; background-image: url(https://pm.pstatic.net/resources/asset/sp_main.2b96eea2.png); background-size: 434px 414px; background-position: 0px -128px; background-repeat: no-repeat; width: 54px; height: 54px } #header .header_inner .pay_area .link_pay::after { content: ..