기본 콘텐츠로 건너뛰기

6월, 2018의 게시물 표시

[스프링부트2.0 낚시게시판] 03. 네비게이션화를 해보자

이번시간에는 네비게이션화 일명 페이지 요청당 Path에 대해 작성해보자 화면 HTTP Request method parameter 설명 메인화면 / GET 루어낚시 메인 /lure GET ?/location='seoul'&room='aa'&context='aa'&page=1 location(지역), room(낚시터명), context(검색어) 루어낚시 상세보기 /lure/{no} GET ?/location='seoul'&room='aa'&context='aa'&page=1&no=1 location(지역), room(낚시터명), context(검색어), no(글번호) 루어낚시 댓글달기 /lure/{no}/reply POST ajax로 낚시스쿨 메인 /school GET 낚시스쿨 상세보기 /school/{no} GET 낚시스쿨 댓글달기 /school/{no}/reply POST 중고장터 메인 /shop GET 공지사항 메인 /notice GET ?category_no=1&page=1 로그인 화면 /users/login GET 로그인 성공 시 전에 요청했던 화면으로 이동하게끔 로그인 /users/login POST userid=""&password=""&rememberme="" 아이디, 패스워드를 입력 받고, rememberme 기능을 bool값으로 회원가입 화면 /users/join GET 회원가입 /users/join POST userid=""&birth=""&sex=""&phone=""&password=""&email="" 위는 HTTP 요청에 따른 화면전환 방법을

Spring boot 설정파일을 알아보자

.application?? yml??? 대부분 애플리케이션에서 설정과 관련된 변수들은 보통 파일에다 쓰고 읽어온다. 해당 파일들은 포맷이 다양한데, 그 중 스프링 부트에서는 설정파일이 크게 application과 yaml 두가지 방식이 있다. 스프링 부트는 yaml을 권장형식을 사용하고 있다 두가지 형식을 비교해보자. [Properties] [YAML] 딱 봐도 차이가 느껴지지 않는가?(색깔말고....) 바로 띄어 쓰기로 YAML은 구분한다는점. 이점은 파이썬 형식과 비슷한데, 들여쓰기로 인해 사람이 보기에 편해져 관리가 편해졌다. 또한 profile을 지정해 환경에 따라 설정값을 다르게 가져갈 수도 있다.('---'로 구분) 주의사항!! 하위 계층을 표현할때 tab이 아닌 공백문자를 써야한다. 콜론(':') 다음에 공백 한칸이 있어야 한다 등등 아주 살짜쿵 불편한 감이 있지만 뭐 익숙해지면 편리하다.ㅎㅎ 낚시 게시판 만들때도 yaml로 바꿔 바야겠다. 끝~!

[스프링부트2.0 낚시게시판] 02. 프로토타이핑을 만들어보자

드디어  팀프로젝트 마무리 정리 후 낚시 게시판을 만들수 있는 시간이 조금이나마 생겼다. 앞에서 환경세팅 후 그 다음단계로 진행해 보려 한다. 시작에 앞서 프로토 타이핑이 무엇인지 간단하게 알아보자 프로토 타이핑이란?  프로토타이핑은 개발 접근법의 하나로 개발 초기에 시스템의 모형을 간단히 만들어 고객에게 보여주고, 고객과의 상호 교류를 통해 기능 추가, 변경 및 삭제 등을 반영해 설계를 해 나가는 방식이다.  프로토타입은 실제 시스템이 갖추어야 할 모든 기능을 갖고 있지는 않다. 프로토 타입을 위한 도구들 1. Prott  일본의 웹 에이전시인 굿패치에서 제작한 프로토타이핑 툴로, iOS용 앱이 있어서 앱을 통해 바로바로 확인할 수 있는 강점이 있다. 최근에는 웹용 프로토타이핑 기능도 추가했다. 기본적으로는 이 서비스를 요즘 가장 많이 사용 중이다. 2. Balsamiq  발사믹은 가장 초창기에 나와서 지금까지도 많이 이용하는 도구이다. 스케치 같은 느낌을 주는 데모 예제들이 많아서 페이지별로 넣고 싶은 기능을 손쉽게 구상하고 커뮤니케이션할 수 있게끔 해준다. 3. Oven  카카오에서 제공하는 아름다운 UI 컴포넌트 그리고 강력한 편집기능들을 제공하는 웹에서 웹이나 앱의 프로토타이핑을 쉽게 할 수 있도록 돕는 웹 서비스라고 한다. 등등 아주많은 프로토타입 도구들이 많이 존재한다. 위 도구들을 사용해서 그려보면 좋겠지만, 그 사용법을 사용하는데 시간도 걸리고, 아날로그?를 좋아하는 편이라 손으로 그려보았다... 프로토 타입을 통한 화면 구성 <메인화면> 메인화면은 크게, Top, Body, Bottom으로 구성해 보았다. 1. Top    - 왼쪽에 광고   - 중간에 커뮤니티 이름   - 오른쪽 로그인 기능 2. Body    - 커뮤니티 서비스 화면이 보여지는 곳   - 루어낚시, 낚시스쿨, 중고장터, 공지사항 링크가 있고 검색기능이 있다.   - 우측엔