웹 개발 지식 블로그

저번에 인텔리제이를 사용하여 스프링부트 프로젝트를 생성하였다. (2019/04/29 - [웹 개발/SpringBoot] - 인텔리제이에서 스프링 부트 프로젝트 생성하기) 이제 만들어진 프로젝트를 git과 연동하여 github에 저장해 볼 것이다. 프로젝트 설정 먼저 저번에 만들었던 프로젝트의 경로로 가서 git-bash를 실행시킨다. 실행시킨 후 명령어 git init 을 수행한다. 위의 명령을 실행하면 위와 같이 .git 폴더가 생겨난다. Git hub 설정 다음으로 github에서 저장소를 새로 생성한다. Private은 유료이므로 Public으로 선택하고 Repository name은 myShopping.git으로 설정한다. 소스트리 설정 github에 Repository를 만들었으면 소스트리를 열..

프로젝트 생성 Spring Initializr 선택 후 Next Group명을 com.shop.myShopping 으로 설정 Aritifact는 shoppingmall로 설정 Type은 빌드도구로 Gradle을 사용할 것이므로 Gradle Project로 설정 Package는 com.shop.myshopping 으로 설정 이후 Next... 프로젝트를 만들 때 기본적으로 dependency를 추가할 수 있는 부분이다. 기본적으로 Lombok, Web, MySQL 을 선택 이후 Next... 프로젝트명과 프로젝트 경로 설정 이후 Finish Finish 완료 시 다음과 같은 창이 뜨는데 나는 Use auto-import, using explicit module groups 를 선택하였다. ShoppingM..

이전 글에서 클라이언트 부분에서의 아이디 유효성 검사를 진행하였다. (2019/04/29 - [웹 개발/EgovFramwork] - 전자정부 프레임워크로 회원가입 기능 구현하기 - 아이디 유효성 검사-1) 이번에는 클라이언트 쪽에서 보낸 Ajax 요청을 서버쪽에서 컨트롤러로 받아 Ajax로 받아온 데이터를 서비스, 맵퍼로 전달하고 DB에서 쿼리를 수행하여 중복된 아이디가 있는지 검사할 것이다. URL 요청과정 위와 같이 화면에서 아이디를 입력하고 아이디 중복 확인 버튼을 누를 시 쿼리 스트링으로 loginId 데이터를 가지고 get 요청을 하게 된다. (http://localhost:8080/registerExample/selectDupIdChk.do?loginId=spring123 -> 요청 URL은 ..

이전 글에서 회원가입 화면을 띄워 보았다. (2019/04/18 - [웹 개발/EgovFramwork] - 전자정부 프레임워크로 회원가입 기능 구현하기 - 회원가입 폼 고르고 첫화면 띄우기) 회원가입을 구현할 때 필수적으로 해야되는 작업이 유효성 검사이다. 유효성 검사는 클라이언트, 서버 쪽 두 군데에서 모두 해주어야 한다. 이번에는 먼저 클라이언트 부분의 아이디 유효성 검사를 구현해 보려고 한다. 아이디 유효성 검사 먼저 아이디는 중복될 수 없으므로 아이디 중복 검사를 실시할 것이다. 아이디는 DB에 저장되기 때문에 서버를 거쳐야 한다. 서버와 통신하기 위해 AJAX 방식으로 입력한 ID 데이터만을 서버로 전달하고 아이디 존재여부 결과를 JSON 데이터로 서버를 통해 반환받을 것이다. 아이디 중복체크 ..

회원가입 폼을 어떤 것으로 할 지 구글링 하다가 한 사이트를 발견하였고... 출처 -> https://huskdoll.tistory.com/104 작성자 분께서 필요한 사람 참고 하라고 올려주신 회원 가입 폼이다. 부트스트랩을 사용한 구성이며 깔끔해 보여 바로 이것으로 선택하였다. 잘쓰겠습니다 :) 나의 프로젝트로 돌아가 webapp 폴더의 WEB-INF 폴더를 열고... ※ 첫 화면이 띄워지는 과정 1. 톰캣이 켜지고 "localhost:8080/프로젝트명" 요청 수행 시 web.xml의 에 적혀있는 index.jsp를 향하게 됨. 2. index.jsp에 적혀있는 jsp:forward의 page 속성의 값으로 들어가 있는 논리적 주소와 @RequestMapping 의 value 속성 값으로 들어가있는..

위의 창에서 Generate Example 체크박스 클릭하고 Finish 버튼 클릭하면 전자정부프레임워크에서 요구하는 최소한의 설정이 포함된 파일들이 기본적으로 추가 된 프로젝트가 생성됨. 앞으로 이렇게 만들어진 프로젝트를 이용해 회원가입 기능을 구현할 예정.