티스토리

일단_블로그_시작

검색하기

블로그 홈

일단_블로그_시작

firstblog912.tistory.com/m

yeaseul912 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

[IntelliJ] 원격 호스트 연결하기 너무 오랜만이라 글을 쓸까 말까 고민일때는... 쓰는게 맞는것같다! 로컬에서 Intellij 로 개발을 하고 있는데 VM 과 친해져야 할것 같기도 하고 Intellij 에서 호스트 연동, 파일 관리 등이 가능하다고 하여 Intellij 에 VM 을 연결해서 원격으로 사용해보려고 한다. 기존에는 putty 와 Filezilla 를 사용했었는데 훨씬 편해질것같다. 연동 작업이 가끔 있는 일이라 까먹을 것같아서 글을 작성해 보기로 했다.! IntelliJ Version Deployment 설정 Tools -> Deployment -> Configuration 에 들어가면 Deployment 설정 창이 나온다. 좌측 상단 + 버튼을 누르고 연결할 유형의 프로토콜을 선택한다. 연결 정보를 입력하기 위해 SSH c.. 공감수 0 댓글수 0 2023. 7. 26.
여러대의 서버에서 스케줄 처리하기 (ShedLock) 요즘에는 트래픽을 분산시키거나 서버가 다운 되었을 때에도 안정적으로 서비스가 돌아가게 하기 위해 서버를 여러 대 두고 어플리케이션을 운영하는 것이 추세이다. 하지만 스케줄링을 하는데 있어 여러대의 서버에서 중복으로 여러개의 스케줄링이 일어나는 것은 곤란하다.! 이러한 중복 실행을 막기 위해 ShedLock 이라는 라이브러리를 사용해보았다. 자세한 것은 깃헙을 참고하면 된다. ShedLock GitHub Page - 주요 내용 - if one task is already being executed on one node, execution on other nodes does not wait, it is simply skipped. 버전은 JDK 버전을 고려하여 사용하면 된다. If you are using .. 공감수 0 댓글수 0 2023. 5. 15.
[Spring Boot] ssl 적용 frontend에서 ssl을 적용하여 https 프로토콜을 사용하는 순간, 콘솔에서 api 서버가 https 가 아니라 안전하지 않다는 에러를 계속 뿌렸다. 또, network 탭에서는 preflight 가 계속 error였다. 아무리 화면은 잘 나온다고 해도 에러를 지나치는건 굉장히 불편하다.! 그래서 spring boot api 서버에도 ssl 을 적용하기로 했다. 1. Key 파일 로 Springboot key 만들기 (certbot etc.) frontend 쪽에서 만든 아래와 같은 key 파일이 있어서, 아래 파일을 활용하여 도메인을 적용해보았다. key 만드는 것 부터 필요하다면 certbot 을 사용하면 된다.! 참고 : SpringBoot 무료 SSL 인증서 적용하기 (Certbot) Op.. 공감수 0 댓글수 0 2023. 4. 3.
[Linux] 내가 쓴 명령어들 정리 nohup : 터미널이나 세션이 종료되어도 해당 프로세스가 종료되지 않고 실행되도록 하는 명령어 나는 개발 서버가 다운되어 프론트에서 데이터를 못받는 불상사가 생기지 않도록사용. 본래 작업 시간이 오래걸리는 스크립트나 명령어가 완료될 수 있도록 사용했던 듯 하다. - nohup 으로 java 프로그램 단순 실행 & : 백그라운드 실행 명령 실행프로그램이 있는 곳에 nohup.out 파일이 생성되며 로그를 남기다. nohup java -jar api.jar & nohup sh script.sh & - nohup.out 파일을 생성하지 않고 실행 2>&1 : 에러 출력 /dev/null 로 보내라는 뜻으로 파일을 생성하지 않음 nohup java -jar api.jar > /dev/null 2>&1 & no.. 공감수 0 댓글수 0 2023. 3. 31.
AWS CLI S3 에러 : RequestTimeTooSkewed (+ Ubuntu 시간 설정) 에러 원인 로컬 환경 : WSL Ubuntu 20.04 AWS S3 : Asia Pacific(Seoul) Region 평소대로 AWS CLI 를 활용하여 S3 에 파일을 업로드 하려고 했는데 다음과 같이 오류가 떴다. /scheduler/build/libs$ aws s3 cp scheduler-0.1.0.jar s3://******/backend/scheduler.jar --acl=public-read upload failed: ./scheduler-0.1.0.jar to s3://******/backend/scheduler.jar An error occurred (RequestTimeTooSkewed) when calling the CreateMultipartUpload operation: The d.. 공감수 0 댓글수 0 2023. 3. 27.
[JAVA] 정수 3자리 마다 콤마(,) 찍는 법 사용자가 큰 정수(Integer)를 볼 때 콤마로 자릿수가 구분되어 있으면 더 빠르게 숫자를 파악할 수 있게 된다. 또 Double형이나 Float형과 같은 지수형은 데이터가 커지면 데이터에 영문 E가 붙어서 표현된다. (지수 표기법) 이러한 숫자를 프론트에서 사용자를 위하여 큰 수에 콤마를 찍는 방법을 찾아보았다. 1. DecimalFormat을 이용한 방법 DecimalFormat 객체를 생성할 때 "###,###" 을 인자로 넣어 포맷을 설정해준다. .format 메서드에 인자로 숫자를 넘기면 원하는 포맷대로 숫자를 반환해준다. int num1 = 2147483647; // –2,147,483,648 ~ 2,147,483,647 log.info("정수 출력 : {}", num1); DecimalFo.. 공감수 0 댓글수 0 2023. 2. 27.
[Boot Error] contextLoads() FAILED 1. 에러명 java.lang.NoClassDefFoundError: org/slf4j/impl/StaticLoggerBinder SchedulerApplicationTests > contextLoads() FAILED java.lang.NoClassDefFoundError at LogbackLoggingSystem.java:293 Caused by: java.lang.ClassNotFoundException at BuiltinClassLoader.java:581 보통 ContextLoads() error는 mysql 연결안될때 많이 발생하던데 나는 Logback을 설치하고 나서부터 에러가 발생하였다. 2. 해결방법 build.gradle dependencies{ implementation group: .. 공감수 0 댓글수 0 2022. 12. 22.
Spring Boot SLF4J + Logging(Logback) 으로 로그 파일 남기기 Log 를 file로 추출하고 싶어서 찾아보았다. Logging이란? 정보를 제공하는 일련의 기록인 로그를 생성하도록 시스템을 작성하는 활동 Application 을 운영기위해선 요청을 보내거나, 응답을 받거나, 문제가 발생하였을때 생기는 정보들이 필요하다. 특히 아래와 같을때 유용하게 사용할 수 있다. 초보자들은 프로그램을 이해하기 위해, 설계자들은 시스템의 복잡성을 이해하기 위해 테스트 시 버그에 대한 정보를 알기위해 구문 혹은 함수들 사이에 걸리는 시간 등의 성능에 관한 통계와 정보를 알기 위해 Log Library 가장 간단하게 로그를 출력하는 방법은 System.out.println() 이다. 하지만 System.out.println 은 출력되는 로그의 양과 수준을 조절할 수 없고, 출력된 로그.. 공감수 0 댓글수 1 2022. 12. 21.
AWS : ISV General Immersion Day1 AWS ISV General Immersion Day Class에서 배운 내용 정리. [2022-10-11 교육] Do it! 3 tier web application 컴퓨트 - Amazon EC2 네트워크 - Amazon VPC 보안 - AWS IAM 모니터링 - Amazon CloudWatch 데이터베이스 - Amazon RDS 스토리지 - Amazon S3 네트워크 구성하기 1. VPC 만들기 - 사용자가 정의하는 논리적으로 격리된 가상 네트워크에서 AWS 리소스를 시작할 수 있다. 2. 추가 서브넷 생성하기 3. 라우팅 테이블 편집하기 4. 보안 그룹 생성하기 인스턴스 생성하기 - VPC내 Private subnet 들에 Auto Scaling Group을 이용하여 웹 서비스 인스턴스를 배포 웹 .. 공감수 2 댓글수 0 2022. 11. 22.
Mac Java_Home 환경 변수 설정 JDK 기본 설치 경로는 /Labrary/Java/JavaVirtualMachines 이다. 나는 웹에서 설치하지 않고 SDKMAN! 이라는 SDK의 병렬 버전을 관리하기 위한 도구를 사용해서 Java를 설치했었다. Java_Home을 설정했다면 설치 경로를 확인 할 수 있다. SDKMAN 설치 방법 curl -s "https://get.sdkman.io" | bash zsh 사용자는 vi .zshrc , bash 사용자는 vi .bash_profile 파일에 아래 코드를 추가한다. export SDKMAN_DIR="$HOME/.sdkman" [[ -s "$SDKMAN_DIR/bin/sdkman-init.sh" ]] && source "$SDKMAN_DIR/bin/sdkman-init.sh" 그리고 아래.. 공감수 0 댓글수 2 2022. 11. 21.
Nov 3th。찬바람과 따뜻한 국물 11월 14일 월요일 월요병에 걸렸다.!! 날씨가 꽤 쌀쌀해서 국물이 땡겼다. 그래서 선택한 라멘! [사가라멘-가로수길점] 가로수길에 이정도 가격이면 꽤 싼거같다고 생각했는데 맛도 그냥 무난무난했다. 교자만두도 있어서 시켰었는데 주문이 안들어가있어서 좀 기다렸다 ㅠ 점심시간에는 역시나 정신이 없다.. 재방문의사는 이녀석을 기준으로 시작하겠다.! 재방문의사 ★★★★★☆☆☆☆☆ (5/10) 11월 15일 화요일 오늘은 뭔가 빠르게 먹고싶어서 국밥을 선택했다. [담소소사골순대육개장 신사1호점] 다 먹은 사진이라 조그맣게 첨부하겠다 ㅎㅎ; 호로록 마셔버렸다. 기본적으로 다데기랑 들깨가 들어가 있고, 간도 어느정도 맞았다. 밥은 무한리필이고 사장님이 자리 계속 손님들 밀착관리 하셔서 테이블 회전이 빠르다. 깍두기.. 공감수 0 댓글수 0 2022. 11. 21.
[PJ] Vue 공부중9 vue 단축..이모지? v-bind: = : v-on: = @ v-slot = # 컴포넌트에서 v-model 사용하기 TodoForm 에서 사용하던 Input Box 들을 Input 이라는 component로 따로 빼서 사용해보도록 한다. 공식 문서에서는 Multiple v-model 이라는 내용으로 찾을수 있다.(고 한다. 못찾음 ㅠ) TodoForm.vue ... Subject {{ subjectError }} ... Input.vue 로 form 옮기기 바인딩을 통해 데이터를 연결하고, 클릭이벤트도 연결해준다. Input.vue {{ label }} {{ error }} TodoForm.vue ... ... v-on 과 v-bind, 그리고 함수를 통해 변경된 값을 적용시켜 보았다. 이것을 v-mo.. 공감수 2 댓글수 0 2022. 10. 19.
[PJ] Vue 공부중8 slot 언제하지ㅣ.... Q. package-lock.json, package.json 은 gitignore를 해야 할까요? A. NOPE! https://chanie.tistory.com/m/10 node modules와 gitignore, package.json의 관계 node module을 사용하는 자바스크립트, 노드js, 리액트 관련 프로젝트를 할때 Create React App으로 프로젝트를 생성을 하면 기본적으로 gitignore파일에 node modules 경로가 잡히게 된다. 변경사항을 추적하 chanie.tistory.com https://blog.naver.com/gingsero/222140320340 package-lock.json 은 git ignore 처리해야할까? https:/.. 공감수 0 댓글수 0 2022. 10. 5.
[PJ] Vue 공부중7 Teleport 원하는 코드를 원하는 곳으로 이동 가능 index.html modal div 추가 pages/todos/index.vue style 투명도 추가 ... components/TodoList.vue index.html 에 있는 modal 로 이동시켜버림 모달이 위에 잘 뜸. API 연동 문제 - CORS - 해결 최 상단에 vue.config.js 파일 생성 module.exports = { publicPath: "./", devServer: { proxy : 'API URL' } }; Home.vue const getLists =async () =>{ try{ const res = await axios.get("/board"); console.log(res.data); } catch(err.. 공감수 2 댓글수 0 2022. 10. 4.
[PJ] Vue 공부중6 Vue Lifecycle hooks 공식문서 onUnmounted를 활용한 메모리 누수 관리 const timeout = ref(null); // 페이지를 벗어날 때 timeout value를 clear 해준다. // 그럼 페이지 이동시 triggerToast의 setTimeout이 실행되지 않음. onUnmounted(() => { clearTimeout(timeout.value); }); const triggerToast = (message, type = "success") => { toastAlertType.value = type; toastMessage.value = message; showToast.value = true; // 페이지를 벗어났을 때 아래 부분을 실행 시킬 필요 없다. timeo.. 공감수 0 댓글수 0 2022. 10. 3.
[PJ] Vue 공부중5 Todo Update submit 버튼으로 form submit 활용 template ... Save script const onSave = async () => { const res = await axios.put(`http://localhost:3000/todos/${todoId}`, { subject: todo.value.subject, completed: todo.value.completed, }); console.log(res); return { onSave }; }; 값이 잘 바뀌었다. JS 객체 복사/비교 js 자료형 : 원시 타입 - 값 자체 저장 , 참조 타입 - 메모리의 주소값 저장 lodash library 로 참조타입(객체) 값 비교! 수정시 데이터가 변동 되지 않았다면 save 버.. 공감수 0 댓글수 0 2022. 10. 2.
[PJ] Vue 공부중4 Vue Router 페이지간의 이동을 위한 패키지 설치 - vue3 는 vue-router4 버전 설치해야함 npm install vue-router@4 router-link 페이지를 리로딩 하지 않고 화면을 불러온다. 공감수 1 댓글수 2 2022. 9. 29.
[PJ] Vue 공부중3 json-server 를 이용한 DB 공식문서 설치 npm i json-server db.json 파일 생성 { "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", "postId": 1 } ], "profile": { "name": "typicode" } } 실행 json-server --watch db.json 아래와 같이 데이터가 쌓여 있는 모습을 실시간으로 볼 수 있다. async vs sync (비동기 vs 동기) 동기는 일을 처리하는데 시간이 얼마나 걸리든, 일을 무조건 순차적으로 진행하는 것. 비동기는 일의 요청을 바로바로 받아서 .. 공감수 0 댓글수 0 2022. 9. 28.
[PJ] Vue 공부중2 집에서 공부했던 vue3 project를 다른 곳에서 ( window ) 작동 시키려니 되지 않는다..하하하하 (몇일째 셋팅만 하는건지 모르겠다. 제발 코딩좀 하자) wsl 로 ubuntu 설치해둔게 있어서 거기서 돌려보도록한다. 근데 너무 깨끗한 ubuntu server... nodejs, npm, vue-cli, vue-cli-service 등을 설치해 주었다. sudo apt update sudo apt install nodejs node -v npm -v # npm 은 안깔렸다 sudo apt install npm # npm 설치 npm -version npm install -g @vue/cli # node 버전이 낮아서 안깔림. 14이상으로 설치. npm run serve curl -o- htt.. 공감수 2 댓글수 0 2022. 9. 27.
[PJ] Vue 공부중 최종적으로 Vue3 + MDB + Bootstrap 을 사용해서 프로젝트를 진행하기로 결정!! (땅땅땅) vue 공부 - todo list 만들어보기 Vite로 프로젝트 생성 npm init vite-app todo Vitejs2로 프로젝트 생성 npm init vite todo-vite2 기본 폴더 구조 vitejs로 프로젝트 생성시, index.css 파일이 따로 있지 않고 태그가 기본적으로 setup속성을 갖도록 템플릿이 만들어진다... 그게 뭔데.ㅡ Vite Project Start Bootstrap Library 설치 npm install bootstrap Popper Library 설치 npm install @popperjs/core Todo List 변수 생성 생성된 변수는 전 컴포넌트에 걸.. 공감수 0 댓글수 0 2022. 9. 26.
AWS Studying Amazon Web Services 컴퓨팅 > 인스턴스 Amazon Elastic Compute Cloud(EC2) Amazon Lightsail 데이터베이스 Amazon Aurora Amazon DynamoDB Amazon RDS 스토리지 Amazon Simple Storage Service(S3) 분석 Amazon Athena Amazon QuickSight 애플리케이션 통합 Amazon Simple Notification Service(SNS) Amazon Simple Queue Service(SQS) 서버리스 AWS Lambda Amazon API Gateway Elastic Load Balancing(ELB) Amazon DynamoDB Amazon Simple Storage S.. 공감수 0 댓글수 0 2022. 9. 21.
[PJ] vue2+vuetify vuetify2 vs vuetify3 vue3 프로젝트에서 vuetify2 설치 시 아래와 같은 에러가 발생하였다. Error: You cannot call "get" on a collection with no paths. Instead, check the "length" property first to verify at least 1 path exists. vue3 에서 vuetify2를 지원하지 않는다.. Vuetify v3 Beta 로 해서 쓰려고 하는 기능들이 다 있으면 beta로 쓰는걸로하려고 한다. but.!! vuetify v3 에 우리가 원하는 date picker 가 없다.. 왜..? 2에는 있는데 3에 왜없어!! ㅠㅠㅠ 책도사고 강의도 끊었는데 왜!!! vue2 + vuetify 2로 .. 공감수 0 댓글수 0 2022. 9. 20.
[PJ] Vue vueCLI 설치 기본 vue 개발 환경을 설정해주는 도구 npm install -g @vue/cli # OR yarn global add @vue/cli vue -V # 설치확인 vue CLI 를 활용한 vue project 생성 vue create hello-vuecli # vue create 프로젝트명 확장프로그램 - vetur 설치 vue 프레임워크에 대해 다양한 기능을 제공하는 플러그인 *.vue 파일에 대한 코드들을 만들어주거나, 디버깅, 자동완성, 하이라이트나 에러체크 등을 지원 Features Syntax-highlighting Semantic-highlighting Snippet Emmet Linting / Error Checking Formatting IntelliSense Debugg.. 공감수 0 댓글수 0 2022. 9. 19.
[PJ] study 1. 프로그램설치 - putty - vm ssh접속용 - Figma - docker 2. 공감수 0 댓글수 0 2022. 9. 15.
[PJ] setting 1. 프로그램 설치 - mysql server + workbench 8.0.30 - nodejs 16.17.0 + npm(npx) 8.15.0 - vscode - notion - git - sourcetree - jdk - intellij 2. vscode extention - 내가 설치한 extentions 22.10.03 추가 extensions vue 코드의 Highlight가 잘 되지 않는것 같아서 찾아서 설치. 아주 만족만족 컴포넌트가 HTML 이랑 코드가 같아서 잘 안보였었는데 초록색으로 구별되서 너므 좋당 3. prettier 적용방법 Editor: Default Formatter 를 Prettier ESLint로 설정 Editor: Format On Save 체크 표시 O 4. 설정을 마친.. 공감수 0 댓글수 0 2022. 9. 14.
[CS] 인터넷 63. 표준과 프로토콜의 세계, 인터넷 Q. 전 세계의 컴퓨터를 연결하려면 어떻게 해야 할까? 네트워크는 어떻게 사용자들과 연결되고, 통신거리가 더 늘어나며, 장비와 기술이 변화함에 따라 전체 네크워크가 넓고 매끄럽게 연결되어 있는걸까? A. 인터넷은 느슨하고 체계가 없으며 혼란스럽고 임시적인 네트워크의 모음으로 컴퓨터가 서로 통신하는 방법을 규정하는 표준으로 묶여있다. 네트워크와 컴퓨터를 식별 하기 위해서 이름(IP)과 주소(MAC)가 필요 정보의 형식을 어떻게 바꿀 것인지, 오류, 지연, 과부하에 대처하는 방법 등에 대한 합의, 즉 프로토콜(=약속)로 처리된다. 정보를 형식화하는 방법, 컴퓨터 간에 정보를 교환하는 방법, 컴퓨터를 식별하고 인가하는 방법, 무언가 실패했을 때 해야 할 일 등에 대한 프.. 공감수 0 댓글수 0 2022. 8. 19.
[WIL] 항해 4주차 Cors란? refrence https://kingchan223.tistory.com/230 react - header의 Authorization받기 프론트에서 fetch로 서버에 로그인 요청을 하면 서버에서 jwt토큰을 만들어 header에 심어 응답을 해주는데, 자꾸 프론트에서 "Authorization"으로 응답을 받지 못해 이것저것 다하다가 많은 시간을 날 kingchan223.tistory.com https://velog.io/@yeddoen/Spring-RequestBody%EB%A1%9C-json-%EB%B0%9B%EA%B8%B0 [Spring] @RequestBody로 json 받기 @RequestBody는 json을 자바객체로 자동 파싱해준다. velog.io 공감수 0 댓글수 0 2022. 8. 16.
[TIL] 항해 41. 자바스크립트와 파이썬 교양있는 사람이라면 프로그래밍에 대해 어느 정도 아는 게 중요하다고 생각한다. 프로그래밍 언어는 굉장히 많지만 특히 자바스크립트와 파이썬이 초보자 수준에서 배우기 쉽고, 더 큰 프로그램으로 확장하기에 용이하고, 폭넓게 적용 가능하다. 하지만 자바스크립트의 단점은 개발자에 의도와 전혀 다른 동작을 일으킬 때도 있다는 것이다. 또한 다른 브라우저에서 항상 같은 방식으로 작동하지 않는다. 파이썬 언어는 입문 수업이나 데이터 과학, 머신러닝에 초점을 맞춘 표준 언어가 되었다. 많은 사람들이 처음 코딩을 배울때 파이썬으로 처음 접하고 그만큼 진입장벽이 낮다고 한다. 또한, 코드카데미, 칸 아카데미, W3스쿨즈, 등 초보자를 위한 언어를 배우기 위한 사이트들도 많다. 42. 프로그래밍 .. 공감수 0 댓글수 0 2022. 8. 13.
[TIL] 항해 32일차 미니프로젝트주의 날이 밝았다. 제발 팀장만 되지 말아라 했는데 기어코 되었다. ^.ㅠ -- CS 목차 -- 41. 자바스크립트와 파이썬 42. 오늘의 에러 h2 화면에 안나오는 에러 https://velog.io/@rhtld123/%ED%86%A0%EC%9D%B4-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EB%A1%9C%EC%BB%AC%ED%99%98%EA%B2%BD-H2-Database-%EC%A0%81%EC%9A%A9SpringBoot-H2 h2 db 생성 오류 에러 변수명 중에 "value" 라는 이름이 있으면 안된다. h2에 키워드로 등록이 되어 있나보다. 공감수 0 댓글수 0 2022. 8. 12.
[TIL] 항해 31일차 드디어 정리된 DB ㅠㅠ 스케줄러 완성! ScheduleTasks.java @Scheduled(cron="0 0 1 * * *") public void schedule3(){ log.info("스케쥴러 작동 시작 ! 현재 시각 : "+dateFormat.format(new Date())); List allPost = postRepository.findAll(); for(Post p : allPost){ List comments = commentRepository.findAllByPost(p); int count = comments.size(); if(count == 0) { Long id = postService.scheduleDeletePost(p.getId()); System.out.println(i.. 공감수 0 댓글수 0 2022. 8. 11.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.