개발 note

1. DOM 이란 무엇일까? 2. JS로 DOM 조작해보기 3. DOM에 접근할 수 있는 5가지 방법 4. 연습 문제 풀어보기브라우저에 띄울 웹 페이지가 단순히 정보 전달만을 목적으로 하는 정적인 웹이라면 HTML, CSS로도 충분하겠지만 그 이상의 인터랙티브한 기능을 구현하고자 한다면 자바스크립트와 DOM을 반드시 사용해야 한다.  1. DOM 이란 무엇일까? (문서 객체 모델)문서 객체 모델, 즉 DOM은 웹 페이지(HTML이나 XML 문서)의 콘텐츠 및 구조, 그리고 스타일 요소를 구조화 시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스이다.즉 자바스크립트 같은 스크립팅 언어가 쉽게 웹 페이지에 접근하여 조작할 수 있게끔 연결시켜주는 역..

1. 함수에 선언과 사용 2. 함수 표현식이란? 3. 즉시 실행 함수란? 4. 화살표 함수란? 1. 함수에 선언과 사용 index7.html 파일입니다  2. 함수 표현식이란?자바스크립트에서 "함수 표현식"은 함수를 변수에 할당하는 방식으로 정의하는 것을 의미한다.함수 표현식은 함수를 값으로 다루는 함수형 프로그래밍의 개념 중 하나이며, 매우 유용한 패턴 중 하나이다. index8.html 파일입니다

1. 객체에 대한 이해와 사용 2. 배열에 대한 이해와 사용 1. 객체에 대한 이해와 사용  객체는 프로그래밍에서 데이터와 그 데이터를 다루는 동작(메서드)을 함께 묶어서 표현하는 자료구조이다. 내장 객체 (Built-in Objects)내장 객체는 JavaScript 언어 자체에 내장되어 제공되는 객체들을 말한다. 이러한 객체들은 JavaScript 프로그래밍에서 기본적인 기능을 제공하며, 모든 JavaScript 환경에서 사용할 수 있다. 몇 가지 주요 내장 객체에는 다음과 같은 것들이 있다.Object: 모든 객체의 기본이 되는 객체이다. 다른 모든 객체는 이 객체를 상속 받는다.Array: 배열을 다루는 데 사용되며, 순서가 있는 여러 값을 저장할 수 있다.String: 문자열을 다루는 데 사용되..

1. 자료형에 대한 이해 2. 연산자에 대해 알아 보자 3. var 키워드와 호이스팅에 대한 이해 4. ES6 와 let, const 키워드 1. 자료형에 대한 이해자료형이란 - 컴퓨터가 처리하는 자료에 형태자바스크립트 자료형의 특징느슨한 자료형 체크(weak datatype check) 자바스크립트는 미리 변수의 자료형을 지정하지 않음 변수를 지정하고 원하는 값을 할당만 하면 됨숫자형정수 - 소수점이 없는 숫자 , 표현 방법에 따라 8진수, 10진수, 16진수실수 - 소수점이 있는 숫자, (! 자바스크립트에서는 정밀한 실수 계산을 못 함)부동소수점 방식으로 숫자를 표현하는 이진법의 한계 때문에 발생하는 문제이다. 부동소수점 방식은 소수점 위치가 고정되어 있지 않고, 이진법으로 숫자를 표현하기 때문에 무..

✔기본 개념자바스크립트(JavaScript)는 웹 브라우저에서 동작하는 스크립트 언어 중 하나이다.HTML, CSS와 함께 웹 프로그래밍을 할 수 있도록 고안되었으며, 다양한 용도로 사용된다.자바스크립트는 기본적으로 클라이언트 측에서 실행되는 스크립트 언어로, 웹 페이지를 동적으로 만들고, 사용자와 상호 작용하는 기능을 구현할 수 있다. 예를 들어, HTML 요소의 속성 값을 변경하거나, 이벤트 핸들러를 등록 하여 사용자의 동작에 따라 새로운 기능을 수행하도록 할 수 있다. 또한, AJAX를 이용하여 서버와 비동기적으로 데이터를 주고받는 기능을 구현할 수도 있다.자바스크립트는 브라우저를 제어하는 데 주로 사용되지만, Node.js와 같은 서버 측 프레임워크를 이용하여 서버 측에서도 사용될 수 있다.이러한..

