이번에 팝콘메이트 하면서 통신할 때 에러 코드나 짤막한 에러 원인을 받아 볼 수 있게 하였는데, 그 정보들만 가지고 원인을 해결하지 못할 때가 있다 보니 리팩토링 할 겸 팀 공용 디스코드에 로그 전체를 볼 수 있는 시스템을 만들어 보려고 한다 먼저 팀이 사용하는 디스코드에서 웹후크를 만들려면 채널 설정 -> 연동 들어가서 웹후크 만들기를 누르면 된다! 간단한 작업이다 본격적으로 코드 구현에 대해 알아보자 (1) FeignClient 이용하는 방식 먼저 DiscordClient 클래스에 Controller 클래스에 메서드 짜주는 것처럼 인터셉터를 위한 메서드를 써준다 @FeignClient( name = “discord-client”, url = “웹후크 URL”, configuration = Discor..

#3052 (나머지)solution1_for.const fs = require(‘fs’);const file = process.platform === ‘linux’ ? ‘/dev/stdin’ : __dirname+’/input.txt’;const input = fs.readFileSync(file).toString().trim().split(‘\n’).map(Number);let arr = [];let remain = 0;for(let i=0; i solution2_new. const fs = require(‘fs’);const file = process.platform === ‘linux’ ? ‘/dev/stdin’ : __dirname+’/input.txt’;const input = fs.readFi..

수박 게임 준비 중 물리엔진 Matter.js 사용법https://velog.io/@rificul/%EB%A6%AC%EC%95%A1%ED%8A%B8%EC%97%90%EC%84%9C-Matter.js-%EC%82%AC%EC%9A%A9%ED%95%B4%EB%B3%B4%EA%B8%B0#%EC%B5%9C%EC%A2%85-%EC%BD%94%EB%93%9C 리액트에서 Matter.js 사용해보기참고)https://brm.io/matter-js/https://paulie.dev/posts/2020/08/react-hooks-and-matter-js/리액트에서 Matter.js를 사용하여 바닥을 만들고 공을 생성해보기npm i matter-jsvelog.io TS로 개발한 githubhttps://github.com/..

2024.05.19 – [Spring] – [Spring] Security,Jwt 그리고 쿠키를 이용한 로그인과 인증처리 (feat. Front End) [1] – 쿠키와 세션이란? [Spring] Security,Jwt 그리고 쿠키를 이용한 로그인과 인증처리 (feat. Front End) [1] – 쿠키와 세션이란?개요저는 이전까지 Spring Security을 사용하여 jwt로 인증을 진행하였습니다. Json 로그인이 성공하면 accessToken과 refreshToken을 프론트에 발급해 주었으며, 서버에 접근하기 위해서는 헤더에 토큰 정보100cblog.tistory.com 개요이전 포스팅에서는 쿠키와 세션에 대해 알아보는 시간을 가졌습니다.이번 포스팅에서는 저번에 알아본 쿠키와 세션, JWT등..

⭕ 카카오테크캠퍼스 2기 | STEP2 | 27일차(24-07-30) 회고📝 에러 핸들링지난주 리뷰를 통해 서버에서 전달하는 에러 메시지를 활용하는 방법에 대해 고민하게 되었다. 기존에는 fetch를 사용하여 에러를 처리했지만, 서버에서 전달하는 에러 메시지를 활용하면 사용자에게 더 구체적이고 유용한 피드백을 제공할 수 있다는 점을 알게 되었다. 특히, axios를 사용하여 인터셉터를 통해 에러를 처리하는 방법이 더 효율적일 것이라는 피드백에 특히 집중했다.fetch와 axios의 차이점fetch는 브라우저 내장 API로서 가볍고 간편한 비동기 요청 처리 방법을 제공한다. 예를 들어, fetch를 사용하여 HTTP 요청을 보내는 코드는 다음과 같다.fetch(”) .then(response => r..

* 2022 1, 2회차 / 2021 1, 2, 3회차를 정리한 내용입니다.  UML(Unified Modeling Language) 다이어그램(X): 절차 다이어그램(Procedural diagram)액티비티(Activity) 다이어그램클래스(Class) 다이어그램시퀀스(Sequence) 다이어그램 – UML객체 지향 시스템을 개발할 때 산출물을 명세화, 시각화, 문서화하는데 사용된다.즉, 개발하는 시스템을 이해하기 쉬운 형태로 표현하여 분석가, 의뢰인, 설계자가 효율적인 의사소통을 할 수 있게 해준다. 따라서, 개발 방법론(X)이나 개발 프로세스(X)가 아니라 표준화된 모델링 언어이다.기능적 모델은 사용자 측면에서 본 시스템 기능이며, UML에서는 Usecase Diagram을 사용한다. – UML ..

폭탄 폭발 문제 설계하는데, C++에서 배열 포인터 관련 개념 부족, 배열을 매개변수로 던질 때, 배열을 return 값으로 반환할 때 관련 지식 부족해서 포스팅참고 링크는 아래에 있다. [배열과 포인터 관계 기본]=> “배열의 이름은 배열의 시작 주소를 가리키는 상수 포인터다.따라서 포인터로 넘겨줄 때 그냥 배열 이름 그대로 넘겨주면 된다.” 일부 발췌    배열의 이름인 arr = 배열의 주소값 = &arr[0]int *arr = int arr[] 관련 참고 링크 및 출처C언어 배열 리턴과 매개변수 https://velog.io/@sp1rit/C%EC%96%B8%EC%96%B4-%EB%B0%B0%EC%97%B4-%EB%A6%AC%ED%84%B4%EA%B3%BC-%EB%A7%A4%EA%B0%9C%EB%..

😬 EC2가 자꾸 죽어버린다..Jenkins, Docker로 CI/CD를 구성하고 과제를 진행하면서 EC2 무한로딩, 서버 다운 현상이 발생했다.. 안 그래도 Jenkins 할 때마다 애가 좀 버벅거린다 싶은 느낌은 있었다. 🤔 왜 그랬을까??18:15 이후로는 서버가 다운되어 있었고 AWS에서 CPU 사용량과 RAM 사용량을 보니 그럴만했다.. 싶었다…EC2 프리티어에서 사용할 수 있는 t2.micro는 RAM 1GB, 물리 디스크 최대 30GB까지 할당 가능하다. 리소스를 잡아먹는 빌드를 진행하면서 1GB를 야물딱 지게 사용하면서 버티지 못하고 그대로 사망하셨다. 그동안 유료 인스턴스를 제공받아 사용하다 보니 프리티어 인스턴스는 생각보다 작고 소중했다.. 😲 그럼.. 사야 해?..물론.. 구..

부트캠프에서 지원해주던 AWS 서버 기간이 끝나서 새롭게 Local에서 Redash를 설치하려했다. 근데, 애초에 Redash 설치하는 방법이 인터넷에 잘 없기도 하고, 있다하더라도 최근 내용이 아니거나, 거의 local에 설치하지 않아서 너무 헤맸다…ㅠㅠ 거의 6-7시간동안은 진행했던 것 같다. 그래도 해결해서 다행이다! 해결하고 보니까 방법이 매우 간단하다^^ (항상 해결하고 막상 보면 쉬움;;) 0. 공식 문서 확인하기먼저, Redash github에서 제공해주는 개발 설정 과정을 확인한다. https://github.com/getredash/redash/wiki/Local-development-setup Local development setupMake Your Company Data Driv..

이전 포스트에서 다룬 Seq2Seq의 개념을 바탕으로 Attention Mechanism에 대해 학습해본다. Attention Mechanism과 관련된 논문 “Neural Machine Translation by Jointly Learning to Align and Translate”를 리뷰한다.  1. Attention Mechanism 2. 논문 리뷰   1. Attention  Mechanism 1) Attention Mechanism 등장 배경 – Seq2Seq 방식은 고정된 크기의 벡터에 문장 속의 모든 정보를 인코딩하기 때문에 정보 손실이 발생한다.  – Seq2Seq까지의 encoder-decoder 모델은 다른 길이의 input에 대해 고정된 길이의 context vector를 출력 – ..