일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- was
- 정의
- input
- select
- controller
- json
- 오류
- JVM
- CSS
- 개념
- Oracle
- array
- mybatis
- POI
- TO_DATE
- web.xml
- javascript
- eGov
- 함수
- 배열
- eGovFramework
- sql
- html
- spring
- 과정평가형
- jQuery
- Ajax
- 태그
- Database
- Java
- Today
- Total
목록분류 전체보기 (151)
web developer
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/q5Pfp/btsFmfKGOhV/ZayABfptKBtROOvxvlDKwk/img.png)
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 등과의 변환 기능을 제공합니다. 이는 참조 구현체..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bR9Y02/btsEKGnpUPe/u4LPS8lVGxYEEmMBnkqpY0/img.png)
0. 구현된 화면 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. html 작성자 댓글작성 작성자 댓글쓰기 새로고침 음성듣기 3. 상세화면 /* 상세화면 */ @RequestMapping(value = "/boardView.do") public ModelAnd..
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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/oMGiG/btsD4rElZi0/kaqt9PZHGhPGXKIMbZfnY1/img.png)
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...
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bivRe4/btsASGS9rYa/tzferBiktR9iUHD3y4MaOk/img.png)
여러 개 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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cyaC83/btszCLVy4Y9/Y9nUsSKVeGYMUYegT3SUg0/img.png)
#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: ..
select 설정 해 놓은 option의 value값을 선택 할 수 있다. 선택O, 검색X See the Pen select by 안중현 (@drkdcoaa-the-vuer) on CodePen. datalist 설정 해 놓은 option의 value값을 선택 할 수 있다. 선택O, 검색O See the Pen Untitled by 안중현 (@drkdcoaa-the-vuer) on CodePen. 출처 : https://im-designloper.tistory.com/37 출처 : https://rgy0409.tistory.com/4773
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/2ajOl/btsARU5xbFz/9dY0m7UYIk8O5JZputpS60/img.png)
쿼리 매개변수 쿼리 매개변수 설명 q - 검색할 검색어를 지정합니다. - 또한 부울 부울 (-) 및 OR (|) 연산자를 사용하여 동영상을 제외하거나 여러 검색어 중 하나와 연결된 동영상을 찾을 수 있습니다. 예를 들어 '보트' 또는 '세일링'과 일치하는 동영상을 검색하려면 q 매개변수 값을 boating|sailing로 설정합니다. 마찬가지로 '보트' 또는 '세일링'과 일치하지만 '낚시'와는 일치하지 않는 동영상을 검색하려면 q 매개변수 값을 boating|sailing -fishing로 설정합니다. - 파이프 문자는 API 요청에서 전송될 때 URL 이스케이프 처리되어야 합니다. 파이프 문자의 URL 이스케이프 값은 %7C입니다. type - 특정 유형의 리소스만 검색하도록 검색어를 제한합니다. - ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c0RIxT/btsAVquUorf/ksmcPJ4jXcCEkA1e5Mci41/img.png)
Search: list API 요청에 지정된 쿼리 매개변수와 일치하는 검색결과 컬렉션을 반환합니다. (1) HTTP 요청 GET https://www.googleapis.com/youtube/v3/search (2) 쿼리 매개변수 q : q 매개변수는 검색할 검색어를 지정합니다. 나머지 : https://developers.google.com/youtube/v3/docs/search/list?hl=ko (3) 응답 요청에 성공할 경우 이 메소드는 다음과 같은 구조의 응답 본문을 반환합니다. { "kind": "youtube#searchListResponse", "etag": etag, "nextPageToken": string, "prevPageToken": string, "regionCode": str..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/AiX3R/btsyULVCOJN/lEkmIkJv1b5m7cUmx16ZH0/img.png)
1) 네이버 첫화면 네이버를 들어가면 이와 같은 이미지들이 정렬되어 있는 것을 확인할 수 있다. 아래의 이미지와 비슷하게 만들어보았다. See the Pen naver news by 안중현 (@drkdcoaa-the-vuer) on CodePen. 2) 네이버 뉴스 네이버 뉴스로 들어가면 이와 같은 이미지들이 정렬되어 있는 것을 확인할 수 있다. 아래의 이미지와 비슷하게 만들어보았다. See the Pen Untitled by 안중현 (@drkdcoaa-the-vuer) on CodePen. 참조 : https://www.naver.com/ 참조 : https://sorto.me/docs/Web/CSS/object-fit