전체 글
delete 쿼리 활용
delete 쿼리 활용
2023-04-05 UPDATE 쿼리 활용 select 쿼리를 활용하여 db로 부터 데이터를 입력받아 리스트를 출력한 뒤 리스트에서 삭제 버튼을 클릭하면 db에서 삭제처리를 하려고 한다 1.import 후 파라미터("send_id")값을 받아온다
update 쿼리 활용
update 쿼리 활용
2023-04-05 UPDATE 쿼리 활용 이전에는 select 쿼리를 활용하여 사용자로부터 데이터를 선택,입력받아 쿼리실행 결과를 사용했었다 select 쿼리를 활용하여 db로 부터 데이터를 입력받아 리스트를 출력하고 출력받은 리스트를 수정하는데 update 쿼리를 활용 하려고 한다 1.select 쿼리를 활용하여 db에서 리스트를 입력받고 출력하는 m_update_form.jsp를 만들어준다 //회원 리스트를 수정화면을 구현 아이디 암호 권한 이름 이메일 2.m_update_action.jsp에 데이터를 받는 파라미터 코드를 넣어준다
select 쿼리 활용
select 쿼리 활용
2023-04-04 SELECT 쿼리 활용 이전에는 insert 쿼리를 활용하여 사용자로부터 데이터를 입력받아 db로 insert했었다 select 쿼리를 활용하여 db로 부터 데이터를 입력받아 실행 결과를 적용 하려고 한다(리스트 출력 하기) 1.mlist 폴더에 m_list.jsp를 만들어준 뒤 기본작업으로 import 해주고 회원리스트 테이블을 생성해준다 //클래스 import //회원 리스트 테이블 생성 회원 리스트 아이디 비번 권한 이름 이메일 수정 삭제 JDBC(Java Database Connectivity) 프로그램 순서 7단계 1.MySQL 드라이버 로딩 Class.forName("com.mysql.jdbc.Driver"); //드라이버 로딩 2.connection객체로 DB 연결 - i..
insert 쿼리 활용
insert 쿼리 활용
2023-03-29 INSERT 쿼리 활용 이전에는 DBMS 구축 및 DB테이블을 생성 하였다 insert 쿼리를 활용하여 사용자로부터 데이터를 입력받아 db로 insert하려고 한다 1.사전에 id, pw, level, name, email 을 받을 수 있게 form을 만들어 두었다(m_insert_form.jsp) 아이디 암호 권한 이름 이메일 2.form에서 넘어온 데이터를 받을 수 있게 만들어준다(m_insert_form.jsp) //클래스 와 인터페이스를 improt 해준다 //localhost : port번호/DB명 String jdbcDriver = "jdbc:mysql://localhost:3306/dev47db?" + "useUnicode=true&characterEncoding=euck..
DBMS 구축 & DB테이블 생성
DBMS 구축 & DB테이블 생성
2023-03-29 DBMS구축 후 DB테이블을 생성하고 테이블 안에 insert, delete, update 등 쿼리문을 이용해 활용법을 알아보려고 한다 일단 MySQL로 데이터베이스 서버에 접근하려면 ip, db접속 아이디, db접속 비밀번호, 포트넘버, db명 을 알아야한다 MySQL root 계정 로그인 root 계정 로그인 후 일반 사용자 계성 생성 쿼리 입력 한 뒤 F9(쿼리실행) root 계정처럼 정보 입력 후 저장 및 열기 테이블 생성 후 insert쿼리문으로 테이블 내용 입력 테이블 확인 1)tb_member테이블에 id006부터 email06까지를 입력하는 insert 쿼리문장 INSERT INTO tb_member VALUES ('id006', 'pw006', '판매자', '홍06',..
MySQL 설치 & HeidiSQL 설치
MySQL 설치 & HeidiSQL 설치
2023-03-29 MySQL ≠ HeidiSQL MySQL과 HeidiSQL은 다르다 MySQL = DBSM의 한종류로 데이터베이스 관리 시스템이다 HeidiSQL = 오픈 소스로 만들어져 무료로 사용할 수 있는 데이터베이스 도구이며 DBMS를 GUI(윈도우OS 같은 그래픽 인터페이스) 환경에서 사용할 수 있도록 해준다 (맥 OS 에서는 없어서 대체프로그램을 사용한다 대부분 DBeaver를 사용함) DBMS의 종류별 특징 Oracle - 오라클에서 만들어 판매중 인 상업용 데이터베이스 - 윈도우, 리눅스, 유닉스 등 다양한 운영체제(OS)에서 설치 가능 - MySQL, MSSQL보다 대량의 데이터 처리 용이 - 대기업에서 주로 사용하며, 글로벌 DB 시장 점유율 1위 - 비공개 소스, 폐쇄적인 운영 -..
회원관리 화면만들기 (관리자입장 내장객체 session응용)
회원관리 화면만들기 (관리자입장 내장객체 session응용)
2023-03-28 지난시간에 이어서 임의로 db에 id와 pw를 저장해서 session을 응용하여 맞거나 틀리면 나오는 문구나 반응을 추가할 예정이다 login폴더안에 login_actiong.jsp를 만들어준다 top.jsp에 로그인 할때 필요한 코드를 넣어준다 경로 설정을 잘해준다, 로그인 할때는 id와 pw만 필요하다 아이디 비 번 login_action에는 id와 pw를 입력받아야하고 dbid로 임의로 id, pw, level, name을 설정해준 뒤 아이디 일치불일치 조건 코드를 작성해주고 session을 활용한다 내장 객체 JSP 내에서 선언하지 않고 사용할 수 있는 객체 (request, out, session) jsp내에 자동으로 포함되어 있는 멤버변수(메소드 매개변수 등의 참조 변수) ..
회원관리 화면만들기 (관리자입장 진짜처럼)
회원관리 화면만들기 (관리자입장 진짜처럼)
2023-03-27 지난 시간에 이어서 회원관리 화면만들기를 진행하였는데 데이터를 실제로 이동하지도 않았다 그리고 index.jsp, user_insert_form.jsp, user_list_delete.jsp, user_list_insert.jsp, user_list_update.jsp, user_list.jsp, user_update_form.jsp 에는 중복코드가 존재했다 1.모듈화 -모듈화를 하지 않고 중복코드가 존재하면 문제점, 수정해야할 것이 생기면 코드마다 다 접근해서 하나하나 수정해야 한다 해결법 : 중복되는 코드는 모듈화 해서 분리한 뒤 불러온다 module폴더를 만든 뒤 폴더 안에 top.jsp, left.jsp, hadan.jsp 를 만들어준다 index.jsp 코드를 일부 잘라내 /..
JavaScript 함수
JavaScript 함수
2023-03-30 함수 메모리에 코드를 저장 할 수 있는 수단 function 이라는 키워드를 사용하여 선언이 가능하다 함수는 선언 후에 호출이 되어야 저장된 코드가 실행된다 함수에는 일반함수와 익명함수가 존재한다 함수 선언 function를 활용하여 선언한다 일반함수 구문 : function 함수명 () {} 익명함수 구문 : function () 익명함수는 변수에 대입이 가능하다 일반 함수는 호이스팅을 지원한다 익명함수 호출 시에는 익명함수가 호출부 위에 선언이 되어야 한다 함수 선언 시 중괄호를 스코프 라고한다 함수에는 전역변수와 지역변수 구분이 확실하다 //일반 함수 선언 fn(); //선언 전에도 호출 가능 function fn(){ console.log('일반함수 실행'); } fn(); /..
JavaScript 객체(오브젝트)
JavaScript 객체(오브젝트)
2023-03-24 객체(오브젝트) 문장내에서 동사의 행위가 미치는 대상(ex : 선생님이 술래에게 잡혔다 -> 선생님 객체) 객체 또는 오브젝트는 클래스에서 정의한 것을 토대로 메모리에 할당된 것으로 프로그램에서 사용되는 데이터 또는 식별자에 의해 참조되는 공간을 의미하며, 변수, 자료구조, 함수 또는 메서드가 될 수 있다 원시타입(문자열, 숫자, boolean, null, undefined, 심볼) 제외하고는 전부 객체이다 속성과 기능을 가지고 있다 객체를 대입하는 변수는 메모리에 올라간 객체의 주소를 참조하고 있다 (클래스를 통해 객체를 생성하면 주소가 할당된다) 객체를 대입하는 변수는 참조변수라고 한다 참조변수 메모리에 등록된 객체의 주소 값을 참조하는 변수 기본 자료형은 참조변수라고 하지 않는다..
JavaScript 배열, 얕은복사, 깊은복사
JavaScript 배열, 얕은복사, 깊은복사
2023-03-23 배열 하나의 저장소를 분할하여 데이터를 저장하는 객체 나눠진 데이터의 저장소(요소)의 주소는 index라고 한다 index는 0부터 시작된다 배열 객체에 담긴 대상을 요소(원소)라고 한다 [자바배열과 자바스크립트배열의 차이] 자바 - 배열을 선언할 때 데이터 타입을 정해서 정해진 데이터 타입만 담을 수 있다 자바스크립트 - 배열 선언 시 데이터 타입을 지정하지 않기 때문에 타입 상관없이 담을 수 있다.(하지만 오류, 유지보수가 쉽게 적어주는 것이 좋다) //배열 선언 방법 const arr = []; //good 표기법 const arr2 = new Array(); //bad 표기법 //값을 저장하면서 배열 선언 하는 방법 const arrV = ['홍길동', '이순신', '고길동']..
회원관리 화면만들기(관리자 입장 완전 가짜 화면)
회원관리 화면만들기(관리자 입장 완전 가짜 화면)
2023-03-22 실습 1.경로설정 실습으로 회원관리를 만들었다 (관리자 입장 완전 가짜화면) 지정해준 layout 템플릿을 가져와서 실행-> fw-12-2-col 폴더내 index.html와 main.css를 연결해서 실행된다. fw12-2-col 폴더내 index.html 일부 코드와 main.css를 복사해서 응용할 계획이다. 이상태에서 index.jsp에서 실행시키면 연결이 되지않는다 (경로 설정을 하지 않았기 때문에) 상단 메뉴 01회원등록 02회원리스트 03상품등록 04상품리스트 좌측 메뉴 index 하단 메뉴 000-0000-0000 2.가입화면과 전체회원 리스트(검색) user 폴더 생성후 user_insert_form.jsp, user_list.jsp를 만들어준다 www.w3school..