web developer

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

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('..

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.1modelandView로 가져오기 import org.json.simple.JSONObject;import org.json.simple.JSONArray;@RequestMapping(value = "/test.do", method = RequestMethod.GET)@ResponseBodypublic ModelAndView test() { ModelAndView mv = new ModelAndView(); mv.setViewName("/board/con..

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..

1. 스프링 MVC 기본 구조스프링 프레임워크는 하나의 기능을 위해서만 만들어진 프레임워크가 아닌 '코어'라고 할 수 있는 여러 서브 프로젝트들을 결합해서 다양한 상황에 대처할 수 있도록 개발하였다. 그중 하나가 MVC 구조이다.2.  스프링 구동 순서프로젝트 구동은 web.xml 에서 시작한다. web.xml 상단에는 가장 먼저 구동되는 Context Listener가 등록되어 있다. ContextLoaderListener는 해당 웹 어플리케이션을 구동하게 되면 같이 작동이 시작되므로 해당 프로젝트를 실행하면 가장 먼저 로그를 출력하면서 실행한다. --> 여기서 root-context를 부름root-context.xml이 처리되면 파일에 있는(설정해 놓은) Bean들이 작동한다.root-context...

1/ JVM(Java Virtual Machine) JVM (Java Virtual Machine) : 자바 프로그램이 실행되는 가상 컴퓨터(Virtual Machine) 운영체제에서 바로 실행하면 되는 데 JVM 이라고 하는 가상 머신(기계)이 왜 필요한 것인가? 자바 프로그램은 바이트 코드이기 때문에 운영체제가 이것을 해석하고 실행 할 수 없다. 자바 가상 머신으로 자바 바이트 코드(.class 파일)를 OS에 특화된 코드로 변환(인터프리터와 JIT 컴파일러)하여 실행한다. JVM이 자바를 실행하는 가상의 운영체제 역할을 담당 한다. 즉 , JVM은 운영체제와 자바 프로그램를 연결 해주는 중간 다리라고 보면 된다. 그렇기 때문에 운영체제에 맞는 JVM을 설치하기만 하면 모든 운영체제에서 자바를 실행 ..

웹 개발 시 Chrome의 console 창에서 Uncaught TypeError: ~.replace is not a function 에러 메시지가 나타나는 경우가 발생합니다. 이러한 에러 메시지가 발생하는 원인으로는 replace를 하려고 하는 데이터가 parseInt, 즉 숫자일 때에 발생하는 오류입니다. 이러할 때에는 문자열로 교체하고 replace 하게 되면 정상적으로 오류를 해결할 수 있습니다. 또한 인코딩이 지정되지 않으면 원시 버퍼가 반환되기 때문에 발생하는 오류이기도 합니다. replace() 함수는 원시 버퍼가 아닌 인코딩 처리한 문자열로 처리되어야 하는 함수입니다. replace를 하려고 하는 데이터를 .toString()를 사용하여 문자로 변경하여 처리하도록 합니다. 출처 : http..

1. 스트림과 바이트 스트림의 개념 1) 스트림 · 인간이 사용하는 문자는 이진수로 컴퓨터에게 전달된다. · 문자 뿐만 아니라 이미지, 동영상, 소리도 이진수로 인코딩된다. · 데이터는 이진수의 나열로 바뀌는데 이진수의 흐름을 바이트 단위로 읽어들인다. · 이러한 흐름을 스트림(Stream)이라 한다. 2) 바이트 스트림 · 바이트 스트림은 1 byte를 입출력 할 수 있는 스트림(흐름) 입니다. · 자바에서 입·출력 스트림을 통해 흘러가는 데이터의 기본 단위입니다. · 일반적으로 바이트로 구성된 파일, 즉 동영상 파일, 이미지 파일, 음악 파일을 처리하기에 적합한 스트림입니다. 2. 바이트 스트림 계층구조 자바의 출력 바이트 스트림의 기본 클래스가 되는 이 클래스는 추상클래스입니다. 즉 객체를 생성하진..