모든 글 보기
Spring 공부하기(1) - 웹 개발 기초
스프링으로 웹 개발하면 3가지(?) 그냥 정적컨텐츠 보여주기 MVC, 템플릿 엔진으로 서버에서 정적 컨텐츠를 손봐서 보여주기 HTML 형태로 전달하지 않고 JSON 형태로 서버에서 클라이언트 or 서버에서 서버로 전달하는 API 방식 이용 1. 정적컨텐츠 일단 생성한 Spring프로젝트의 [src - main - resources - static]에 내가 원하는 정적컨텐츠 만든다 //first-static.html Hello, this is static file 이렇게 만든 정적컨텐츠가 보려고 웹 브라우저에서 아래와 같이 주소를 치면 localhost:8080/first-static.html 정적컨텐츠가 보여지는 원리는 사용자가 주소를 치면 내장 서버인 톰켓이 스프링한테 넘기고 스프링은 먼저 [src -..
JSP 공부하기(5) - 게시판 글쓰기
1. 게시판 글쓰기 페이지 구현 write.jsp 메인 게시판 로그인 회원가입 로그아웃 2. 데이터베이스 구축 MYSQL 데이터 베이스에 글의 아이디, 글 제목, 글 내용, 글 사용여부, 작성자 아이디를 저장할 테이블 board를 생성한다. (1) Command 창에서 mysql에 접속한다. mysql -u root -p (2) 사용할 데이터 베이스에 접속한다. use 데이터베이스명; (3) 테이블 생성 create table user ( -> BID int, -> BTitle varchar(50), -> userID varchar(20), -> BContent varchar(2048), -> BAvailable int, -> primary key(userID) ); 4. 게시판 글쓰기 구현 ① writ..
JSP 공부하기(6) - 게시글 보여주기 기능
1. 게시판 페이지 구현 noticeBoard.jsp ; 메인 게시판 로그인 회원가입 로그아웃 글쓰기 번호 제목 내용 작성자
JSP 공부하기(4) - 회원가입 만들기
로그인 기능과 거의 비슷하게 회원가입 기능을 구현하였다. ① signup.jsp 에서 회원가입 페이지 구현 회원가입 ② signupAction.jsp 에서 폼 전달받아 ➡ userDAO에게 회원가입 부탁 ➡ userDAO으로부터 회원가입 결과 받아 ➡ 결과 따라 응답 작성 ③ userDAO.java에서 실제 회원가입 기능 수행 (DB에 이름, 아이디, 비밀번호 정보 저장) package user; import java.sql.*; public class userDAO { private Connection conn; private PreparedStatement pstmt; private ResultSet rs; public userDAO() { //DB Connection try { String dbUR..
JSP 공부하기(3) - 로그아웃 만들기
① loginAction.jsp 로그인을 성공하였을 때 세션 스토리지에 userID를 저장한다. if(result == 1) { session.setAttribute("userID",user.getUserID()); PrintWriter script = response.getWriter(); script.println(""); } *Session Storage Local Storage, Session Storage는 브라우저내에 Key-Value를 저장하는 웹 스토리지 객체이다. 쿠키와 다르게 웹 스토리지 객체는 서버로 전송되지 않는다. Local Storage에 저장된 정보는 브라우저를 닫아도 유지되지만, Session Storage는 브라우저를 닫으면(탭을 닫으면) 지정된 정보가 없어진다. 그렇기 때..
java.lang.ClassNotFoundException: com.mysql.jdbc.Driver (JDBC 드라이버 연동 오류)
java.lang.ClassNotFoundException: com.mysql.jdbc.Driver 오류 해결하기 위해서 ClassPath에 JDBC 드라이버 파일(.jar) 추가하고, Web Deployment Assembly에도 JDBC 드라이버 파일(.jar) 추가한다. ClassPath에 JDBC 드라이버 파일(.jar) 추가 [프로젝트 - Libraries - JRE System Library - Build Path - Configure Build Path] 혹은 [프로젝트 - Properties - Java Build Path] 에서 Classpath에 [Add External JARs] 해서 mysql-connector-java-버전.jar을 추가한다. mysql-connector-java-..
JDBC (Java)
JDBC(Java Database Connectivity) 자바 언어로 다양한 DB와 데이터를 주고받을 수 있게(=SQL 수행) 도와주는 표준 SQL API이다. DBMS마다 사용법이 다 다른데, JDBC는 DBMS에 종속되지 않기 때문에 어떤 DB든 상관없이 데이터를 주고 받는다. JDBC를 사용하려면 각 DB에 맞는 JDBC 드라이버가 필요하다. JDBC 과정 1. JDBC 드라이버 Load Class.forName() 메소드로 JDBC 드라이버를 JVM Method area에 로드한다. Class.forName("com.mysql.jdbc.Driver"); Class는 클래스, 인터페이스의 정보(이름, 변수, 메소드, 생성자 등)를 관리하는 클래스이다. forName()은 Class의 static ..
CSS 단위 %
⚡ %는 부모 요소의 크기의 얼마만큼을( 몇 %를) 차지하는지를 나타낸다 빨간 네모(tab_cont 클래스)의 width와 height의 % 값을 변경해보면 width는 변하는데 height는 안 변한다. .tab_cont { width: 20%; //50% 80% 100% height: 20%; //50% 80% 100% margin: 10px; border: 2px solid red; } ⚡ width 속성, Height 속성 width, height 속성은 요소의 가로, 세로 너비를 지정한다. 기본값으로 브라우저가 자동으로 너비를 계산해주는 auto로 설정되어 있다. Inline 요소, Block 요소 인지에 따라 너비가 달라진다. Inline 요소라면 width, height의 auto는 포함한 ..