홍태

우선 스프링 시큐리티을 이해하려면 인증(authentication)과 인가(authorization)에 대한 개념을 알아야 합니다. 인증(authentication) 은 사용자의 신원을 입증하는 과정 (ex 사용자가 사이트에 로그인을 할 때 누구인지 확인 하는 과정) And 인가(authorization)는 사이트의 특정 부분에 접근 할수 있는지에 권한을 확인 하는 작업 (ex 관리자는 관리자 페이지에 들어갈수 있지만 일반 사용자는 들어가지 못함) 라고 하고 인증과 인가 관련 코드를 아무런 도구의 도움 없이 작성하면 많은 시간이 필요한데 스프링 시큐리티를 사용하면 쉽게 처리할수 있습니다. 다음은 스프링 시큐리티에 대해 알아보겠습니다. 스프링 시큐리티(Spring security) 는 스프링 기반 애플리케..

타임 리프 문법과 표현식은 직관적 타임 리프는 스프링의 대표적인 템플릿 엔진컨트롤러 에서 모델을 통해 데이터를 설정하면모델은 뷰에서 사용할수 있게 데이터 전달 표현식 설명 ${...} 변수의 값 표현식 #{...} 속성 파일 값 표현식 @{...} URL 표현식 *{...} 선택한 변수의 표현식 th:object에서 선택한 객체에 접근 표현식 설명 예제 th : text 텍스트를 표현 할 때 사용 th:text = "${person.name}" th : each 컬렉션을 반복할 때 사용 th:text = "${person.name}" th : if 조건이 true 일 때만 표시 th:if = "${person,age} >= 20" th : unless 조건이 false 인 때만 표시 th:unless =..

게시글 삭제를 만들어 봅시다 boardview가 상세 페이지인데 코드를 작성후 실행시켜보면 작동이 되게끔 하기 위해 BoardService에 아래와 같이 작성해줍니다. 그리고 삭제하고싶은 값(id)을 얻어와서 다시 리스트 화면으로 돌아가게 만들기위해 BoardController에 아래와같이 작성해줍니다. 작성후 실행시키고 주소창에 아래와 같이 작성하고 실행 시켜보면 삭제 처리가 잘 되는걸 볼수 있고 게시글에서도 삭제가 잘됍니다.

Vue3 를 안까신분들은 설치 및 node.js부터 깔아주세요 ! 1. cmd창을 열어 node 및 npm 버전 확인을 합니다 2.code 을 치면 vs코드가 실행되는데 여기까지가 기본 세팅 3.npm create vite@latest Vue 선택 -> JavaScript 선택 하고 기다려줍니다 4.그다음 food-search/를 쳐서 food파일에서 npm install 을 쳐서 받아줍니다 5.vs코드에서 파일열기로 food-search파일을 열고 새 터미널에서 npm run dev로 실행시키면 아래와 같은 화면이 뜹니다 그다음Tailwind Css를 사용할 건데 Tailwind 란? utility-first'라는 목적 하에 만들어진 CSS 프레임워크 별도의 CSS 파일이..

우선 게시글 상세페이지 만들기 위해 boardview.html 을 만들어줍니다

use board;

게시글이 보관할 테이블이 필요한데 그리고 게시글 작성 창을 만들기 위해