JiYoung Dev 🖥

controller : 뷰반환 restcontroller : 데이터 반환 Application.java 위치 기준 하위에 있는 것들만 객체 생성 모든 컨트롤러, 서비스 등은 모두 boot package 하위에 존재할 수 있도록 만들어야 함 spring에서 사용하는 class => 어노테이션 @을 붙여야함. 어떤 기능을 하는지 JPA object와 관계형 테이블 매핑 jpa 사용시 주의점 - 자체적으로 각각의 값들을 구분할 수 있는 (ex.sequence)를 생성하여 이 아이를 primary 키로 사용 잭슨 object-json 쉽게 변환 가능하도록 도와주는 라이브러리 String형태의 json을 java Object로 변환하기 위해 사용 런타임 에러 처리 1. throw : 코드가 깔끔하다 2. try-..

nunjucks 템플릿 엔진의 하나 HTML은 정적인 언어로 Javascript의 동적인 연산들을 HTML으로 처리하기에 불편함 템플릿 엔진은 자바스크립트를 사용해서 HTML의 렌더링을 돕는 일종의 도구 nunjucks 설치 npm install nunjucks nunjucks 환경 설정 const express = require('express') const nunjucks = require('nunjucks') const app = express() //view는 indexRouter에서 사용하므로 위쪽에서 작성해야 함 app.set('views', __dirname+'/views') app.set('view engine', 'html') nunjucks.configure('views', { expr..

http 통신 통신순서 : 클라이언트의 요청이 들어와야 서버쪽에서 그에 알맞는 응답을 진행하는 방식 서버가 먼저 데이터를 보내는 게 불가능함 socket 통신 서버와 클라이언트 양방향 연결이 이루어지는 통신으로, 클라이언트도 서버로 요청을 보낼 수 있고 서버도 클라이언트로 요청을 보낼 수 있는 통신 예를들어 실시간 알림 Node.js에서는 Socket.IO npm 모듈을 이용하여 간단하게 사용할 수 있음 모듈 설치 npm install socket.io 서버쪽 소켓 //서버쪽 소켓 작성 const socketIO = require('socket.io') //어느 서버와 연결이 된 상태로 쓸 것인지 정의를 해줘야 함 (ex.port) //express server module.exports = (serve..

DB연동하기 노드에서 사용하는 템플릿 엔진 : nunjucks html 상에서 반복문, 조건문을 같이 사용할 수 있음 npm install nunjucks nunjucks 설치 후 경로와 형식 설정 nunjucks는 확장자 html 그대로 사용가능 //nunjucks 활용을 위한 설정 //html 문서 경로, 형식 //1. views 값 설정 : view를 저장하고 있는 폴더의 경로 app.set("views", __dirname + "/views"); //2.view engine : 기본적으로 사용할 형식 app.set("view engine", "html"); //nunjucks 설정 nunjucks.configure("views", { express: app, //app(express) 객체 연결 ..

쿠키와 세션을 사용하는 이유 → HTTP의 특성 때문 데이터를 주고받기 위해서는(요청, 응답) 연결을 유지되어야 함 그런데 요청, 응답이 끝났는데도 계속 연결을 유지한다는 것은 계속 자원을 쓴다는 것 → 비효율적 그래서 HTTP는 비연결성의 특징을 가지고 있음 이로인해 파생되는 특징인 무상태(Stateless) 요청과 응답이 끝나는 순간 알고있었던 사용자의 데이터를 더이상 기억하지 않음! 이러한 이유로 사용자의 상태 정보를 유지하기 위해 쿠키와 세션이 필요함 쿠키 유지해야하는 상태 정보를 보관 클라이언트(브라우저)에 저장 만료기간이 남아있으면 컴퓨터를 끄더라도 데이터가 저장되어 있음 생성은 서버에서, 보관은 클라이언트 쪽에서 진행하므로 응답할 때 쿠키를 포함시켜 응답해야 함 서버에서 클라이언트로 응답하는..

