개요 매번 push 하여 Github Actions 를 테스트하고 디버깅했는데 그러다보니 커밋창이 더러워지고 시간도 오래걸렸다. 이번에는 로컬환경에서 Github Actions 를 사용하는 방법을 알아본다. act 라는 소프트웨어를 사용할건데 docker 도 추가로 필요하다. Github Actions 자체가 runner 를 필요로 하는데, 이 역할을...

개요 vue3 를 AWS EC2 에 자동으로 빌드하고 배포하는 workflow 를 작성한다. github actions 를 이용해 자동 배포하며, vue 는 nginx 를 통해 서비스되도록 구성한다. 이전 포스팅 참고 이전 포스팅 이전 포스팅은 Spring 을 EC2 에 배포하는 방법을 알아보았다. 이번 포스팅은 Vue 를 EC2 에 배포하는 ...

개요 select * from follow f1, follow f2 on f1.followed_id = f2.following_id ERROR 1064 (42000) at line 27: You have an error in your SQL syntax; check the manual that corresponds to your MariaDB s...

설치 및 세팅 설치 npm install vue-router@4 npm run serve 하는 경로로 가서 npm install vue-router@버전 을 입력해 설치한다. 라우팅 정보 작성 // router/index.js import { createRouter, createWebHistory } from "vue-router" co...

개요 백엔드와 vue 의 포트가 8080 으로 동일하여 로컬에서 충돌이 발생하기 때문에 변경한다. 변경방법 package.json 파일로 들어간다. "serve": "vue-cli-service serve" 를 "serve": "vue-cli-service serve --port 8081" 로 수정한다. 이후 실행하면 8081 포트로 실행되는 ...

개요 .bashrc 에 환경변수를 설정했으나 읽지 못하는 문제가 발생했다. 터미널로 접속한 세션에 한해 .bashrc 에 설정된 환경변수를 읽어올 수 있기때문이다. 즉 프로그램 등은 .bashrc 에서 설정한 환경변수를 읽을 수 없다. 해결방법 /etc/environment 파일에 환경변수를 등록하면 된다. sudo vi /etc/environm...

개요 자동으로 극장모드로 설정해주는 크롬 확장프로그램 설치 후 마음에 들지 않아서 삭제했다. 확장프로그램을 삭제했지만 유튜브를 켤때마다 극장모드로 실행되어 이를 해제하는 방법을 공유한다. 방법 개발자 도구 -> Application -> 쿠키 -> 유튜브 -> wide 라는 이름의 쿠키 삭제 난 이미 삭제해서 없는걸로 나...

요약 <before> <after> 기존에는 Controller 에서 form 데이터를 받고 DB 에 회원정보를 조회하여 세션연결을 하는 방식이었다. 이번 개선을 통해 세션 방식에서 JWT 방식으로 변경하고 Spring Security 와 Filter 를 사용하는 방식으로 변경한다. 목차 Spring Securi...

이 게시글은 인프런의 유료 강의 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술을 수강하며 공부한 내용을 담고있습니다. 저작권에 의해 강의내용에 해당하는 전체 코드는 공개할 수 없습니다. 저작권에 의해 모든 내용을 담을 수 없습니다. 중복 및 반복되는 내용은 생략했습니다. 개요 회원 정보를 관리하는 웹 애플리케이션을 Servlet 과 JS...

이 게시글은 인프런의 유료 강의 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술을 수강하며 공부한 내용을 담고있습니다. 저작권에 의해 강의내용에 해당하는 전체 코드는 공개할 수 없습니다. 저작권에 의해 모든 내용을 담을 수 없습니다. 중복 및 반복되는 내용은 생략했습니다. 개요 HttpServletResponse 객체의 기초적인 내용을 공...