일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- TO_DATE
- select
- eGov
- javascript
- controller
- eGovFramework
- html
- 태그
- spring
- CSS
- input
- 오류
- 개념
- 배열
- json
- POI
- JVM
- Ajax
- Java
- Oracle
- 과정평가형
- was
- 정의
- 함수
- mybatis
- array
- sql
- jQuery
- Database
- web.xml
- Today
- Total
목록전체 글 (151)
web developer
문자열 list에 담아 null 제외한 값 가져오기 List.removeAll(collection)은 리스트에서 인자로 전달된 collection의 요소들을 모두 제거합니다. removeAll()의 인자로 null과 빈 문자열이 있는 리스트를 전달하면, 리스트에서 null과 빈 문자열이 모두 제거됩니다. String tag1 = loginVO.getTag1(); String tag2 = loginVO.getTag2(); String tag3 = loginVO.getTag3(); String tag4 = loginVO.getTag4(); List tagList = new ArrayList(Arrays.asList(tag1, tag2, tag3, tag4)); // 리스트 초기화 tagList.removeA..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/SWyaa/btrWSwI8SbA/aQKHfjkktUjiw9FlVF2QLK/img.png)
Large tree map 하이차트 트리맵으로 시각화된 대규모 데이터 세트를 보여주는 하이차트입니다. See the Pen Large tree map by 안중현 (@pogba10) on CodePen. 위의 예시에서는 https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/world-mortality.json 에서 데이터를 가져와서 사용하고 있습니다. 데이터를 간단하게 본다면 아래와 같습니다. { "Eastern Mediterranean": { "Afghanistan": { "Communicable & other Group I": 102.5, "Injuries": 47, "Noncommunicable diseases": 110.4 }..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/tSvRh/btrWLxfM19V/f9gmPiwfD04wM0eX24nePK/img.png)
HTTP 정의 Hypertext 하이퍼텍스트(Hypertext, 문화어: 초본문, 하이퍼본문)는 참조(하이퍼링크)를 통해 독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트이다. - 즉, 출판된 책처럼 작가의 의도대로 사용자가 따라가는 것이 아닌, 하이퍼링크로 연결된 문서들을 어떠한 행위(클릭)에 따라 자유롭게 이동할 수 있다. - 하이퍼텍스트가 쓰인 기술들 중 가장 중요한 두 가지가 HTML과 HTTP이다. - HTTP는 하나의 프로토콜으로서, 이 통신규약을 이용해서 컴퓨터가 다른 컴퓨터와 메시지를 주고 받을 수 있다. 이 HTTP로 HTML 문서가 전달될 수 있다. HTML (HyperText Markup Language) 태그를 이용해 정보와 문서를 구조적으로 표현하는 웹 문서 작성 기술을..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/eon0Zk/btrWeZdyt2K/NlFf1deol3igV83Oc2OeOK/img.png)
Content-Type 정의 Content-Type 이란? HTTP 통신에서 전송되는 데이터의 타입을 나타내는 header정보 중 하나이다. Content-Type에 따라 데이터를 받는 측에서는 데이터를 어떻게 처리해야 할지를 판단한다. 여기서 데이터를 받는 측은 Request(브라우저) 또는 Response(웹서버) 둘다 포함 된다. Request Headers - 요청 헤더는 HTTP 요청에서 사용되지만 메시지의 컨텐츠와 관련이 없는 HTTP 헤더이다. - 보통 Fetch될 리소스나 클라이언트 자체에 대한 정보를 포함하여 서버로 보내진다. - 브라우저에서 웹서버로 이미지 데이터(일반텍스트)를 보낼경우 Request Header에 Content-Type을 지정해서 보낸다. https://wonit.ti..
Model, ModelMap, ModelAndView 스프링의 model 객체에는 Model, ModelMap, ModelAndView가 있다. 위의 3개 객체를 크게 2가지 관점으로 보면, model(ModelMap) vs ModelAndView로 나눌 수 있다. Model vs ModelMap [1] Model, ModelMap 공통점 model.addAttribute("변수명"); modelMap.addAttribute("변수명"); 둘 다 addAttribute를 사용함 Model / ModelMap에 데이터만 저장 후 View (.jsp) 에서 사용목적 [2] Model, ModelMap 차이점 Model - 인터페이스 ModelMap - 클래스 [3] 예제 java @RequestMapping..
.attr() 메서드 .attr() : html 의 속성(attribute)을 다룬다. .attr() 메서드를 통해서는 element가 가지는 속성값이나 정보를 조회(style, src, rowspan 등)하거나 세팅하는 형식 .prop() 메서드 .prop() : javascript 프로퍼티(property)를 다룬다. .prop() 메서드를 통해서는 element가 가지는 실제적인 상태(활성화, 체크, 선택여부 등)를 제어하는 업무 $( '.selectCheck' ).click( function() { $( '.test' ).prop( 'checked', this.checked ); }); 출처 : https://www.codingfactory.net/10341
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bwj2tv/btrTltt7yIv/o3aLzpHiTjUJuhiwRz4KKk/img.png)
SQL SQL (Structured Query Language) - SQL은 Structured Query Language (구조적 질의 언어)의 줄임말로, 관계형 데이터베이스 시스템(RDBMS)에서 데이터를 관리 및 처리하기 위해 설계된 프로그래밍 언어입니다. - SQL은 1970년대에 IBM에서 최초 개발되었으며 관계형 모델이라는 이론에서 파생된 특징을 가지고 있는데, 현재 SQL의 표준으로 ANSI SQL이 정립되었습니다. - 각 DBMS 프로그램에서 ANSI SQL을 기반으로 개발된 개별 SQL을 사용하며 서로 근소한 차이를 보입니다. SQL 문법 [1] DDL - Data Definition Language, 데이터 정의 언어 - 각 릴레이션을 정의하기 위해 사용하는 언어 - conceptual..
Moment.js Moment.js는 JavaScript에서 날짜 및 시간을 조작하고 작업하는데 도움이 되는 JavaScript 라이브러리입니다. Moment.js는 JavaScript에서 날짜 및 시간과 관련된 라이브러리 중에서 가장 오래되었지만, 현재 다음 두 가지 이유로 개발이 중단되었습니다. Moment.js의 용량 문제 너무 오래되어 신규 기능 추가가 어려움 Moment.js 개발자 중 한 명은 Moment.js의 단점을 극복하기 위해 Luxon.js라는 라이브러를 만들었으며, 날짜 및 시간을 조작하는 라이브러리는 Luxon.js 외에도 Day.js, date-fns.js 등 여러 가지가 존재합니다. import moment from 'moment'; const moment = require('..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/F8kSz/btrRRPsVTKl/tnKUkCgRyAxQJcTaN9rJzk/img.png)
WITH절이란 WITH절은 오라클9 이후 버전부터 사용이 가능하며 이름이 부여된 서브쿼리라고 생각하시면 됩니다. * 차이점 VIEW는 한번 만들어놓으면 DROP할때까지 없어지지 않지만 WITH절의 같은경우 한번 실행할 쿼리문내에 정의되어 있을경우, 그 쿼리문안에서만 실행된다는 차이점이 있습니다. WITH절을 사용하는 이유 WITH절은 복잡한 SQL에서 동일 블록에 대해 반복적으로 SQL문을 사용하는 경우 그 블록에 이름을 부여하여 재사용 할 수 있게 함으로서 쿼리 성능을 높일 수 있는데 WITH절을 이용하여 미리 이름을 부여해서 Query Block을 만들 수 있습니다. 자주 실행되는 경우 한번만 Parsing되고 Plan 계획이 수립되므로 쿼리의 성능향상에 도움이 됩니다. WITH temp AS ( S..
JSON 데이터 controller(java단)에서 만들어 jsp에 JSON 데이터 보내기 POM.xml에 depencency 추가 com.googlecode.json-simple json-simple 1.1 modelandView로 가져오기 import org.json.simple.JSONObject; import org.json.simple.JSONArray; @RequestMapping(value = "/test.do", method = RequestMethod.GET) @ResponseBody public ModelAndView test() { ModelAndView mv = new ModelAndView(); mv.setViewName("/board/content"); // 뷰의 이름 try {..
JSON(JavaScript Object Notation)과 JavaScript Object 차이 JSON Object (JavaScript Object) - JS Engine 메모리 안에 있는 데이터 구조 JSON (JavaScript Object Notation) - 객체의 내용을 기술하기 위한 text 파일 - lightweight data-interchange format (가벼운 데이터 교환 형식) - It is easy for humans to read and write. (인간이 읽고 쓰는 것은 쉽다.) - It is easy for machines to parse and generate. (기계가 쉽게 구문 분석하고 생성할 수 있습니다. ) JSON 객체는 JSON(JavaScript Ob..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b9zBEX/btrQrHqccmX/MjB8gXquMACJqzeh4vMgok/img.png)
1. 스프링 MVC 기본 구조 스프링 프레임워크는 하나의 기능을 위해서만 만들어진 프레임워크가 아닌 '코어'라고 할 수 있는 여러 서브 프로젝트들을 결합해서 다양한 상황에 대처할 수 있도록 개발하였다. 그중 하나가 MVC 구조이다. 스프링 MVC [Spring MVC] - WEB 관련 영역 [Spring Core] - 일반 JAVA 영역(POJO) [Spring-MyBatis] [DB] 2. 스프링 구동 순서 - 프로젝트 구동은 web.xml 에서 시작한다. web.xml 상단에는 가장 먼저 구동되는 Context Listener가 등록되어 있다. ContextLoaderListener는 해당 웹 어플리케이션을 구동하게 되면 같이 작동이 시작되므로 해당 프로젝트를 실행하면 가장 먼저 로그를 출력하면서 실..