기록

2. 블로그 개발을 위한 엔티티 구성하기 ◉ 가장 먼저 엔티티를 구성하고, 구성한 엔티티를 사용하기 위한 리포지터리를 추가해보자 - 엔티티 : 데이터베이스의 테이블과 매핑되는 객체로, 데이터베이스의 테이블과 직접 연결 1) 프로젝트 준비하기 ▪︎ Dynamic Web Project 생성 - 'BlogV1' - build.gradle 및 application.yml 설정 추가 ( Snippet 이용 ) 2) 엔티티 구성하기 ◉ 엔티티 구성 - 생성할 엔티티와 매핑되는 테이블 구조 정리 컬럼명 자료형 null 허용 키 설명 id BIGINT N 기본키 일련번호, 기본키 title VARCHAR(255) N 게시물의 제목 content VARCHAR(255) N 내용 ◎ domain 패키지 생성 후, Arti..

• webapp/WEB-INF/view/static/css - css 파일 ( VSC에서 작업 ) • webapp/WEB-INF/view/blog - jsp 파일 ( 이클립스에서 작업 ) ▪︎ blog 폴더에 layout.jsp 생성 전체적인 layout 가정 : header / content / footer ※ - JSP 페이지를 멀티 페이지로 만들어 공통으로 사용하는 부분(header, footer 등)과 새로운 내용으로 나타내야 하는 부분을 분리한 후, 필요한 경우에 다른 문서를 포함하여 하나의 문서로 만드는 지시자 ▪︎ header.jsp TOP (1000 x 80) #FF5EOO; ▪︎ contents.jsp LEFT (600 x 500) #OOD8FF; RIGHT1 (380 x 150) #FF..

▪︎ 이클립스에서 JavaScript 연결 • templates폴더 • webapp/WEB-INF/view : 동적 자료들의 루트 경로 → JSP 파일 • webapp/WEB-INF/view/static : 정적 자료들의 루트 경로 webapp/WEB-INF/view/static/js webapp/WEB-INF/view/static/css webapp/WEB-INF/view/static/images ▪︎ 이클립스의 경우, 전체적인 url주소가 아닌 경우 Ctrl 지원 안됨 → 수동으로 폴더 및 파일 생성해야 함 - static에 js폴더 생성 - new - javascript 파일 생성 ▪︎ Javascript 작업의 경우, VSC에서 해당 폴더 열어서 작업하기 VSC의 경우, JSTL 및 EL 구문 인..

1. 사전 지식 : API와 REST API 1) 식당으로 알아보는 API ▪︎ API ( Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스 ) - 클라이언트의 요청을 서버에 전달하고, 서버의 결과물을 클라이언트에게 전달해주는 역할 즉, 프로그램 간에 상호작용하기 위한 매개체를 의미 - 식당의 점원 역할 : 손님이 점원에게 주문을 하면, 점원이 주방에 가서 주문을 전달 요리가 완성되면 다시 점원이 손님에게 요리 전달 2) 웹의 장점을 최대한 활용하는 REST API ▪︎ REST API ( Representational State Transfer ) - 자원을 이름으로 구분해 자원의 상태를 주고 받는 API 방식 - 웹의 장점을 최대한 활용하는 API - ..

▪︎ 웹 개발자가 반드시 알아야 하는 3가지 언어 1. 웹 페이지의 내용을 정의하는 HTML 2. 웹 페이지의 스타일과 레이아웃을 지정하는 CSS 3. 웹 페이지의 동작을 프로그래밍하는 JavaScript ▪︎ 외부 JS 문서를 HTML에 연결 - 태그의 경우, 와 같이 단일 태그 사용 불가 이중 태그로 사용하기 - 태그 안에 → 예제 파일 app/javascript 폴더에 저장 후 이용하기 해당 파일은 ctrl 누르고 클릭하면 자동으로 자바스크립트 파일 생성해줌 ▪︎ Visual Studio Code의 플러그인에서 Live Preview (Microsoft) 다운로드 → Live Server로 매번 확인하지 않아도 됨 ▪︎ 자바 스크립트 언어 출력 - 자바스크립트 데이터 표시 방법 데이터 표시 방법 설..

