본문 바로가기

DevDevDev306

#3-2 / backend-data(배열) ▶ jquery를 이용한 배열 출력 👀 backend에서 데이터를 받을경우 해당 데이터는 jquery 아닌 js(전역변수)로 받는걸 권고var data = ""; // " "에 넣어야함!=> ⭐ java에서 원시배열로 script전송에 대한 값을 출력하지 못함 =>  '강호동','신동엽','유재석','김나래' 로 반복문 돌려 string 으로 전달해 front에서 [ ]에 담으면 배열이됨 (아래 jsp확인)      사실 class배열로 하면 더 쉬움.. ∴ ❗  백엔드 -> 프론트엔드로 배열 전달시 원시배열이 아닌 class배열로 전달할것을 권고 ❗  ⚡ 원시배열middle14.javapublic class middle14 extends HttpServlet { private static final long serialVersionUI.. 2024. 6. 12.
#3-1 / jquery이용한 form + submit ⚡ append를 이용한 채팅 프로그램 건전한 채팅문화를 선도합니다. 전송 => input type button이 아닌 submit에는 id 작성 X !! , click event 안에 return false 작성! 2024. 6. 12.
#2 / jquery checkbox ⚡ jquery checkbox - attr 버그발생 전체 동의합니다 [필수]본인 확인 서비스 약관 동의 [필수]통신사 이용 약관 동의 [필수]통신사/인증사 개인정보 공유 동의 [필수]고유식별 정보처리에 대한 동의 attrattribute의 약자 / 태그 속성 가져옴attr 사용시 속성값에 대한 상황을 확인해야만 정확한 핸들링을 할 수 있게된다 / 그냥 코드 소스 속성 수정시 사용 propproperty의 약자 / 메모리 상주 관련 속성 / 브라우저의 메모리 영역 파트를 변경 => checkbox 핸들링할 경우는 prop 사용 2024. 6. 12.
#1 / jquery jqueryjquery3.7.1.min.js jquery3.7.1.js 이 둘 차이 : min은 암호화되어있음 (jquery3.7.1.js 얘가 커스텀이 더 쉽다) 2024. 6. 11.
#10-2 / js중급 - 키보드 이벤트 핸들링 onkeypress키보드 입력시 기존에 있는 값을 가져오는 형태 onkeyup키보드 입력시 누르고 떼자마자 입력된 모든값을 가져오는 형태 onkeydown키보드 입력시 누르자마자 직전값을 모두 가져오는 형태오른쪽 숫자키,상단숫자키 keycode ascii번호가 다름 ( onkeypress는 동일 )특수키 keycode ascii번호도 인식 ( onkeypress는 불가 ) =>새로고침방지,스크린샷방지,id입력시 spacebar 사용금지 등..에 사용⚡ 키보드 이벤트 핸들링 2024. 6. 11.
#10-1 / js중급 - 자식노드핸들링,시간함수 ⚡ 자식 노드 핸들링var node = document.getElementById("box").childNodes;var rem = document.getElementById("box").children; childNodes태그가 공백없이 죽 나열되어있지 않은이상 빈 공백까지 text node로 인식=>  ∴ text 등 쓸모없는 node까지 싹 찍혀서 핸들링하기 어렵다 children : 태그 기점으로 진짜 딱 자식 노드만 확인 ⚡ 시간함수 ⭐⭐ - 시간함수는 변수에 담아 사용 ! - setTimeout : 해당 시간이 지나고 한번만 호출하여 사용(실무에선 이걸 더 많이 사용) -setInterval : 해당시간에 맞춰서 지속적으로 호출※ 함수안에 사용시 반복이 중첩되어 시간함수가 늘어남   ?.. 2024. 6. 11.
#20-3 / collector interface, Comparable ⚡ CollectorCollector : generic을 사용하는 유일한 interface ❗ 기본제공 라이브러리 어렵당... 몰라두댐.. 나중에혹시 쓰게된다면..참고... 추후에 공부..stringbuilder가 뭐였더라...    https://dev-eunse.tistory.com/75Stream 사용하면 lamda방식이구나 하면됨public class interface_etc { public static void main(String[] args) { String data[] = {"aaa","bbb","ccc"}; //원시배열 Stream st = Stream.of(data); //원시배열을 바로 핸들링하기 위해 stream선언함 //Stream : lamda 형태 구조로 구성하기 위해 .. 2024. 6. 11.
#20-2 / generic code 형태의 class generic code 형태의 class : T 파라미터 값을 이용한 자료형 classjava11번대 이상에서 사용( 8번대는 사용 불가 )알아두면 좋다!~ ⚡ T : typeT : type의 약어, 사실 아무거나 써도 되지만 통상적으로 T 사용public class generic { public static void main(String[] args) { gen g = new gen(); //무조건 문자로 던지라는 class g.test("test"); //test 출력 gen g2 = new gen(); //무조건 숫자로 던지라는 class g2.test(100); //100 출력 }}class gen { //자료구조를 자유자재로 사용 가능 T result; public void tes.. 2024. 6. 11.
#20-1 / 람다(lamda)코드 사용 방식 단점 : 버전 별로 달라질 수 있다java11번 기준 수업   =>  ∴ 8번대에서는 안먹힐 수 있다 ✅ lamda 방식 ( =삼항연산)java8번대부터 시작 / java11에서 가장 활발사용이유 : method를 단순화(익명)하는 작업javascript는 ES5부터 해당 방식 도입  ✅ lamda방식의 형태 - 2가지 방식화살표 방식 : ->?또는 :을 활용하는 방식 ⚡ 화살표 method단점 : 디테일하게 쓰지는 못하는..package java_test_t;//람다코드 사용방식public class lamda { static void ex(abc z) { //memory 상주 void method z.run(); } static abc test() { //interface를 이용한 return m.. 2024. 6. 11.
#5-2 / trigger 응용문제 , signed,unsigned [응용문제]회원가입시 바로 1000포인트가 지급되게 제작member table, point table + triggercreate table member( idx int(4) not null auto_increment, id varchar(30) not null, pw varchar(30) not null, name varchar(30) not null, tss enum('SKT','KT','LGT','알뜰폰') not null default 'SKT', phone char(11) not null, post char(6) not null, adr1 varchar(50) not null, adr2 varchar(50) not null, sex enum('male','female') not null defa.. 2024. 6. 10.
#5-1 / 각종 key 상세,trigger - 실무 ❗ table을 어떻게 만드느냐에 따라 java에서 핸들링하는 방식이 바뀜  show create table table명  : 어떻게 제작했는지 상세하게 출력show index from table명  : 현재 key가 어떻게 등록되어있는지 출력 key의 우선순위 primary key ▶ unique ▶ multi (다중 key) ▶ foreign key ⚡ primary key- auto_increment 사용시 무조건 해당 key로 등록되어야 함 -> primary key에 미등록시 error   * key 를 한개이상 등록시 or 형태로 구분되어짐  => primary key(idx,id) : 둘중에 하나라도 틀리면 정상적으로 등록됨      ∴ 통상적으로 auto_increment만 primary .. 2024. 6. 10.
#4-2 / view 응용 문제 , view select가 안됨 해결-권한문제 [ 응용문제 2 ]장바구니 웹페이지를 제작 해야합니다.해당 웹페이지에 다음과 같이 출력되도록 sql 문법을 작성하시오. table : basket 고객명 , 고객 id , 상품명 , 상품 code , 상품 수량 select  b.mname, a.mid, c.prd_name , a.pcode, a.ea from basket as a join member as b join product as c where a.mid = b.mid and a.pcode = c.prd_code; a basketb memebrc product=> select a.mid,a.ea from basket as a join member as b join product as c .. view table 생성시 에러뜸.. 뭐가 문젤까..... 2024. 6. 5.
java 셤준비 1 보호되어 있는 글 입니다. 2024. 6. 5.
#4-1 / group by , table및 column 복제 등 * show full columns from table명;   : table의 상세 내용을 모두 출력 -> erd comment 볼 수 잇음  ⚡ [합계,평균 등]select sum(colomn명) from table명; => 총 합계금액 출력 (단,문자일 경우 오류가 발생할 수 있음) select avg(colomn명)  from colomn명;=> 평균 select max(colomn명)  from colomn명; => 제일 큰값  ⚡ [데이터의 범위 갯수만큼 출력하는 방법] select * from table명 limit 배열번호,출력 갯수; => 원하는 만큼 데이터 출력 ex)select * from pay limit 0,10; => 0번부터부터 10개 select * from pay limit .. 2024. 6. 5.
#3-5 / 기타(enum,set,timestamp) * enum : column에 옵션을 입력시킨 후 해당 옵션 외에는 값이 저장되지 않도록 하는 자료형 , ex) radio의 name값=> radio일때 주로 사용create table event( no int(8) not null auto_increment, mid char(30) not null, mpass varchar(10) not null, mhp char(11) not null, memaill varchar(40) not null, mcode char(7) null, moption enum('win','office','xbox') not null default 'win', mdate timestamp not null default current_timestamp, primary key(no),.. 2024. 6. 4.
#3-4 / database 검색 ⚡ database counting * select count(*) from 테이블명; => 해당 table에 몇개의 데이터가 있는지 확인* select count(*) as total from 테이블명;  => as(Alias 의 약어)를 이용하여 가상의 column명을 사용함* select * from table명 where colomn='데이터명' and colomn='데이터명'=> 2가지 조건이 모두 만족 ( = && )* select * from table명 where colomn='데이터명' or colomn='데이터명'=> 2가지 조건 중 한가지만 만족 ( = || ) ex 1)select count(*) from member where marea='b';=> member table 중 지역.. 2024. 6. 4.
#3-3 / excel 미러링, data backup 및 복구 ⚡ excel 미러링 아래 파일로  member라는 table 추가- exel tab 1개당 table 1개  엑셀파일 보고 설계create table member( no int(6) not null auto_increment, mid char(20) not null, mname char(30) not null, mhp char(11) not null, memail varchar(100) not null, mtel varchar(13) not null, mpost char(5) not null, maddr varchar(200) not null, maddr2 varchar(100) not null, mlevel smallint(1) not null, //레벨이 1부터 시작하므로 int 가능 marea c.. 2024. 6. 4.
#3-2 / 외부 사용자 추가 방법 ⚡ 외부 사용자 추가use mysql;create user 'apink'@'%' identified by '1004';insert into db values ('%','f_res','apink','y','y','y','y','y','y','y','y','y','y','y','y','y','y','y','y','y','y','y');=> 권한 부여 create user '아이디'@'%' identifyed by '비밀번호';  : 여러 ip를 오픈하는 형태create user '아디디'@'172.30.1.33' identifyed by '비밀번호';  : 해당 ip만 접속 가능 create user 'apink'@'%' identified by '1004';insert into db values ('172.. 2024. 6. 4.
#3-1 / unique, alter문법 👀 product listcreate table product( pindex int(4) not null auto_increment, pno char(4) not null, //상품 고유번호pnm varchar(200) not null, pmoney int(8) not null, primary key(pindex,pno), unique key(pno) ); [ unique key ]=> primary key에서 절대 중복되지 말아 하는 데이터 colomn을 선정(중복시 error 발생)     단, primary key에 없는 colomn 을 사용하더라도 문제가 되지 않음     ("key" 는 그룹명일뿐 다른거 써도댐 - 통상적으로 key를 사용할 뿐 aaa 이런거 써도 댐)     https://d.. 2024. 6. 4.
#2-3 / database table 설계 👀 게시판 database table - 기획서에 맞춰 설계(기획서에 작성되어 있지 않은 사항도 고려해야함 !! )create table notice( no int(3)  not null auto_increment, //999개의 글만 쓸 수 있음, 필수사항 subject varchar(200) not null, //최대 200글자 제목,필수사항 writer char(40) not null, //최대 20글자 글쓴이,필수사항 contents text not null, //긴글,선택사항 files varchar(100) null, //파일첨부,선택사항 today datetime not null default "0001-01-01 00:00:00", //글작성시간,필수사항 primary key(no) //.. 2024. 6. 3.
#2-2 / 사용자에게 권한주기 [ 응용문제 1  - 사용자에게 권한주기] - https://dev-eunse.tistory.com/120 하단 확인root 사용자에게 일반 사용자에게 새로운 database 권한을 설정하여 접속되도록 합니다.DB : mobile_shopid : coupangpw : c1004로 접속했을때 mobile_shop이 보이게1. create database mobile_shop; 2. use mysql; 3. create user 'coupang'@localhost' identified by 'c1004'; 4. insert into db values ('localhost','mobile_shop','coupang','y','y','y','y','y','y','y','y','y','y','y','y','y',.. 2024. 6. 3.
#2-1 / MYSQL 기초문법 최고사용자(root) / 일반사용자(guest) DB hosting - root안줌, 일반사용자자체 DB Server - root 有 - 일반사용자 생성,권한 제공 DataBase Package한 사이트 당 각각의 DB로 설정일반 사용자를 각각 배치1인 기준 사용자가 여러개의 database 권한을 가질 수 있음1개의 datatbase에 여러명의 일반 사용자를 접근허용 할 수 있음(주로 협업시) Version MYSQL 5.1 or 5.5 이상 / 서로다른 자료형 및 구조를 가지고 있음∴ 한번 구축된 database는 버전 업그레이드가 매우매우 어려운 작업임 Database에 외부 접속시 접속 방식SSH라는 Tool 이용 (key로 접속)SQL Developer 이용(잘안씀 )Telnet오픈 - 아주별로.. 2024. 6. 3.
#4-2 / 동의 체크박스 Map 배열로 받기 결과출력 예시 : {agree1=Y,agree2=N ..} - map배열 : https://dev-eunse.tistory.com/78⚡ 체크박스 확인 => map으로 받기 전체선택 (필수)개인회원 정보 동의함 (필수)이용약관 동의함 (선택)청소년 보호정책 동의함 (선택)제3자 정보 수집 동의  public class test6 extends HttpServlet { private static final long serialVersionUID = 1L; Map agdata = null; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletExcept.. 2024. 5. 31.
#4-1 / html에서 java class로 값 전달,로그인 예제 ❗ 정규식 형태의 코드(replace,replaceAll 등)를 사용시 intern() 메소드를 로드하지 않을 경우 equals 사용해야함//공백 제거 replace String no = request.getParameter("no").intern();String word = no.replaceAll(" ", "").intern();System.out.println(word);if(word =="") { System.out.println("값을 입력하세요"); }else{ System.out.println("입력완료");} ⚡ 로그인 예제 - 정보 java로 전달 (step 형식) ▶ 2가지 형식이 있음1. html -> backend -> html -> backend  : 한개의 do fil.. 2024. 5. 31.
sts 패키지명 path에서 제거 url에는 가상의 파일명 및 가상의 디렉토리도 설정 가능함 sts에서 이렇게 세팅시 패키지명 붙이지 않아도 가상서버 확인 가능ex) web/test.do => /test.do 2024. 5. 31.
#19 / Thread (class 형태 , interface 형태) ⚡ Thread (class 형태 , interface 형태)public class thread1 {//Thread (class 형태 , interface 형태) public static void main(String[] args) { //-- class 형태 Thread 호출// int w = 0;// while( w 2024. 5. 31.
금액에 , 찍기 ⚡ 금액에 , 찍기int total_money = 1882732018;DecimalFormat df = new DecimalFormat("###,###");String moneys = df.format(total_money);System.out.println("총판매 금액 : "+ moneys + "원");//총판매 금액 : 1,882,732,018원 출력 2024. 5. 31.
#1-1 / MYSQL start,setting mysql 다운로드 try free -> oracle -> 이거 아님 xxxxxMySQL Community (GPL) Downloads »  =>   Download Archives   or   MySQL Community Server=> msi 다운로드 - complete (visual strudi ~ 어쩌구로 다운 안될 시 2019 visual c++ runtime downloads 다운로드) Data directory - D:\MySQL\MySQL Server 8.4\type and Networking config type - development  computer Accounts and Roles - password 세팅apply configuration - excute 버튼 : 내 컴퓨터 검토 .. 2024. 5. 30.
#3-3 / html-> html 값 전달 - html -> html 값 전송시 form method="post" 는 사용 불가 (post : 백엔드로 전달할 시에만 핸들링 가능)  ❗ only get 사용- get 방식 : url 뒤에 ?파라미터값 붙음 ⚡ 타이틀* step1.html 고객명 : SMS 수신동의(선택) 이벤트 수신동의 카카오톡 푸시알림 🔽* step2.html- decodeURIComponent(값) : 파라미터에 한글을 가져올시 깨지므로 decode로 출력  ( decodeURIComponent  : js / decodeURI : es ) - getElementsByName : name은 기본이 원시배열 형태를 구성함 ex) abc[0].value 고객명 : SMS 수신 여부 : N 이벤.. 2024. 5. 30.
#3-2 / 암호화(security) base64 암호화 함수- 암호화를 이용하여 사용자가 입력한 값을 다른 문자로 변환 가능하며 복구화 가능- 결제금액 등 보안이 약해도 되는 항목에 적용 - 개인정보에선 사용하지 x (복구화가 가능하기 때문에) window.btoa(값); : 사용자가 입력한 값을 base64 암호화window.atob(값); : base64 암호화한 값을 원래 단어로 복원한글 : window.btoa(encodeURIComponent(값));⚡ javascript 암호화 (base64) 비밀번호 : 고객명 :  ⚡java 암호화 (base64)- 모든 암호화는 byte로 변환이 되어서 사용해야함base64 encode 사용법 : 문자를 byte로 변환 후 해당 byte를 라이브러리를 통하여 암호.. 2024. 5. 30.