🐾

1. 부트스트랩 선정 처음엔 웹디자이너 친구가 준 페이지를 사용하려 하였으나 여러 서브페이지들과 통일성있게 돌리기 위해 구글에서 부트스트랩 템플릿을 검색하여 선택하였다. 내가 만들고싶은 페이지는 제품리스트가 뿌려지고 제품의 상세보기가 가능한 화면이 뿌려지는 페이지를 만들고 싶었다. 또 문의게시판과 로그인, 회원가입등이 가능한 화면이 있어야 하는데 이것은 부트스트랩 템플릿이 아닌 메뉴바와 푸터 사이에 일반적인 부트스트랩 폼을 넣을 생각이당. 상품목록으로 바꿀 페이지 상품의 상세보기 화면 2. 커스터마이징 커스터마이징 한 메인페이지 3. 필요한 페이지 확인 및 필요한 데이터베이스 확인하기 ring 페이지 리스트 perfuem 리스트 watch 리스트 * 리스트 페이지는 상단의 메인이미지교체, 각각의 DB테이..

프로젝트 진행 순서 1. 부트스트랩 선정 : 만들고 싶은 페이지를 구상하고 그에 맞는 부트스트랩을 선정하여야 한다. 템플릿을 사용하는 것 이기 때문에 추가는 안되고 삭제만 가능하다. 내가 만들고 싶은 페이지의 기능을 잘 생각하여 좋은 페이지를 선정 하여야 한다. 2. 커스터마이징 : 템플릿 선정 후 필요한 기능만 남겨두고 전부 지운다. 3. 필요한 페이지 전부 캡쳐, 필요한 정보 화면설계서 작성, 모델과 view모델 만들기 ex.뷰모델은 uservoardVm 이렇게 설계하지말고 필요한 jsp페이지의 이름+VM으로 만들기 4. 데이터베이스 테이블 생성 5. 팩토리셋팅+DB연결 6. model, view model, action 등 필요한 패키지파일 다 생성 7. jsp템플릿 indlude 파일 만들기 8...

1. mysql연결하기 프로젝트를 만들때 컨텍스트패스를 /로 설정하지않고 각각 설정해주면 오류가 나지 않을 수도 있다. 우리프로젝트는 컨텍스트패스가 /설정되어있어서 아래처럼 각각의 설정을 해주어야 한다. 오류코드를 볼수 있는 파일, 리눅스에서는 로그확인은 caralina.out에서 확인해야한다. 오류를 확인해보면 null이떠있다. 경로 자체를 못찾고 있다. webapp에 있는 context를 mysql을 바라보던가 webapps에 있는 context를 바라보게 해야한다. 기존에 컨텍스트를 수정하였기때문에 일반적으로 /으로 가면 톰캣의 컨텍스트를 바라보게된다. 아파치 내부에 하나의 프로젝트만 잇을때 패스를 / 로 설정한다. 예를들어 PC버전, 모바일버전 등의 패스들이 존재한다. 각각의 프로젝트의 패스들이 ..

1. .war파일로 가지고오기 이클립스 우클릭 익스포트하여 war파일로 저장 2. 저장한 war파일 WINSCP프로그램을 이용하여 ubuntu/home에 복사하기 3. ubuntu로 접속 나의 원격 톰캣의 webapps에 넣어야지 톰캣이 컴파일할수있다. cp /home/ubuntu/seoha.war /var/lib/tomcat8/webapps/ cp (원본파일의 경로까지) (복사하고싶은경로) 서버를 재시작하면 톰캣이 나의 war파일을 잘 풀었겠징? 이때 원격지컴퓨터가 아닌 나의 컴퓨터에서 컨텍스트 패스 /로 설정했듯이 원격지의 톰캣의 컨텍스트패스도 설정해주어야한다. mysql 3306확인하기 톰캣의 server.xml 우분투에도 동일한 경로에 server.xml이 있겠지? 없다면 find 명령어를 사용하..

