~☆~ 우하하!!~ 개발블로그

diary 프로젝트에 폼 로그인 기능을 추가해서 로그인했을 때 Home 화면에서 일기 목록이 잘 보여지는것 까지는 성공을 했다.그런데 일기쓰기 화면에서 일기를 작성하고 저장을 누르면 에러 페이지가 표시되었다. 도대체 무슨 일일까를 고민하다가, 일기쓰기 폼이 write.html 인데, 여기에서 “저장” 버튼을 누르면 처리되는 URL 에서 로그인하여 인증된 데이터가 사용되지 않은 것이 아닐까 생각되었다.write.html 파일에서 태그의 action 속성값을 아래와 같이 기록하고 있었다.이것을 thymeleaf 문법에 따라 아래와 같이 수정했더니 잘 되었다.앞의 일반적인 html 태그 방식으로 작성했을 때의 소스와 thymeleaf 문법을 적용했을 때의 소스 차이를 살펴보았다.수정전 Write..

diary 프로그램에 로그인 기능이 없어서 아무나 접근해서 읽기를 볼 수도 있고, 쓸 수도 있는 상황이야.spring boot 의 Spring Security 기능을 이용해서 폼 로그인 기능을 붙여볼께.https://start.spring.io 에서 Add Dependencies 로 security 를 검색하여 Spring Security 의존성을 추가해.Explorer 버튼으로 수정된 build.gradle 파일의 내용에서 spring security 의존성 부분을 복사해서 프로젝트의 build.gradle 에 붙여넣기 한다.build.gradle 변경된 것을 적용한다.이 상태에서 실행시켜서 웹브라우저에 http://localhost:8080 으로 입력해보면 http://localhost:8080/lo..

프로젝트 배포에 jenkins 를 이용한다는 개념을 설명한 도식이야.가장 중요한 점은 프로젝트 소스가 gitlab 에서 관리되고 있어야 한다는 점이지.그래야만 jenkins 가 소스를 ① 내려받아서 ② 빌드하고 ③ 배포할 수가 있어.이 개념에서 가장 중요한 행위자는 jenkins 야. jenkins 에서 gitlab 에 접속하고, webserver 에 접속할 수 있어야 해. 그러기 위해서는 jenkins 에 gitlab 계정과 webserver 계정이 관리되어야 한다는 점이지.gitlab 계정 생성gitlab 에 jenkins 가 접속할 수 있는 계정을 하나 만들어볼께. 계정을 만들기 위해서는 관리자 권한으로 로그인해야겠지?Admin Area 의 Users 로 들어가면 “New user” 버튼으로 사용자..

Bootstrap : https://getbootstrap.krThymeleaf : https://www.thymeleaf.orgBootstrap 을 이용하기 위한 html 템플릿 소스 : Bootstrap 을 이용한 html 페이지 구성Home[공통] 네비게이션바 : https://getbootstrap.kr/docs/5.3/components/navbar/위 경로에서 적절한 예시 코드를 복사해서 태그 안에 붙여넣기 한다.[공통] 푸터 : https://getbootstrap.kr/docs/5.3/examples/footers/위 경로의 웹페이지에서 F12 를 눌러서 개발자도구를 나타나게 한다.엘리먼트 선택기를 클릭하여 마음에 드는 영역을 선택한다.개발자도구의 Elements 목록에서 선택된 항목을 ..

spring boot 학습으로 study.diary 프로젝트를 만들어 봤었는데 mybatis 를 통해서 일기 내용을 가져오는 GetDiary 의 resultType 으로 domain 클래스를 지정했었지. ... select * from diary where id=#{id}; 이렇게 설정하면 GetDiary 쿼리의 결과로 얻어지는건 Diary 클래스 객체가 되지.@Datapublic class Diary { private Integer id; private LocalDate diary_date; private String diary_content;}이번에는 resultType 으로 map 을 지정해서 key-val..

SpringBoot 로 개발한 첫 작품. 댓글타임즈 https://www.thatgeultimes.kr 댓글타임즈 :: ThatgeulTimes 아차키 사용하다가 낭패볼뻔한 사연 다들 차키를 어디에 가지고 다녕?주머니 불룩하게 튀어나오는게 여간 뵈기 싫지 않징? 특히나 여름에는 바지도 얇은데, 주머니에 뭐 그리 넣을게 많지. 거기 www.thatgeultimes.kr 시국이 하수상하여 내가 가진 마음을 마음대로 발설하고픈 욕구가 생기는데, 이곳을 이용하시라. 언젠가 친구가 내가 생각하는 걸 다른 사람들은 어떻게 생각하는지 궁금하지 않니? 다른 사람들 생각이 궁금할 때 물어보고 싶은 앱이 하나 있으면 좋겠어. 라고 했는데, 이제서야 그 가려움을 긁어줄만한 웹앱을 만들어봤다. 게시글을 올리면 다른 사람들이 ..

html 페이지를 구성할 때 기본적인 태그만으로도 가능하다. 그런데 예쁘지 않다!!!예쁘게 구성하려면 CSS 가 필요하다. 간혹 이벤트를 처리하기 위해서 JS 도 필요하다.Bootstrap 은 CSS, JS 를 사용하여 예쁘게 html 을 구성할 수 있게 해준다.https://getbootstrap.com/Bootstrap 에서 제공하는 CSS, JS 를 이용하기 위해서 html 에 링크를 삽입해줘야 한다.CSS 위 코드를 삽입해줄 부분은 html 코드의 영역이다. 코드는 모바일에서 적절한 반응형 동작을 위한 태그이다.JS자바스크립트 번들(드롭다운, 팝오버 및 툴팁 위치 지정을 위한 Popper 포함)을 위해서 자바스크립트를 삽입할 필요가 있다.이 스크립트가 추가될 영역은 바로 앞..

spring boot 웹 애플리케이션을 작성할거야.DBMS 는 postgresql 을 사용할거고, DB 프로그래밍은 mybatis 를 사용할거야.html 은 thymeleaf 를 사용해보겠어.lombok 은 기본적으로 들어가주는게 좋을 것 같아.프로젝트 구성https://start.spring.io/ 에서 프로젝트를 구성하고 GENERATE 버튼으로 프로젝트 압축파일을 다운로드받을 수 있지.프로젝트 열기IDE 는 IntelliJ 를 사용하겠어. 프로젝트 실행프로젝트를 오픈해서 바로 실행시켜보면 아래와 같이 메시지가 표시되지. . ____ _ __ _ _ /\\ / ___'_ __ _ _(_)_ __ __ _ \ \ \ \( ( )\___ | '_ | '_| | ..