메모리허브

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

자바스크립트로 구현한 간단한 게임 점수 기록 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 -데이터 설정 추가 요구사항 -데이터 이벤트 -데이터 변경 타입 -데이터 반복 -데이터 소팅 -데이터 필터링 -데이터 예외처리 -데이터 로깅 -데이터 묶음 번호/컨테이너 -데이터 생성,변경,소멸 -데이터 기록 (역사) -데이터 사용자 -데이터 엔코딩

기본 자바스크립트 사용해서 만드는 테트리스 Tetris.html 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615..

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-..

백그라운드 색깔 변경하기--> 나중에 더 이미지 또는 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..

ORACLE QUERY 필수 쿼리 (CRUD) 테이블 생성 create table member( IDX NUMBER UNIQUE NOT NULL, ID VARCHAR2(20) PRIMARY KEY, NAME VARCHAR2(30) NOT NULL, PWD VARCHAR2(15) NOT NULL, MMS_CHK NUMBER(1) DEFAULT 0, PHONE VARCHAR2(20), EMAIL VARCHAR2(30), ADDR VARCHAR2(100) NOT NULL, ADDR_GPS VARCHAR2(50) NOT NULL, HEIGHT NUMBER(5), WEIGHT NUMBER(5), B_TYPE VARCHAR2(2), BANK_NO VARCHAR2(25), JUMIN VARCHAR2(20), JOIN..

코딩에 대한 글을 쓰기에 앞서 기본적으로 게시판 구현시 오류를 예방하고 작업을 원할하게 하려면 꼭 인식하고 있어야 할 항목들을 정리~~!. 웹 요청/응답 프로세스기본적인 웹 프로세스를 머릿 속에 담고 있어야 한다. Dispatcher Servlet을 중심으로 스프링은 모든 걸 진행하는데 먼저 기본적인 웹 요청의 틀로써클라이언트 - 서버. 사용자 - 제공자 구조를 인식하고 있어야 하며. 최초 사용자가 웹 요청을 (예를 들어 READ/SELECT 문을 호출하여 서버에 저장된 데이터를 웹에서 읽고자 할 시에) 하면 요청 사항은 servlet을 거쳐서 사용자가 요청한 URI와 매핑되는 Controller를 찾아주는데 (이 때 찾아준다는 의미는 이미 WAS(스프링 서버단에 객체화 된 빈을 연결해준다는 말) 즉 c..

필수 요구사항 가져와 바로 쓸 수 있는 웹 프로젝트https://www.w3schools.com/howto/default.asp https://doublesprogramming.tistory.com/category/%EC%8A%A4%ED%94%84%EB%A7%81%20%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC 정리 잘되어있는 프로그래밍 언어 배우기http://tcpschool.com/ --------------------------------------------------------------- 자바스크립트 등 예제http://abc1211.tistory.com/90 흔한 개발자http://addio3305.tistory.com/category/Spring?pag..