반응형

분류 전체보기 562

데이터 사용에 대한 고찰

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

테트리스 (주석은 추후에 추가)

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

카테고리 없음 2019.01.15

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

코딩 전 프로세스 정리

코딩에 대한 글을 쓰기에 앞서 기본적으로 게시판 구현시 오류를 예방하고 작업을 원할하게 하려면 꼭 인식하고 있어야 할 항목들을 정리~~!. 웹 요청/응답 프로세스기본적인 웹 프로세스를 머릿 속에 담고 있어야 한다. 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로 회원가입 -체크박스 모두 체크, 체크박스 값 주고 받기-카카오 로그인

설정 요구사항

프로젝트를 시작하기 전에 꼭 설정을 해야 하는 몇 가지 필수 사항들을 먼저 정리~~! 필수 요구사항프로젝트 우클릭 - build path configuration JAVA SE .X 최신 버전 등록하기톰켓 WAS(Web Application Sever) 등록하고 프로젝트와 연동. 모듈 이름 확인메이븐 가져와서 필요한 LIB를 pom.xml에 등록web.xml 또는 sever.xml에 encoding 방식 UTF-8로 설정전체 프로젝트 엔코딩 방식 UTF-8로 설정applicaiton-servlet 경로 homeController와 뷰. prefix, suffix로 viewResolver에서 구현하는 경로가 맞게 설정되었는지 확인localhost:xxxx domain sever가 본인이 설정한 걸로 돼있는..

728x90
반응형