Express에서 많이 사용하는 것 중간에 위치하게 되는 함수들 어느 루트로 가는게 효율적인지 라우터가 확인 > 네트워크에서 말하는 라우터 클라이언트의 요청경로(url)을 보고 어디에서 처리하면 되는지 전달해주는 역할 > express에서의 라우터 http 모듈에서는 조건절을 사용했음 app 인스턴스 : 요청받고, 응답하는 모든 작업을 app 인스턴스를 통해서 진행함 인스턴스란 ? - 생성된 서로 다른 객체 정리 http 모듈 : 요청 메서드를 조건문으로 작성해줘야 함 >> 불편 >> express 프레임워크를 사용 프레임워크의 특징 : 초기에는 공부하는데 시간이 걸림 / 사용방법을 익히면 사용하기가 편하다. Express 사용방법 익히기 1. 설치 : terminal - npm install expre..

Spring Boot 개발 환경 준비 🎈 프로그램 설치 (Spring & MySQL) spring tool suite 4 Spring | Tools spring.io C드라이브 바로 아래에 설치 (필수는 아님!) jar파일도 압축파일이라 압축풀기하면 됨 그런데 안되는 경우가 있어서 cmd활용 cmd 창 연 후 cd / >> c드라이브로 이동 java -jar spring-tool-suite-4-4.18.1.RELEASE-e4.27.0-win32.win32.x86_64.self-extracting.jar 입력 sts-4.16.1.RELEASE 뜨면 정상 압축 풀기 완료 워크스페이스 만들기 경로에 한글이 있으면 실행시 문제 발생되므로 꼭 확인! workspace 선택 후 Launch My SQL MySQL ..

🎈 AJAX (Asynchronous JavaScript and XML) 클라이언트와 서버간 비동기적 정보 교환이 가능한 통신 기능 ** 화면 전환 없이 자바스크립트의 라이브러리 중 하나 데이터를 이동하고 화면을 구성하는데 있어서 웹 화면을 갱신하지 않고 필요한 데이터를 서버로 보내고 가져오는 방법 화면 갱신이 없어서 사용자 입장에서 매우 편리하고 빠르게 작업을 처리하는 것처럼 느껴지게 함 하지만, 동적으로 화면을 구성하는 만큼 개발자의 구현은 복잡해짐 📖 Ajax 장점 페이지의 갱신 없이 서버와 비동기 통신을 가능하게 해줌 화면이 새로 로딩되는 것이 아니므로 속도면에서 성능 개선 (웹페이지 속도 향상) 별도의 플러그인이 필요하지 않음 Http 전송 중에도 클라이언트가 웹 어플리케이션과 상호작용 할 수 ..

🎈 FrontController를 사용하는 이유 📖 FrontController 사용하기 전 JoinController, LoginControll를 모두 servlet으로 작성 servlet은 Httpservlet 객체를 받기 때문에 일반 class보다 무거움 → servlet이 많아지면 프로젝트 자체가 무거워짐 따라서 FrontController라는 하나의 컨트롤러(servlet)를 만들고, 그 안에서 각각의 기능에 대한 클래스를 만들어 처리하도록 만듦! 🎈 FrontController 사용하기 📖 사용자 요청 구분 방법 FrontController를 사용하면 mapping값이 하나 > mapping값만 보면 로그인 기능을 하는지, 회원가입 기능을 하는 지등의 어떤 처리를 하는지 구분할 수 없음 사용자..

🎈 Build 흩어진 자원들을 WAS가 인식할 수 있는 구조로 맞춰주는 것 ex. 화면에 보여야 하는 것은 web-app 내부에 들어가야 함. WEB-INF는 클라이언트가 직접 접근 불가한 곳으로 라이브러리 등을 저장 과거에는 구조를 만들어줘야 했음 >> 자동화를 위한 만들어진 도구 >> 빌드 도구 📖 빌드도구 ⚙ Ant 자바 프로젝트의 빌드를 자동화해주는 빌드 툴 ⚙ Maven 자바 프로젝트의 빌드를 자동화해주는 빌드 툴 컴파일과 빌드를 동시에 수행, 테스트를 병행하거나 서버 자원을 관리할 수 있는 환경 제공 Ant를 간편화한 것 - Ant의 경우 - Maven의 경우 라이브러리 파일을 직접 다운받아 넣어주는게 아니라 pom.xml에 적기만 하면 됨 🎈 Maven 실습 📖 Maven 프로젝트 생성 Gr..