700===Dev Project 25

매우 기초적인 회원가입시 공백 검증(Validation)

회원가입 .jsp 파일에 추가해야한다. register.jsp 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 function check() { var f = document.Reg_form; if (f.MEMBER_ID.value == "") { alert("아이디를 입력해주십시오"); f.MEMBER_ID.focus(); return false; } if (f.PASSWD.value == "") { alert("비밀번호를 입력해주십시오"); f.PASS..

구글로 CSS 작업하면 반드시 해야할 것

웹 개발을 하면서 CSS 작업을 할 때 페이지 reloading을 아무리해도 변경사항이 반영이 안될 때가 있습니다.바로 웹에서 css 파일을 caching(css 파일을 매번 가져와야 하는 번거로움을 줄이기 위해서 임시로 본인 컴퓨터에 보관함)을 해서인데 이런 caching 기능을 간단하게 해제할 수 있습니다. 바로 아래 이미지 참고!!!!참고: https://stackoverflow.com/questions/5690269/disabling-chrome-cache-for-website-development

기본 AJAX 문법

기본 AJAX 문법 정리 및 예제 1 기본 문법 -jQuery를 사용한 get, post 방식1 사용자 입력 이벤트 리스너 함수2 데이터를 받을 호출할 URL, 함수, 데이터 타입3 서버에서 받은 데이터4 받은 데이터 파싱 5 데이터 넣을 선택자 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879//다른 파일을 현재 파일에 구동하는 방식 jQuery//여기선 dictionary를 구현 $(document).ready(function() { $('#load').click(function() {..

1:1 게임 점수 기록

자바스크립트로 구현한 간단한 게임 점수 기록 SCOREKEEP.html (FRONT) 1 점수 표시 및 버튼 표시 123456789101112131415161718192021222324 Score Keeper 0 to 0 5 회차 1p 2p 초기화 Colored by Color Scriptercs scorekeeper.js (BACK) 1 점수 보관. p1,p2 각 버튼에 클릭 이벤트 메소드 구현.2 원하는 점수 달성시 게임끝 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283..

데이터 사용에 대한 고찰

어떤 기능 또는 코드를 분석할 때 (탐색, 분석 요구사항)기준이 될 수 있는 가지 항목 필수 요구사항 -데이터 컨테이너 + 컨테이너 매핑 -데이터 위치 -데이터 가져오는/보내는 방법 -데이터 타입 -데이터 내용/역할 -데이터 사이즈 -데이터 파라미터 -데이터 리턴 값 -데이터 C/R/U/D -데이터 설정 추가 요구사항 -데이터 이벤트 -데이터 변경 타입 -데이터 반복 -데이터 소팅 -데이터 필터링 -데이터 예외처리 -데이터 로깅 -데이터 묶음 번호/컨테이너 -데이터 생성,변경,소멸 -데이터 기록 (역사) -데이터 사용자 -데이터 엔코딩

AJAX로 JSON 데이터 가져오기

AJAX 사용해서 JSON 데이터 가져오는 소스 AJAX.js (백앤드-논리처리) 1 id btn click 이벤트 리스너 함수 생성2 AJAX 객체 생성 2 불러올 데이터 호출 (URL GET 호출)3 응답 상태 및 응답 받은 데이터 담고 파싱하기 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566//https://learnwebcode.github.io/json-example/animals-1.json var pageCounter = 1;var animalContainer = document.getElementById("animal-..

자바스크립트 color toggle

백그라운드 색깔 변경하기--> 나중에 더 이미지 또는 css 배경 바꾸는데 응용할 수 있다. color_toggle.html CLICK TO CHANGE COLOR toggle.js var button=document.querySelector("button"); var isPurple=false; button.addEventListener("click", function(){ //방법 1 클래스 html에 등록하게 || 지우기 document.body.classList.toggle("purple"); /*방법 2 if(isPurple){ document.body.style.background="red"; } else{ document.body.style.background="purple"; } isPur..

회원가입

기본 게시판이 완성되면 꼭 필요한 기능- 회원가입을 시작~~!. 필수 요구사항회원가입, 로그인, 로그아웃, 회원목록, 회원상세정보, 회원정보수정, 회원탈퇴 - 총 7페이지 필요 (또는 AJAX 처리시 몇개 생략 가능)자바 클래스 - Controller, ServiceImpl, Service(Interface), DAO, abstractDAO(맵 기본 기능 구현 완성된 메소드 집합체), CommandMap/TO(빈값 저장)XML 파일 **sql.xml (queryId) - CRUD 등록필요한 쿼리 - CRUD // insert, select, update, update 추가 요구사항LoginInterceptor, AdminInterceptor 로 세션 처리하고 컨트롤러로 페이지 이동시 로그인 세션 확인AJ..

728x90
반응형