* Springboot_ch201 프로젝트에서 작업 1. chapter0폴더 생성 후, GreetingController 클래스 생성 2. /webapp/WEB-INF/view/chapter0/nice.jsp 파일 생성 * SSR( Server Side Rendering )란? - 서버에서 HTML코드를 생성해서 웹 클라이언트로 응답 * CSR ( Client Side Rendering ) - GreetingController.java * application.yml prefix: /WEB-INF/view/ 마지막 ‘/‘를 붙이지 않을 경우, 컨트롤러에서 주소값을 리턴 시 “webapp/WEB-INF/viewchapter0/nice.jsp가 되어 컨트롤 러에서 매핑 불가 3. thank..

3. JPA와 하이버네이트 ◉ DBMS에도 여러 종류가 있는 것처럼, ORM에도 여러 종류가 있음 ▪︎ 자바에서는 JPA( Java Persistence API )를 표준으로 사용함 ▪︎ JPA : 자바에서 관계형 데이터베이스를 사용하는 방식을 정의한 인터페이스 → 실제 사용을 위해서는 ORM 프레임 워크를 추가로 선택해야 함 ⇒ 대표적으로 Hibernate를 많이 사용함 ▪︎ 하이버네이트 - JPA 인터페이스를 구현한 구현체이자 자바용 ORM 프레임워크 - 내부적으로 JDBC API 사용 → 하이버네이트의 목표 : 자바 객체를 통해 데이터베이스 종류에 상관없이 데이터베이스를 자유자재로 사용할 수 있게 해줌 🗣️ JPA와 하이버네이트의 역할 ★★★ - JPA : 자바 객체와 데이터베이스를 연결해 데이터를..

1. 로또 기본 테이블 (lotto_basic) 생성 -- 1. 로또 기본 테이블 (lotto_basic) CREATE TABLE lotto_basic( seq_no NUMBER NOT NULL,-- 로또 회차 draw_dateDATE, -- 추첨일 num1 NUMBER,-- 당첨번호1 num2 NUMBER,-- 당첨번호2 num3 NUMBER,-- 당첨번호3 num4 NUMBER,-- 당첨번호4 num5 NUMBER,-- 당첨번호5 num6 NUMBER,-- 당첨번호6 bonus NUMBER-- 보너스번호 ); SELECT * FROM lotto_basic; -- 기본키 추가 : ALTER TABLE 이용 -- → 기본키의 경우, 제약조건이므로 CONSTRAINTS 이용 ALTER TABLE LOTTO..

1. 데이터베이스란? ◉ 데이터베이스는 데이터를 매우 효율적으로 보관하고 꺼내 볼 수 있는 곳! 많은 사람들이 안전하게 데이터 사용 및 관리 가능 1) 데이터베이스 관리자, DBMS ▪︎ 데이터베이스 관리자, DBMS - DBMS( Database Management System ) : 데이터베이스를 관리하기 위한 소프트웨어 → 관리 특징에 따라 관계형, 객체-관계형, 도큐먼트형, 비관계형 등으로 분류 ◉ 관계형 DBMS ▪︎ 관계형 DBMS = RDBMS ( Relational DBMS ) : 테이블 형태로 이루어진 데이터 저장소 ▪︎ ( 예시 ) 회원 테이블 회원 테이블 ID 이메일 나이 1 a@test.com 10 2 b@test.com 20 3 c@test.com 30 - 행 : 데이터 1, a@..

3. OUTER JOIN - 릴레이션에서 JOIN 조건에 만족하지 않는 튜플도 결과로 출력하기 위한 JOIN 방법 - LEFT OUTER JOIN | RIGHT OUTER JOIN | FULL OUTER JOIN ① LEFT OUTER JOIN -INNER JOIN의 결과를 구한 후, 우측 항 릴레이션의 어떤 튜플과도 맞지 않는 좌측 항의 릴레이션에 있는 튜플들에 NULL값을 붙여서 INNER JOIN의 결과에 추가함 - 형식 SELECT [테이블명1].속성명, [테이블명2].속성명, … FROM 테이블명1 LEFT OUTER JOIN 테이블명2 ON 테이블명1.속성명 = 테이블명2.속성명 ; SELECT [테이블명1].속성명, [테이블명2].속성명, … FROM 테이블명1, 테이블명2 WHERE 테이블..