IT
부스트 코스 DB연결 웹앱#8 JDBC-1
학습 목표 JDBC가 무엇인지 이해한다. JDBC란 자바를 이용해서 데이터베이스를 조작할 수 있게 하는 것이다. CMD에서 데이터베이스를 조작하기에는 불편하니 자바를 통해서 조작할 수 있게 만든 것이다. JDBC를 이용한 프로그래밍 방법 import java.sql.*; 드라이버를 로드한다. CONNECTION 객체를 생성한다.(DB접속) STATEMENT 객체를 생성 및 질의 수행(쿼리문 작성) SQL문에 결과물이 있다면 RESULTSET 객체를 생성한다.(SELECT문처럼 결과문이 있는 경우 사용) 모든 객체를 닫는다. JDBC 사용 - 단계별 설명 1.임포트 import java.sql.*; 2.드라이버 로드 Class.forName( "com.mysql.jdbc.Driver" ); 3.Connec..
부스트코스 DB연결 웹앱#7 SQL-2
학습 목표 테이블을 생성할 수 있다. 테이블을 수정할 수 있다. 테이블을 삭제할 수 있다. 이번 시간엔 테이블 생성 수정 삭제에 대해서 알아보자. 개념은 크게 세가지이다. create table alter table drop table 테이블 생성은 create table 테이블명( 필드명1 타입 필드명2 타입.....);이다. 간단하게 북이라는 테이블을 생성해보자 create table book( -> isbn varchar(10) primary key, -> title varchar(10) not null, -> price integer not null); 프라이머리 키를 생성 후 나머지 값들을 넣었다. 테이블은 이렇게 만들면 된다. 테이블수정 컬럼 추가 alter table 테이블명 add 필드명 ..
부스트코스 DB연결 웹앱#7 SQL
SQL을 설치한 후 유저를 생성후 접속한다 mysql -uroot -p 후 비밀번호를 입력하고 데이터베이스를 생성하려면 create database DB명;을 입력한다. db이름은 connectdb로 한다 데이터베이스가 생성됐으면 유저를 생성한다. 현재최신버전은 8버전이고 8버전의 코드는 이걸 입력하면 된다. create user 'connectuser'@'localhost' identified by 'connect123!@#'; grant all privileges on connectdb.* to 'connectuser'@'localhost'; grant all privileges on connectdb.* to 'connectuser'@'%'; flush privileges; 그리고 나서 만든 유저명..
부스트코스 DB연결 웹앱 #6 EL,JSTL
점점 배우는 언어가 많아진다. 백엔드 언어가 자바인 경우 배우는 것이 프론트를 제외하더라도 JAVA, SERVLET, JSP, EL, JSTL ...뒤로 SPRING등이 있을 것이다. 노드를 썻을 때는 자바스크립트와 노드문법 적당히만 알면 사용가능 했었는데 확실히 자바는 배울것이 많다. 하지만 한국에 취업하려면 자바를 꼭 해야하니 어쩔 수 없다...ㅠ EL은 표현언어이다. 출력할때 사용하며 사용법은 ${변수}이다. 연산까지 가능하며 for문이나 if문은 사용 불가능하다 그것을 사용하려면 jstl을 배워야한다... 간단한??코드로 예를 들자면 pageScope: pageScopeEl: ${pageScope.p1} requestScopeEl: ${requestScope.r1} sessionScopeEl: $..
부스트코스 DB연결 웹앱 #5 scope
핵심 개념 application scope session scope request scope page scope 각 변수를 특정범위 내에서 사용하기 위해서 scope를 알아야한다. 스코프는 크게 4가지가 있다. Application : 웹 어플리케이션이 시작되고 종료될 때까지 변수가 유지되는 경우 사용 Session : 웹 브라우저 별로 변수가 관리되는 경우 사용하며 변수를 유지할 때도 사용하며 여러번 요청받아도 유지된다. Request : http요청을 WAS가 받아서 웹 브라우저에게 응답할 때까지 변수가 유지되는 경우 사용하며 한번의 요청동안 유지된다. Page : 페이지 내에서 지역변수처럼 사용 핵심 개념 PageContext jsp 페이지에서 pageContext라는 내장 객체로 사용 가능 하다...
부스트코스 DB연결 웹앱 #4 redirect & forward
핵심 개념 HttpServletResponse sendRedirect() 리다리렉트는 http프로토콜로 정해진 규칙이다. 서버는 클라이언트의 요청에 대해 특정 URL로 이동을 요청할 수 있다. 이를 리다이렉트라고 한다. 1. 클라이언트가 요청을 하면 서버는 리다이렉트가 담긴 코드를 보고 HTTP상태코드 302와 헤더 내 LOCATION 값에 이동할 URL을 함께 보낸다. 클라이언트:주소 요청 >>HTTP://WWW.~~~~주소 요청(안에 리다이렉트코드 있음)>> >>서버: 리다이렉트코드를 보고 내 상태 코드와 바뀐 주솟값을 클라이언트에게 다시 전달 >>>>상태코드 + 주소>>>> >>클라이언트: 상태값이 302인걸 확인 + 바뀐 주소값으로 자동으로 서버에 재요청 >>> 서버:바뀐 주소 응답. 리다이렉트는..
부스트코스 DB연결 웹앱 #3 JS
핵심 개념 jsp (java server page) JSP는 무조건 서블릿으로 바뀐다. 그러므로 서블릿으로 바꿀 때 어떻게 바꿔야하는지를 구분하는 방법이 init > service가 실행된다. jsp로 init이나 디스트로이에 코드를 넣으려면 로 따로 지정해줘야 한다.
부스트코스 DB연결 웹앱 #2 WEB UI 개발- FE
1. 배운것들 setTimeout을 필요한 곳에 사용할 수 있다. 비동기가 무엇인지 기본개념을 이해한다. window 메서드는 여러가지 있지만 그 중에 setTimeout이라는 메서드가 있다. 윈도우 메서드의 경우 window.setTimeout()이런식으로 안하고 setTimeout()이렇게 해도 선언이 된다. 이 메서드는 함수를 인자로 받을 수 있다. setTimeout(function(){}, 1000) 이런식으로 하면 이 함수가 1초뒤에 실행되는 것이다. function run() { console.log("start"); setTimeout(function() { var msg = "hello codesquad"; console.log(msg); }, 1000); console.log("end"..
부스트코스 DB연결 웹앱 #1 자바스크립트 FE
1. 배운것들 변수선언 연산자 Type 종류 Type 확인 방법 자바스크립트에서 변수선언은 var let const가 있다. let과 const는 es6들어서 추가로 생긴 것이고 어떤 변수를 쓰느냐에 따라 변수의 scope 즉 유효범위가 달라진다. 연산자의 경우 +-=%/ 등이 있고 값이 같다는 연산자 == 는 타입을 비교해주지 않아서 보통 자바스크립트에서는 ==대신 ===를 쓴다. &&은 둘다 참일 때 트루이고 ||는 하나만 참이라도 트루값이다. const name = "crong"; const result = name || "codesquad"; 에서 name에 값이 있으니 crong이 되고 없으면 codesquad가 된다. 삼항연산자의 경우 int a = 11; if(a > 10 ) ? "up" :..