외우지말고 이해하라.

서블릿(Servlet)클라이언트의 요청을 처리하고, 그 결과를 반환하는Servlet 클래스의 구현 규칙을 지킨 자바 웹 프로그래밍 기술자바 서블릿(Java Servlet)은 자바를 사용하여 웹페이지를 동적으로 생성하는 서버측 프로그램 혹은 그 사양을 말하며, 흔히 "서블릿"이라 불린다. 간단히 말해서, 서블릿이란 자바를 사용하여 웹을 만들기 위해 필요한 기술입니다. 클라이언트가 어떠한 요청을 하면 그에 대한 결과를 다시 전송해주어야 하는데, 이러한 역할을 하는 자바 프로그램입니다.웹을 만들때는 다양한 요청(Request)과 응답(Response)이 있기 마련이고 이 요청과 응답에는 규칙이 존재합니다. 이러한 요청과 응답을 일일이 처리하려면 많이 힘들껍니다. 서블릿은 이러한 웹 요청과 응답의 흐름을 간단한..

JDBC, DBCP, JNDI ?JDBC 란?JDBC는Java DataBase Connectivity의 약자이며, 데이터베이스를 조작하는 표준 SQL 인터페이스 API이다.인터페이스 기반 구축 (데이터베이스 커넥션 인터페이스)이론적으로 각 DBMS에 맞는 JDBC를 받아주게 되면 쉽게 DBMS를 변경 가능일반적으로 JDBC는 Database Pool 방식을 사용하지 않고 DB에서 정보를 가져올 때마다 매번 디비 Connection을 열고 닫는다. 따라서 매우 비효율적이기 때문에 상용 어플에서 JDBC 방식을 사용하는 경우는 거의 없다.JDBC 기능 설명데이터베이스 연결다양한 종류의 데이터베이스에 연결할 수 있습니다. (MySQL, Oracle, SQL Server 등)SQL 문 실행SQL 문을 실행하고 ..

Content-TypeContent-Type은 api 연동시에 보내는 자원을 명시하기 위해 보통 사용합니다.Content-Type을 깊게 이해하기 위해서는 HTTP의 request의 구조를 이해하는 것이 좋습니다.HTTP의 Request는 다음과 같이 4개의 파트로 나눌 수 있습니다.  위 그림에서 Message Body에 들어가는 타입을 HTTP Header에 명시해줄 수 있는데 이때 명시해줄 수 있도록 해주는 필드가 바로 Content Type입니다. 예를 들어 api 요청 시 request에 실어 보내는 데이터(body)의 type정보를 표현합니다.그중에 Text타입으로는 text/css, text/javascript, text/html, text/plain 등이 있습니다.또 file을 실어보내기 ..

빌드 관리 도구(Build Tool)Maven과 Gradle은 모두 빌드 관리 도구이다.빌드 관리 도구는 빌드와 관리 도구로 나누어질 수 있어보인다. 그렇다면 빌드란 무엇일까? ⚒ 빌드(Build)빌드는 소스코드 파일을 컴퓨터에서 실행할 수 있는 독립적인 형태로 변환하는 과정과 결과를 말한다. 즉, 우리가 작성한 소스코드 (스프링부트의 경우 .java 파일), 프로젝트에서 쓰인 각각의 파일 및 자원(.xml, .jpa, .jpg, properties)을 jvm이나 톰캣 같은 WAS가 인식할 수 있도록 패키징하는 과정 및 결과물을 일컫는다.예를 들면, Java 프로젝트를 진행하면 개발자가 작성한 A.java와 여러 가지 정적 파일 등에 해당하는 resource가 존재한다.빌드를 한다면 소스코드를 컴파일 해..

1. 제이콥의 법칙 사용자는 새로운 경험을 이해하기 위해 기존 경험을 활용 한다. 사례 - 쇼핑몰의 장비구니 위치 : 새로운 서비스를 사용할때 이전 경험을 활용해 장바구니 위치를 비슷하게 따라간다. 2. 피츠의 법칙 터치 대상의 크기는 사용자가 정호가하게 선택할 수 있도록 충분히 커야하며, 터치 대상 사이에 충분한 거리를 확보해야한다. 사례 - input + label : 라벨 영역을 클릭해도 input 영역에 입력 가능 3. 힉의 법칙 의사 결정에 걸리는 시간은 선택지의 개수와 복잡성과 비례해 늘어난다. 사례 - 할머니 할아버지 리모컨 (리모컨 선택지가 너무 많아서 할아버지, 할머니가 힘들어하셔서 테이프로 다른 기능들을 막고 사용만 하는 기능들만 남겨놓음 ) 4. 피크엔드 법칙 절정의 순간과 마지막 순..

https://subicura.com/2018/02/14/javascript-debugging.html 크롬 개발자 도구를 이용한 자바스크립트 디버깅 자바스크립트 디버깅 어떻게 하시나요? alert()을 사용하시나요? 아니면 console.log()를 선호하시나요? 크롬 개발자 도구는 일반적으로 알고 있는 것보다 더 강력한 기능을 제공합니다. 많은 개발자 subicura.com 좋은 정보감사합니다 (문제시 삭제)

const http = require('http'); const fs = require('fs').promises; // 프로미스 기반 fs 를 사용하려면 .promises 를 붙여야 됌, 안그럼 오류남 const server = http.createServer(function(req, res){ new Promise(function(resolve, reject){ var data = fs.readFile('./index.html'); resolve(data); }).then(function(result){ // 서버 응답 var data = result; res.writeHead(200, {'Content-type' : 'text/html; charset=utf-8'}); // 200 은 성공을 의미 ..

btoa() // base64로 인코딩 atob() // base64로 디코딩 언제 base64로 인코딩하는가 데이터베이스에 전송할 때 이미지인 경우 base64 타입을 요구하는 경우가 있을 수 있습니다. 보통 이미지는 base64로 인코딩 후 blob DB에 업로드합니다. 또는 인증과 관련된 정보 역시 base64로 인코딩 후 전송하기도 합니다. 그럼 base64로 인코딩 또는 디코딩 방법을 알아봅니다. 이때 사용할 함수와 문법은 아래와 같습니다.

방법 1. javascript 속성 값 match 하기 PC 웹 환경과 모바일을 구분할 수 있는대표적인 속성 값은 platform / userAgent return (navigator.userAgent.match(mobileDevices) !== null); 방법 2. JQuery 활용하기 Mobile test 방법 3. Modernizr 활용하기 https://modernizr.com/

네이티브 앱 Native APP 네이티브 앱은 우리가 흔히 말하는 ' 어플리케이션 ' 을 의미 합니다. 모바일 기기에 최적화 된 언어로 개발 된 앱으로 안드로이드 SDK를 이용해 Java (자바) 언어로 만드는 앱과 iOS 기반 SDK를 이용해 Swift (스위프트) 로 만드는 대부분의 앱이 여기에 속한다고 할 수 있습니다. 네이티브 앱의 장점 ■ 성능이 웹앱 , 하이브리드 앱에 비하여 가장 높습니다. ■ 네이티브 API를 호출하여 사용함으로 플랫폼과 밀착되어 있습니다. ■ 해당 언어에 익숙한 사용자라면 좀 더 쉽게 접근할 수 있습니다. 네이티브 앱의 단점 ■ 플랫폼에 한정적 입니다. ■ 해당 플랫폼에서 요구하는 언어에 제약적 입니다. 따라서 해당 언어와 플랫폼의 API를 다루는데 익숙해야 합니다. 모바..