본문 바로가기

Dev51

[JS] 등록form 이메일 유효성 체크 및 JavaScript 적용 예제 회원 가입 및 등록하는 form을 css와 JS를 연결해준다. Register 이름 이메일 연락처 비밀번호 비밀번호 확인 회원 가입 개인 기업 로그인 회원가입 스프링꿈나무 도룽이 Login .. 2026. 3. 26.
Display - flex , grid 1 2 3 4 5 6 7 8 9 10 7 8 9 10 heaader asidefooter https://flexboxfroggy.com/#ko Flexbox FroggyA game for learning CSS flexboxflexboxfroggy.com개구리들이 기뻐하고 있다. 2026. 3. 25.
CSS margnin padding ,position margin : 20px -> 상화좌우margin : 20px 10px; 상하 좌우margin : 20px 10px 5px ; 상 좌우 하margin : 20px 10px 5px 3px 상 우 하 좌top bottom은 큰 숫자값으로 결정이 된다. position: relative; 설정하면 그 다음에 놓이는 요소는 어디에 놓일까?relative를 설정한 요소가 원래 놓여야 할 위치를 계산하고 그 뒤에 놓인다. position: absolute; 설정하면 그 다음에 놓이는 요소는 어디에 놓일까? position: absolute;를 설정한 요소를 전혀 신경쓰지 않고.. 2026. 3. 25.
프론트엔드#2-CSS실습 기본적인 style적용 internal와 external로 구분하여 css html 안에서(internal) / 밖으로 별도 분리(external) 적용해보았다. CSS 적용하기 2 CSS 적용하기 3 CSS 적용하기 3 The Descendant ( ) Combinator Donald Duck Donald Duck lives in Duckburg. I will be styled. I will be styled.Donald Duck's best friend is Mickey.1Donald Duck's best friend is Mickey.2Donald Duck's best friend is Mickey.3아이디 이름비밀번호 1.. 2026. 3. 24.
프론트엔드 - form 예시 가입 form 예시 Register 이름 이메일 연락처 비밀번호 비밀번호확인 회원가입 등록 form 예시 HTML5에 추가된 폼요소 속성들 등록 2026. 3. 24.
쇼핑몰 Session | 주문 | 상세주문 insert 쇼핑몰 테이블 관계도 다이어그램 goods DDL +DMLdrop table customer;-- 고객테이블create table customer( user_id varchar(30) primary key, -- 사용자ID user_pwd varchar(30) not null,-- 비밀번호 user_name varchar(30),-- 이름 reg_date date-- 가입일);insert into customer values('jang','1111','유재석',now());insert into customer values('lee','1111','이효리',now());insert into customer values('kim','1111','송중기',now());insert into cus.. 2026. 3. 11.
게시판 사용자 게시판, 댓글 실습 package app.mvc.dao;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.ResultSetMetaData;import java.sql.SQLException;import java.util.ArrayList;import java.util.List;import app.mvc.common.DBManager;import app.mvc.dto.BoardDTO;import app.mvc.dto.ReplyDTO;import app.mvc.exception.DMLException;import app.mvc.exception.SearchWrongException;public .. 2026. 3. 11.
[JDBC] SELECT 전체조회 | 번호로 조회 / DELETE로 삭제해보기 dbmanager.getconnect으로 db연결 sql담아서 ps로 보내고 List list 주소가 담긴다. 사원번호로 조회하는 daosetInt하나 해주고 if문 쓰고 List가 아니라 객체 씀 2026. 3. 9.
SQLInjection Test 실습 preparedStatement 가 SQLInjection 공격을 방어해준다.package ex0309.db.dao;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;import java.sql.Statement;import ex0309.db.util.DbManager;import ex0309.dto.Emp;public class SqlInjectionTest { /** * Statement인경우 * select empno, ename,job, sal, hiredate from emp where sal > '2000' * */ public .. 2026. 3. 9.
JDBC(Java Database Connectivity) API실습 JDBC(Java Database Connectivity) API java.sql* import 해야한다.JDBC (Java Database Connectivity)란?→ 자바에서 데이터베이스에 접근하기 위한 표준 API.→ 다양한 DBMS(MySQL, Oracle, PostgreSQL 등)와 독립적으로 동작할 수 있게 해줌.JDBC는 드라이버 매니저(DriverManager)를 통해 데이터베이스 벤더가 제공하는 드라이버를 로드하고, SQL 실행을 가능하게 함.데이터베이스 제조사들이 구현한 구현체 .jar = driver인터페이스장점 구현체를 바꾸기 수월하다 - 드라이버만 바꾸면 된다. repository = DAO영속성 3tier - presetation / service / persistence J.. 2026. 3. 9.
데이터베이스 모델링 - 데이터베이스란? : 데이터를 저장하는 공간 (어떻게> -> 관계형데이터베이스이론에 맞춰 저장 - RDBMS) : 관계형테이터베이란 테이블과 테이블을 연관관계(pk와 fk)를 설정해서 테이블들을 수평관계로 데이터를 저장하는것. - 데이터베이스를 구축하는 목적은? : 데이터의 양이 급증하면서 데이터중복과 정합성문제(삽입,삭제,수정), 성능저하이슈가 있다. 그래서 , 데이터베이스 이론에 맞춰 데이터베이스를 구축해서 중복된 데이터를 최소화 하고 일관성을 유지, 정확성을 보1장하는 것, 무결성유지. - 데이터베이스 모델링 1) 개념적설계 - 비즈니스측면서에서 유형이나 성격이 비슷한 데이터를 그룹핑 하는과정(전체의 큰그림) : 업무를 일반화 한다. -.. 2026. 3. 6.
[AWS] RDS 실습 환경구성 새로운 VPC 생성해서 데이터베이스 구성프리티어 설정VPC01안되면 기본 디폴트로 선택퍼블릭액세스 [예]데이터베이스 생성 인바운드 규칙 편집MYSQL 인바운드규칙 편집/ 추가 MYSQL 인바운드 추가하고 다시 데이터베이스 가서 엔드포인트탭 mysql-rds.c1c6oeaqq4bp.ap-northeast-2.rds.amazonaws.com MYSQL접속 mysql접속 안됨 failed로 뜸데스크탑으로 연결 성공 AWS RDS 삭제 delete me 입력하면 삭제된다. 서브넷 , 파라미터그룹 다시 확인스냅샷 삭제도 [확인완료] 2026. 3. 6.

티스토리툴바