AWS란 아마존에서 제공하는 서버클라우드이고 개발을 할때 내 하드가 서버가 되고 클라이언트가 되어 마구마구 테스트했다면 AWS에 배포한다는 것은 웹브라우저를 통해 모든 사람들이 내가 개발한 페이지를볼수있다는 의미 그냥 아마존에있는 컴퓨터를 내것마냥 빌려쓰고 24시간 돌아가면서 서버의 역할을 해준다는 의미이다. 1. AWS의 계정 생성 https://aws.amazon.com/ko/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services 제조 AWS를 활용한 Siemens의 에너지, 의료 서비스, 제조 분야 혁신 Siemens가 AWS를 사용하여 어떻게 문화를 바꾸고 혁신을 장려하며 비즈니스 성과를 창출했는지 알아보세요. 자세히 알아보기 산업 aws.amazon.com - 컴퓨팅,..

AJAX에 한번 좌절하고 프로젝트 시작:-) 1. 노트북에 서버 환경 설정하기 - 첫번째로 preferences에 인코딩 검색해서 전부 UTF-8로 셋팅하기 - 톰캣 설치 전송중... 첫번째 난관 톰캣 오류메시지 : the server cannot be started because one or more of the ports are invalid 구글번역 결과 : 하나 이상의 포트가 유효하지 않으므로 서버를 시작할 수 없습니다 아항 포트설정해야함-> 서버 밑에 서버 더블클릭하여 포트번호 설정하기 대표사진 삭제 사진 설명을 입력하세요. 헤헷 몇번의 난관 끝에 서버 연결 성공 2. 모델링 - 회원가입, 회원수정, 로그인 기능 - 문의게시판 글쓰기 기능 - 각 페이지 별 제품소개(ring,watch,perfu..

1. AJAX문법 사용 시 유의할 점 1) 자바스크립트 오브젝트와 JSON의 오브젝트는 다르다. 자바스크립트 오브젝트는 점으로 찾을수 있다. The XMLHttpRequest Object Change Content 파일이동 결과값 2)데이터를 데이터를 보낼때에는 contentType을 정확하게 보내주어야 한다. contentType:"application/json", // 제이슨 형태로 보내겠단,ㄴ MIME 타입 data : JSON.stringify(user) // javaseript와 json의 오브젝트는 다르기때문에 JSON형태로 변환하여 // 보내준다는것을 꼭 명시 하여야 한다. 3)form, QueryString은 getparmeter로 받고 이외의 데이터는 모두 버퍼로 받는다. * 통일성을 위..

- AJAX(Asynchronous Javascript And XML) javascript를 이용한 비동기 데이터 통신 기술 뒤로 가기가 없는(페이지 이동이 없는) 부분적으로 정보를 리로드 하는 기술 응답하는 곳이 html이 아닌 데이터를 리턴해주어 부하가 훨씬 적고 빠르다. 요청할때 xmlhttprequest, Data를 요청하고 data를 return해준다. 그 부분을 부분리로딩해준다. 참고로 요즘은 websoket사용한다 :-) 현재 배우고있는 자바스크립트 버전은 ES5이다. ES6,7등의 최신버전의 스크립트문법은 브라우저가 컴파일러 해주지 못해서 탄생한 것이 바벨이다. *바벨(babel) : EX6 를 ES5로 컴파일 해주는 자바스크립트컴파일러 이러한 자바스크립트 컴파일러의 등장으로 자바스크립트 ..

1. 테이블 수정 alter table user add address varchar(100); 2. User 모델 수정 행을 추가하고 모델을 바꿔버리면 모~든것을 바꿔야함. 이것을 해결하기위한 라이브러리를 다운받아야한다. (1).lombok 라이브러리 다운 : 게터세터를 자동으로 인식시켜주는 라이브러리 https://mvnrepository.com/artifact/org.projectlombok/lombok/1.18.8 Maven Repository: org.projectlombok » lombok » 1.18.8 Spice up your java: Automatic Resource Management, automatic generation of getters, setters, equals, hashCo..

1. @Controller 해당 어노테이션은 Spring-Context에 Controller 객체를 저장해준다. 해당 어노테이션이 있는 클래스는 디스패처가 찾을 수 있는 객체이다. 해당 어노테이션이 있는 클래스의 메소드는 ViewRecolver가 관여한다. 2. @RequestMapping 해당 어노테이션은 디스패치가 찾아야할 URL을 등록하는 곳이다. 지원 메소드는 GET, POST, PUT, DELETE 이다. 3. @RequestParam 해당 어노테이션은 QueryString과 MiME-Type : x-www-form-urlencoded 데이터를 받아준다. request.getParameter() 함수와 동일한 역할을 한다. 4. @RequestBody 해당 어노테이션은 raw(형식이 없는)데이터..