https://maze910.tistory.com/138 JSP 게시판 만들기(로그인, 회원가입, 게시글 리스트)기본 구성회원가입: 사용자가 회원가입을 할 수 있는 기능회원탈퇴: 사용자가 회원탈퇴를 할 수 있는 기능로그인 및 로그아웃: 사용자가 로그인하고 로그아웃할 수 있는 기능회원 관리 기능게maze910.tistory.com이어서 댓글 - 수정까지 만들어 보기BoardControllerpackage com.tenco.controller;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.HttpServlet;import jakarta.servlet.ht..

세션 session사용자가 웹 브라우저를 통해 웹 서버에 접속한 시점으로부터 웹 브라우저를 종료하여 연결을 끝내는 시점까지, 같은 사용자로부터 오는 일련의 요청을 하나의 상태로 보고, 그 상태를 일정하게 유지하는 기술클라이언트와 서버 간의 연결 상태를 의미 (클 -> 서버와 접속이 종료하기 전의 상태 // 웹 사이트 -> 창을 닫기 전까지의 상태)동작 순서클 -> 서버 ▶ 서버에 정보 저장 1. 클라이언트에 요청2. Request - Header 필드 Cookie 세션 ID 확인3. Cookie 세션 ID 서버에 저장4. 세션 ID 값 -> 서버에 전달쿠키 CookieHTTP의 일종으로 웹 사이트 방문시, 그 사이트가 사용하고 있는 서버에서 사용자의 클라이언트에 저장하는 기록 데이터 파일 ex) 아이디/..

기본 구성회원가입: 사용자가 회원가입을 할 수 있는 기능회원탈퇴: 사용자가 회원탈퇴를 할 수 있는 기능로그인 및 로그아웃: 사용자가 로그인하고 로그아웃할 수 있는 기능회원 관리 기능게시판 기능 게시글 작성, 수정, 삭제: 사용자가 게시글을 작성, 수정, 삭제할 수 있는 기능게시글 작성, 수정, 삭제: 사용자가 게시글을 작성, 수정, 삭제할 수 있는 기능게시글 조회: 사용자가 게시글 목록을 조회하고 상세 내용을 볼 수 있는 기능댓글 작성 및 삭제: 게시글에 대한 댓글을 작성하고 삭제할 수 있는 기능페이징 처리게시글 목록 페이징: 게시글 목록을 페이지 단위로 나누어 볼 수 있는 기능 비기능적 요구사항Dynamic Web Project: 이클립스에서 Dynamic Web Project로 설정하여 개발(lib ..

JDBC  - PreparedStatement란  PreparedStatement 객체 statement를 상속받는 인터페이스로 SQL구문을 실행시키는 기능을 갖는 객체 statement객체는 실행시 sql명령어를 지정하여 여러 sql구문을 하나의 statement객체로 수행이 가능하다.(재사용 가능)  하지만, preparedStatement는 객체 생성시에 지정된 sql명령어만을 실행할 수 있다.  (다른 sql구문은 실행못함 ->재사용 못함)StatementStatement 객체는 SQL 쿼리를 데이터베이스에 보내기 위해 사용된다.SQL 쿼리를 실행하고 결과를 받아온다.데이터베이스에 보내는 편지와 같습니다. 편지를 보내면 답장을 받게 된다.executeQuery() 메소드: SELECT 쿼리를 실행..

create database demo6;use demo6;create table posts( id int auto_increment primary key, title varchar(255) not null, content text not null, created_at timestamp default current_timestamp);select * from posts;DB 설정com/tenco/servelet/DBUtil.java 파일 생성package com.tenco.servlet;import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;public class DBUtil { priva..