게시판 글 쓸때 Editor를 사용[국내 - WEB EDITOR]1. Daum Editor(Kakao)2. Naver Editor3. Namo Editor[국외 - WEB EDITOR]1. CKEditor2. Toast Editor - React전용3. DEXTUpload Editor4. Quill Editor - Vue전용 WEB EDITOR의 글은 코드 형식으로 DB에 저장! CKEditor버전, 다운로드 LTS는 유료임 작동XCKEditor4 > Full Package > Easy Image 체크하지않고 다운해서 적용하기  압축 풀어서 ckeditor 아래사진 항목만 사용 why? 다른 파일 넣으면 보안 쓰레기됨  이미지 미리보기에 주저리주저리 지우기 셋팅 ./ckeditor/plugins/imag..

키워드 : 기초, Back으로 전송, 애니메이션, GET통신,Jquery 엔진 로드jquery 사이트에서 파일을 복붙해서 javascript파일을 만들어서 여기에 script 연결jQuery Ready 함수 표현 방법$(document).ready(function(){   });    하수$(function(){    });    중수$(()=>{   });    고수jQuery의 변수는 모두 $로 시작jQuery의 함수는 모두 jQuery Ready 함수안에 넣기jQuery는 주로 id로 핸들링onclick 쓰지않고 id로 함수에서 처리 jQuery와 Javascript를 혼용하지않도록 주의!!!!아이디 : 패스워드 : 약관에 동의SKTKT"LGT"Form을 이용해 Back-end에게 전달 form의 ..

키워드 : 전화번호, 인증번호, 이메일, 단어 체크정규식 코드replace치환 //공백 삭제에 많이 사용g옵션 사용해서 replaceAll처럼 사용word.replace(regp,"")replaceAlltesttrue, false로 return가장 많이 사용 regp.test(word)match배열로 return //null이면 해당 값이 없다는 뜻 word.match(regp)exec배열로 return //null이면 해당 값이 없다는 뜻regp.exec(word)splitsearch정규식 코드 옵션/문자/옵션 (쌍따옴표 안씀!!)g : 전체 문자열을 파악i : 대문자 소문자를 동일한 문자로 인식 [] : 문자열의 배열 범위 ^ 대괄호 안 : 부정대괄호 없을때 : 문자열로 시작  {} : 패턴 형태 (..

키워드 : 로그인 세션, tab 로그인, DB에서 데이터를 가져와 비밀번호 비교, 로그아웃  login.jsp로그인 화면 연산기호HttpSession hs = request.getSession();String mid = (String)hs.getAttribute("mid");String mnm = (String)hs.getAttribute("mnm");if(mid !=null||mnm != null){ //로그인이 되어있을 경우 다시 로그인 하는 것을 방지 out.print(""); }%>회원 로그인 일반회원사업자회원사업자 등록 번호 입력란 label로 감싸 display 속성으로 보이게 안보이게 하기login.jsfunction partcheck(part){ var snoview = document..

포인트 : tab 회원가입, hidden 태그, 아이디 중복 체크, , Ajax 맛보기, model, 암호화, DB연결, DB에 값 저장, DB값 가져오기 join.html회원가입일반회원사업자회원회원아이디 회원 패스워드회원 이름 및 회사명휴대폰번호 및 전화번호이메일 주소사업자 번호 * "-" 없이 입력html일반회원, 사업자회원 라디오 버튼으로 선택일반회원 선택시 사업자번호 입력란이 보이지 않음사업자회원 선택시 사업자번호 입력란이 보이게 됨=> 사업자번호 input 태그를 span으로 감싸 display 속성을 이용 (none, block)중복확인 클릭시 Javascript(join.js파일)의 idcheck()=> Ajax를 이용하여  servlet(idcheck.java파일)에서 return 받은 값..

이벤트 참여 페이지 만들기이벤트 참여 회원 데이터를 DB에 저장정규식 맛보기 event_info.html[이벤트 참여!!]고객명 : 연락처 : 이메일 : 이벤트 참여 이유 : 개인 정보 활용제 3자의 정보제공 event_info.jsfunction wordck(){ //var w = "010123-45678"; //범위 //let ck = /[0-9]/; //0~9 하나라도 있으면 true //let ck = /[a-zA-Z]/; //a~z, A~Z 하나라도 있으면 true //console.log(ck.test(w)); //test() : true, false //^는 not의 역할 //let ck = /^[0-9]/; //0~9 말고 하나라도 있으면 true //let ck = /[0..

[게시판 데이터베이스]히든, 클릭시 보이는것들 생각해야함기획서만 보고 거기에 있는거로만 설계시 곤란공지사항 등등두개의 페이지를 보면서 설계해야함!aute_increment 주의FAQ가장많이나오는질문[공지사항 실전팁]1. 한페이지에 몇개씩 출력할지=> 페이지 번호2. 페이지를 넘겼을때 공지사항이 가장위에 계속 걸려있어야하는지꼭 물어보기![기획서를 보며 공지사항 설계해보기] - 자동증가값 - 등록아이디 (히든으로 숨겨져있음) - 공지사항 여부 (공지글로쓰는지 일반게시글로쓰는지 'Y', 'N') - 공지사항 제목 - 글쓴이 - 첨부파일 1개 (이미지, 영상, HWP, EXCEL 등 형식 확인) - 공지사항 내용 - 조회 (view) - 여유필드1 - 여유필드2 - 여유필드3 - 등록일 => 여유필드 중요!!!..

👾SQL 테스트root사용자를 이용하여 신규사용자를 생성합니다.신규사용자 아이디 : project패스워드 : p402402DB명 : mrpTable명 : customer - 고객테이블, rating - 고객레벨, area - 지역 해당 data 문서 파일을 이용하여 Table 설계를 하신 후 해당 데이터를 mirroring 하시오. [사용자 생성]> create user 'project'@'localhost' identified by 'p402402';> select * from user; > insert into db values ('localhost','mrp','project','y','y','y','y','y','y','y','y','y','y','y','y','y','y','y','y','y'..

[cms database]회원 테이블 - member회원포인트 지급 현황 - points상품 테이블 - mall_product 결제 테이블 - pays [center table] 회원 정보 센터테이블을 잘짜야함 => 잘못짜면 다 갈아엎어야함스트레스많이 받지만 다음 프로젝트에서 유용했다cms의 경우 사람기준 member 상품기준 product테이블 모음집 ERD코드짤때 테이블을 잘못짜서 중첩시켜 불러올경우 => 속도가 떨어짐[테이블 종류와 예시]center table : 사원번호, 이름, 연락처, 이메일, 나이, 사진, 직책side table - 보조테이블 : 주소, 가족관계, 급여, 호봉 external table : 외부테이블view table - 가상테이블 : 다른 부서에 전달할 때[join]테이블 ..

[테이블 작성]create table visit(vdate date not null default '0001-01-01',vtime time not null default '00:00:00',vname char(30) not null,vtel char(11) not null,vperson enum('1','2') not null,indate timestamp not null default current_timestamp,primary key(vtel)); [추가 자료형]enum('1','2') => 여러개 중 하나만 선택 (라디오의 속성값 받을때 사용) set('1','2','3','4')=> 여러개의 값 중 여러개 선택 (체크박스의 속성값 받을 때 사용) timestamp : 서버에 있는 시간을 가져오..