본문 바로가기

전체 글

 (71)
4. JDBC - 연결 생성부터 자원반환까지 ✓ 흐름 ① 드라이버 로드: 데이터베이스 연결을 위해 해당 데이터베이스 JDBC 드라이버 로드 ② 연결 생성: 클래스를 이용하여 데이터베이스 연결 객체(Connection)생성(이때, 연결 정보를 지정) ③ Statement 생성: Connection 객체를 이용해, SQL문 실행을 위한 Statement 객체 생성 ④ SQL문 실행: Statement 객체를 이용해 SQL문을 실행, 결과를 ResultSet 객체로 받아옴 ⑤ 결과 처리: ResultSet 객체를 이용하여 SQL 실행 결과를 처리 ⑥ 자원 반환: 모든 작업이 완료되면 사용한 자원(Connection, Statement, ResultSet 등)을 반드시 반환 (메모리 누수 방지, 다른 프로그램에서 해당 자원 접근 가능) ✓ 객체 생성 데이..
3. JDBC의 흐름 및 JDBC Tamplate JDBC (Java Database Connectivity) Java 프로그래밍 언어에서 데이터베이스에 접속하여 데이터를 조작할 수 있도록 하는 API ✓ 흐름 ① 드라이버 로드: 데이터베이스 연결을 위해 해당 데이터베이스 JDBC 드라이버 로드 ② 연결 생성: DriverManager 클래스를 이용하여 데이터베이스 연결 객체(Connection)생성(이때, 연결 정보를 지정) ③ Statement 생성: Connection 객체를 이용해, SQL문 실행을 위한 Statement 객체 생성 ④ SQL문 실행: Statement 객체를 이용해 SQL문을 실행, 결과를 ResultSet 객체로 받아옴 ⑤ 결과 처리: ResultSet 객체를 이용하여 SQL 실행 결과를 처리 ⑥ 자원 반환: 모든 작업이 완료..
2. JSP? + AJAX? JSP(Java Server Page) Java 코드가 들어가 있는 HTML 코드로, Java의 웹 서버 프로그램 (서블릿)으로 변환되어 서비스 됨. Servlet과 JSP의 차이점? Servlet - 웹 서비스 기능을 해주는 자바의 클래스를 말하는 것으로, Java 소스코드 속에 HTML 코드가 들어가는 형태 -> HTML 문서 작성 시 복잡하고 번거로움 JSP - 복잡한 Servlet을 좀 더 간단히 사용 가능하며, HTML 소스코드 속에 Java의 소스코드(, )가 들어간 형태 -> HTML 코드와 Java 코드를 혼합하여 동적인 웹 페이지를 생성 -> 컴파일을 통해 클래스 파일로 변환되어 웹 서버(WAS)에서 실행 Servlet/JSP 동작 순서 1. 웹 서버가 사용자로부터 서블릿에 대한 요청을 ..
1. Sevlet? Servlet - 웹 서비스를 위한 자바 클래스(HTTP 요청을 처리하고 응답을 생성하는 Java 클래스 ) - 웹 프로그래밍에서 클라이언트의 요청(Request)를 처리하고, 그 결과를 다시 클라이언트에게 응답(Response)하는 프로그래밍 기술 ex) 사용자가 로그인 시, 아이디와 비밀번호를 입력하고 로그인 버튼을 누르면 서버는 아이디와 비밀번호를 확인하여 다음 페이지를 띄움 특징 클라이언트 요청에 대해 동적으로 작동하는 웹 애플리케이션 컴포넌트 →클라이언트의 요청에 대한 서버 응답 시, 미리 만들어둔 정적인 화면이 아닌, 요청을 받을 때마다 알맞게 동적인 화면을 만들어 응답. 상속관계 1. 인터페이스: javax.servlet.Sevelt ㄴ 2. 추상클래스: javax.servlet.Generi..
16. 기본, 참조 자료형 / 배열 함수 map() 기본 자료형(number, string, boolean) const num1 = 1; // 기본형 const num2 = number; console.log(num2) // 결과: 1 number, string, boolean은 모두 기본 자료형으로, 값을 재할당하거나 변수를 다른 변수에 저장할 때마다 값을 복사한다. 참조 자료형(배열, 객체) const person = { name : "Kim" }; const secondPerson = person; console.log(secondPerson); // 결과 //[object Object] { // name: "Kim" //} person과 같은 값을 출력하지만, 값을 복사한 것이 아니라 객체 person은 메모리에 저장되어 있고, 상수 person에..
15. Spread & Rest Operator / Destructuring Spread Operator 배열의 원소나 객체의 프로퍼티를 나누는 데 사용한다.(배열이나 객체를 펼침) const newArray = [...oldArray, 1, 2] → newArray에 oldArray의 내용과 원소 1, 2를 추가 const newObject = {...oldObject, newProp : 5 } → oldObject의 모든 프로퍼티와 값을 꺼내 새 객체의 키 값으로 추가 const numbers = [1, 2, 3]; const newNumbers = [...numbers, 4, 5]; const newNumNoDot = [numbers, 4, 5] // 점이 없으면 새 배열에 하나의 원소로 포함. console.log(newNumbers); // 결과: [1, 2, 3, 4,..
14. 클래스 클래스 객체를 생성하기 위한 틀(Tamplate)로, 객체의 상태를 나타내는 속성과 객체가 수행할 수 있는 동작을 나타내는 메서드를 포함한다. * 생성 방법 1. 클래스 정의(속성, 메서드) - 속성: name, age - 메서드1: constructor() → name, age를 매개변수로 받아 this.name, this.age 속성을 초기화. - 메서드2: printMyName() → this.name, this.age 속성을 사용하여 인사말 출력. 2. 클래스를 사용하여 객체 생성(클래스의 인스턴스 생성) - new 키워드를 사용하여 Person 클래스의 새로운 인스턴스 생성하여 prs 변수에 할당. * 인스턴스: 클래스는 객체의 특성을 정의하는 것이고 그 클래스를 통해 생성된 구체적인 실체(Ob..
🥸 To Do List 만들기 기본 로직 할 일을 입력하고 + 버튼을 누르면 화면에 출력됨. let userInput = document.getElementById("user-input") let addBtn = document.getElementById("add-button") // 할 일들을 저장할 변수 let myList = []; // 버튼을 누르면 할일이 추가되도록 이벤트 리스너 addBtn.addEventListener("click", addTask) // 할 일이 추가되는 함수 function addTask(){ myList.push(userInput.value) // console.log(myList) -- 확인용 render(); // + 버튼을 누르면 화면에 출력되게 하는 함수 호출 } let taskBoard = ..

티스토리툴바