Enjoy IT Right Now

이번시간에는 네비게이션화 일명 페이지 요청당 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 요청에 따른 화면전환 방법을 ...

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

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

첫번째. 이클립스에서 프로젝트를 생성해 보자. 빠밤! 1. 이클립스 실행하고 프로젝트 생성하기  - 이클립스 실행 후 File -> New -> Spring Starter Project클릭 ( 부트는 Spring Starter Project로!! )        해당 프로젝트 설정을 본인의 입맛에 맞게? 해주자. 처음엔 저와 똑같이 하는게 삽질(?)의 노고를 덜 수 있으니 저 같은 초보 개발자 분들이나 이제 막 공부를 시작 하셧다면 위와 가이 설정 하는걸 추천.  - New Spring Starter Project Dependencies    - Spring Boot Version : 2.0.2    - Core : DevTools, Security, Lombok 클릭    - Web : web  클릭    - SQL : JPA, H2 클릭    - template Engines : Mstache   --> 타임리프(요즘 회사에서 많이 쓴다고해서)   - 그다음 다음 -> Finish 클릭하게 되면 Maven에 관한 프로젝트가 생성된다.   처음엔 메이븐 디펜던시부분을 받느라 시간이 걸릴수 있다. 프로젝트 구조는 스프링과 별반 차이가 없어 보인다 프로젝트 구조 관련해선 조만간 포스팅 해봐야 겠다. (요즘 책 읽을 시간도 없어서...😂) 두번째. 실행을 해보자.  스프링 부트2.0의 특징은 자체적으로 톰켓이 내장 되어 있어 따로 톰켓을 설정하는 부분이 없어서 아주 매우 편안하게 되었다.    - 실행은 src/main/java 밑에 com.fishing.board 패키지 밑에 FishBoardApplication.java 오른쪽 클릭 후...

 요즘 스프링 부트 2.0 부분에 대해 공부하면서 게시판을 만들어 보는 과정을 진행하려한다. 낚시가 취미이니 낚시 게시판을 만들어 보면 재미 있게 공부할 수 있을것 같다. 하하하하... 개발 도구(변경 될 수 있음)  - 툴 : 이클립스  - 프레임 워크 : 스프링 부트 2.0  - 템플릿 앤진 : mustache 또는 기타(써보고 싶은게 많음...)  -  DB : h2DB  - 서버 : 도커 or AWS  - 빌드 자동화 : gradle 스프링을 쓰다가 부트로 넘어 와서 뭔가 설정하는 부분은 편해진것 같은데, 시큐리티 부분이나 아직 익숙하지 않은 부분이 약간 어색하다. 이 어색함을 깨고자 게시판 만들기를 진행해 보려한다. 중요 소스는 사진 첨부해서 올리겠지만 자세한 소스는 개인 깃허브에 올릴 예정이다. 개발 도구 설치는 저 보다 친절하신 블로거 님들이 계시니 그분들것을 참고 하시길~ 소스는 하위 깃허브에 파일을 올릴 예정이다. https://github.com/jinioh88/fishBoard.git 끝~!

코딩 작업용으로 맥북 트랙패드 사용하다 윈도우에서 마우스 없이 트랙패드로만 사용하려니 이것저것 만지다가 새로운 기능을 발견했다. 1. 새로운 데스크 탑을 만드는 2가지 방법   1) 바탕화면에서 'ctrl' + '윈도우' + 'd'      - 세버튼을 동시에 누르면 새로운 데스크톱 화면이 생성된다.      2) 트랙패드에서 손가락 세개를 사용해 위 방향으로 스크롤      - 위와 같은 화면이 나오는데 우측 하단에 '새 데스크톱'을 클릭하면 추가가 된다. 2. 트랙패드로 데스크톱 화면을 이동하는 2가지 방법   1) 'ctrl' + '윈도우' + 방향버튼(<-(좌) , ->(우))     - 위 버튼을 누르게 되면 데스크톱 화면이 전환이 된다.   2) 트랙패드에서 손가락 네개를 이용해 좌우로 이동     - 위와 같이 데스크톱 화면이 전환이 된다.   3) 세손가락으로 화면 전환은 안될까??     - 곰손인 내가 아기자기한 씽크패드13 같은 트랙패드가 작은 것에서 손가락 4개로 화면전환은 불편함이 있다.😥     - 다음과 같은 설정 방법으로 데스크톱 화면을 전환 할 수 있다.       1>'윈도우키' --> '설정'  --> '장치' --> '트랙패드' --> '세손가락제스처'     - 손가락 제스처 콤보박스를  '바탕화면 전환 및 바탕화면 표시' 로 바꿔주면 손가락 세개로 화면 이동이 가능하다. 마우스를 사용하게 되면 집중력이 떨어진다는 속설(??)이 있어서 최근 마우스를 사용하려 하지 않으려고 한다. 윈도우에서도 이런 꿀팁을 발견하게 되어 개발에 한층 더 집중 할...

--------------------------------------------------------------------------------- <div class= "collapse navbar-collapse" id= "navbar-collapse2" > <ul class= "nav navbar-nav navbar-right" > {{^idSession}} <li><a href= "/users/loginForm" role= "button" > 로그인 </a></li> <li><a href= "/users/form" role= "button" > 회원가입 </a></li> {{/idSession}} {{#idSession}} <li><a href= "/users/logout" role= "button" > 로그아웃 </a></li> <li><a href= "#" role= "button" > 회원정보 수정 </a></li> {{/idSession}} </ul> </div> ----------------------------------------------------------------------------------- Controller에서 넘겨준 idSe...