메모리허브

자바스크립트로 구현한 간단한 게임 점수 기록 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.asphttps://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?page=2201..

프로젝트 시작에 앞서 문서화하는 작업~~!. 필수 요구사항아이템 선발 (클라이언트/고객/바이어 요구사항 정밀하게 파악 분석) / 니즈 파악유즈케이스 다이어그램 (사용자 액션 경우의 수 분석)액션 맵핑 (URI -> Service)테이블 설계 - 논리, 물리 설계 진행 (관계도 그리고 Primary, Foreign Key 설정 및 프로젝트 진행시 필요한 데이터 카테고리 파악)스케줄링, 임무 분담문서 통합, 정리 (피피티 자료로 변환) 추가 요구사항 테이블 설계시 IDX seq로 번호 생성, paging 로직 등을 미리 구현해 두면 편하다. *회원가입* 에 추가할 기능-AJAX로 로그인 ID DB에 있는지 여부 확인-AJAX로 회원가입 -체크박스 모두 체크, 체크박스 값 주고 받기-카카오 로그인