bright jazz music

서버 입장에서는 들어온 요청의 인증 여부만 확인하여 인증이 된 요청이라면 API를 사용하도록 해주면 된다. - 새로운 기능을 추가할 때 과거에 작성한 코드가 맘에 들지 않을 수 있다. 그럴 때는 현재 내가 작성하려는 기능을 거기에 덧붙이지 말고, 과거의 코드를 리팩토링 한 뒤에 추가하는 버릇을 들이자. 그렇지 않는다면 레거시 코드로 남는 것이다. 리팩토링은 시간을 내서 하는 것이 아니다. 인증을 하는 방법 //PostControllerTest.java @Test @DisplayName("글 작성 요청시 DB에 값이 저장된다.") void test3() throws Exception { //given PostCreate request = PostCreate.builder() .title("제목입니다.") ..

애플리케이션 서버가 종료되면 접속이 되지 않는다. nohup을 사용한다. nohup은 기본적으로 애플리케이션으로 들어오는 중단 명령어를 무시하게 해준다. 터미널을 꺼도 종료되지 않는다. 그러나 ctrl + c를 누르면 종료된다. (그냥 nohup만 사용했을 경우) nohup을 쓰게 되면 터미널을 끄더라도 하더라도 계속해서 돌아간다. tail -f nohup.out : 파일이 내용이 쓰여질 때마다 갱신하면서 보여짐 종료하기 ==> 프로세스를 죽인다. ps aux (현재 시스템에 띄워져 있는 프로세스 리스트를 보여준다. nohup을 붙여서 애플리케이션을 실행하더라도 뭔가 할 수 있는 것은 아니다. 다른 일을 하기 위해서는 프로세스를 백그라운드로 넘겨야 한다. 이 때는 맨 끝에 &(ampersand)만 붙이면..

1. 터미널 열어서 프로젝트 경로에 접근하여 빌드 ./gradlew build 찾아보니 gradle-wrapper.jar 파일이 없어서 생기는 문제였음 ./gradlew build 애플리케이션 빌드 후 jar 파일 생성. 이 파일을 원격서버로 보내서 원격서버가 실행하면 이것이 애플리케이션 서버가 되는 것이다. 이렇게 생성된 jar 파일은 프로젝트 폴더의 build/lib 디렉토리에 위치하게 된다. libs 디렉토리 내부에는 두 개의 jar파일이 존재한다. - bootjar파일 (애플리케이션으로 띄울 수 있는 jar 파일이다. 빌드에 필요한 라이브러리가 포함돼 있다.) - plain.jar (관련 라이브러리가 포함되어 있지 않은 순수 자바 애플리케이션이) : 사용하지 않는다 이 plain.jar 파일이 생..

1. 개선 후 화면 소개 변경된 파일 확인 2. 개선 전 작업 DB에 값 넣어놓기 필요한 라이브러리 설치 - base.css 삭제. 방해됨 - scss 설치. (노드 서버 실행중에 설치했다면 재시작 해야 적용될 수 있음) - normalize.css 설치 npm install normalize.css package.json 확인 3. 파일 생성 및 구조 기본, 라우터 및 설정 파일 // index.ts import { createRouter, createWebHistory } from "vue-router"; import HomeView from "../views/HomeView.vue"; import WriteView from "../views/WriteView.vue" import ReadView f..

1. 수정화면을 표현할 뷰 컴포넌트 파일 만들기(EditView.vue) 2. 라우터에 등록 // index.ts import { createRouter, createWebHistory } from "vue-router"; import HomeView from "../views/HomeView.vue"; import WriteView from "../views/WriteView.vue" import ReadView from "../views/ReadView.vue"; import EditView from "../views/EditView.vue"; //경로를 적어줌으로써 import 필요 const router = createRouter({ history: createWebHistory(import.me..

1. 글 내용 표시할 화면 파일 만들기 (ReadView.vue) 제목 내용 2. 라우터에 해당 컴포넌트 등록 (index.ts) // index.ts import { createRouter, createWebHistory } from "vue-router"; import HomeView from "../views/HomeView.vue"; import WriteView from "../views/WriteView.vue" import ReadView from "../views/ReadView.vue"; //경로를 적어줌으로써 import 필요 const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes:..

홈 화면에 리스트 보이기 1. 테스트 {{post.title}} {{post.content}} 2. 서버를 통해 DB의 값 가져오기 axios를 사용한다. {{post.title}} {{post.content}} 3. 글 작성 후 홈화면으로 이동하도록 수정&&홈화면으로 이동한 뒤 뒤로가기 못하게 수정 router 사용 글 작성 완료 뒤로 가기를 한 번 눌렀을 때는 돌아가지 않는다. 두 번 이상 누르니까 돌아간다.

지난 포스팅에선 아래와 같이 작성하여 서버 측에서 CORS문제를 해결하였다. //WebConfig.java package com.endofma.blog.config; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; @Configuration public class WebConfig implements WebMvcConfigurer { //서버에서 CORS문제를 해결하는 방법 //front..

1. Vue component의 대략적인 사용법알아보기 Home 글 작성 안녕하세요 {{count}} 버튼을 눌러주세요 부트스트랩 또는 element ui라는 CSS 프레임워크를 사용하면 좀 더 예쁘게 꾸밀 수 있다. 여기까지가 기본적인 내용이었다. 이제 WriteView.vue 파일의 태그 내부의 내용을 모두 지운다. 2. 본격 글 작성 완료 element plus 설치 https://element-plus.org/en-US/guide/installation.html#hello-world Installation | Element Plus element-plus.org 뷰 프로젝트가 위치한 디렉토리로 이동 $ npm install element-plus --save 이제 element plus에 대한 컴..

1. 필요 없는 디렉토리 및 파일 삭제 AboutView.vue icons 디렉토리 HelloWorld.vue TheWelcome.vue Welcomeitem.vue 위 파일 및 디렉토리 삭제 2. 불필요한 코드 삭제 및 주석처리 router/index.ts 에서 about 주석처리: about을 사용하지 않을 것이므로 router에서 주석처리한다. 삭제해도 무방하다. 이외에도 AboutView.vue를 사용하는 다른 파일들에서 해당 부분을 주석처리 및 삭제하였다. // index.ts import { createRouter, createWebHistory } from "vue-router"; import HomeView from "../views/HomeView.vue"; const router = c..