좐's 블로그

WebClient 로 외부 API 호출 시 301 에러

개요 sms 로 인증번호 전송하는 로직을 구현 하는 미션이 생겼다. 뭐 하도 많이 했던 기능이라 별거 아니군 쿠쿡... 하고 WebClient 추가하고 api 똥침을 찔렀는데? 웬걸 듣도 보도 못한 301 Moved Permanently nginx 요런게 날아 왔다;;; 당황해서 Postman 으로 같은 api 를 날려봤는데...? 전송 성공이 떴다;;; 굉장히 당황쓰 이럴 땐 도와줘 GPT 를 외쳐보자!! 이녀석.. 똑똑한걸... 이제 webclient 에서 리다이렉션 처리만하면 끝! 기존에 그냥 생성 했던 Weclient 객체를 이렇게 커넥터에 리다이렉트를 허용하고 생성하면 해결!!

2024.02.13 의 일기

민족의 명절 설이 지나고 그간 고민했었던 이직처에 대한 결정을 지었다. 2024년1월 초 대표의 뇌물수수로 인해 특허청 물량이 끊긴 회사는 IT 인력들에 대한 대규모 구조조정을 단행했다.https://etnews.com/20231016000320 변리사회, '특허청 뇌물 혐의' 선행조사업체 대전지검에 고발대한변리사회가 지난 13일 특허청과 선행조사업체와의 유착·비리 사건에 관련된 선행조사 전문기관 윕스와 윕스 대표 이 모씨, 나라아이넷 전 대표이자 현 사내이사인 김 모씨를 뇌물 공여 혐www.etnews.com아버지 아버지! 우리 회사가 뉴스에 나왔어요~ 제엔장 참 어이가 없던 점은 뇌물을 주고 골프접대를 한건 대표 및 임원들인데 칼을 맞는 건 사원대리급...;;TV 드라마에서..

React Custom hook 이용하여 인원 수 체크 하기

1. React Custom hook...? 리액트는 반복되는 로직에 피로감을 느끼는 개발자들을 위해 hook 을 커스텀해서 이용하는 아주 편리한 기능을 제공한다. Custom Hook 을 만드는 방법은 아주 간단하다. 그냥 함수 앞에 use 를 붙여주면 난 이 친구를 hook 으로 사용할거야! 라는 뜻이며 hook 을 사용할 때 유의해야 할 점과 그 특성을 공유한다. 하나의 컴포넌트에서 hook 이 실행되는 순서는 항상 같아야 한다. 그러므로 최상위 레벨 (at the Top Level) 에서 실행되어야 한다. ▪︎ if 블럭 안에서 쓸지 말 것 - 조건에 따라 실행이 안 될수도 있어서 ▪︎ for loop 블럭 안에서 쓰지 말 것 - 실행 횟수가 달라지고 실행이 안될수도 있어서 ▪︎ Function ..

React hook 의 개념과 사용법

1. Hook 이란? 기존 함수컨포넌트는 별도로 state 를 정의하거나 LifeCyle 에 맞춰 어떠한 코드를 실행 시킬 수 없어서 함수컴포넌트에 class 컴포넌트의 기능을 동일하게 사용하기 위해 사용 * hook 중 기본적으로 제공하는 기능들 말고 개발자가 커스텀해서 사용 할 수 있지만 hook 앞에 'use' 를 붙이는게 국룰이다!! 2. useState >> state 를 사용하기 위한 hook 예를 들어 이러한 코드에 useState 를 적용해 보자... * useState 사용법* const [변수명, set함수명] = useState(초기값); 이는 class 컴포넌트에서 setState 를 사용해서 변수를 업데이트하고 재랜더링하는 과정과 같다. 2. useEffect >> side eff..

JWT 와 Cookie 를 이용한 로그인 적용

JWT 토큰 설정을 먼저 보고싶으시다면 하단의 포스트를 참고 하세용! https://goorme-green.tistory.com/22 JWT 인증 적용 backoffice 프로젝트를 하던 도중 팀장님의 한마디... "세션 인증 걷어 내고 JWT 적용해볼까??" 사실 여기에 대한 내 생각은 로드밸런서도 없고 backoffice 서비스의 특성상 사용자가 많지도 않구... 도메 goorme-green.tistory.com 1. JWT 와 Cookie 를 이용한 로그인 방식 @Component public class CookieUtil { public void deleteCookie(HttpServletResponse response){ Cookie accessTokenCookie = new Cookie("ac..

JWT 인증 적용

backoffice 프로젝트를 하던 도중 팀장님의 한마디... "세션 인증 걷어 내고 JWT 적용해볼까??" 사실 여기에 대한 내 생각은 로드밸런서도 없고 backoffice 서비스의 특성상 사용자가 많지도 않구... 도메인도 단일 도메인인데 굳이...? 싶었지만 접근권한 통제 할 때 장점도 있고 여러가지 방법의 인증 시스템을 적용하는 법을 이해하고 공부 할 수 있는 좋은 기회다 싶어서 도전 해보기로 했다. 첫 회사에서도 두번째 프로젝트 때 적용해보긴 했지만 그 땐 신입개발자였고 구글링해서 따라치기 급급했기 때문에 이번에 제대로 공부해보고 적용하려 한다...!! 1. JWT 란?? JWT 는 유저를 인증하고 식별하기 위한 -토큰기반- 인증이다. (이름부터 Json Web Token) 토큰은 세션과는 달리..

<Next.js-TypeScript-React> - 1 기본 개요

Next.js 와 typeScript Next.js 는 리액트의 기능성을 살리면서 리액트만으로는 다룰 수 없는 영역을 포함하는 실전적인 웹 프레임워크 TypeScript 는 자바스크립트에 정적 타입 기능 등을 탑재한 프로그래밍 언어이다. SPA 의 등장과 SSR 그리고 CSR 서버 사이드 랜더링(SSR)과 클라이언트 사이드 랜더링(CSR)은 웹 애플리케이션을 렌더링하는 방법에 대한 차이점을 가지고 있습니다. 이를 이해하기 위해 먼저 SPA (Single Page Application)에 대해 설명하겠습니다. SPA (Single Page Application): SPA는 단일 페이지 애플리케이션으로, 초기에 모든 정적 리소스(HTML, CSS, JavaScript)를 한 번 로드한 후, 페이지 전환 시에..