본문 바로가기

분류 전체보기370

[Spring] 트러블 슈팅 -스프링 부트 axios 프리플라이트 에러/cors에러 스프링부트 axios 통신시 에러 문제 상황 axios.post로 통신할 때 헤더가 셋되어있지 않아 통신 에러가 지속적으로 발생하였다. 재밌는 것은 allowAll로 설정한 컨트롤러에서는 정상 통신이 된다는 것이었다. 문제가 되는 지점은 axios.post로 요청을 보낼 때, 토큰이 유효할 경우에만 도달 가능한 컨트롤러와 통신을 할 때였다. 또한 신기한 점은 axios.get으로 요청을 할 때는 전혀 에러가 발생하지 않는다는 것이다. 분석 오랜 시간 끝에 에러 흐름이 아래와 같이 발생한다는 것을 깨달았다. 1. axios에서 get은 프리플라이트를 날리지 않지만 post요청을 할 시 프리플라이트를 날리게 된다. 이 프리플라이트가 정상 통신을 했을 경우에 본 요청이 날아가게 된다. 이 프리플라이트는 OPT.. 2024. 1. 9.
[면접 준비] 프론트엔드 면접 질문과 답변 저는 JAVA 백엔드 개발자, 혹은 React 프론트 엔드 개발자를 목표로 하는 취업 준비생입니다. 면접에서 대답할 주요 관심 주제는 Spring, Java, React, Next.js, JavaScript, TypeScript, OS, Network, DB, Docker입니다. 제가 사용해본 기술 중 통합, 정리한 면접 관련 내용을 정리합니다. 틀린 내용이 있다면 댓글로 지적해주시길 바랍니다. 감사합니다 ❓ 브라우저에 대해서 설명해주세요. 더보기 브라우저는 다양한 리소스 컨텐츠를 gui를 통해 유저에게 보여주는 소프트웨어이다. 즉 브라우저의 주요 기능은 선택한 웹 리소스( HTML문서이지만, PDF, 이미지 등의 컨텐츠)를 서버에 요청하여 브라우저 창에 표시하는 것이다. 브라우저가 HTML을 해석, 표.. 2024. 1. 8.
[스프링 시큐리티] AccessToken + RefreshToken을 이용한 로그인 구현(최신코드, TDD) 스프링 시큐리티 스프링 시큐리티를 이용해 리프래쉬 토큰, 액세스 토큰으로 관리되는 회원의 로그인, 권한 등의 코드를 작성한다. 사실 워낙 많이 사용되는 방식이기에 여느 블로그에서 긁어오면 될 줄 알았으나... 버전이 달라짐에 따라 문제가 약간 있어서 찾아보는데 고생을 조금 했다. 2023년 12월 29일 기준 최신 코드로 스프링 시큐리티 인증 인가 관련 작업을 TDD형식으로 구현한다. 이 포스팅에서는 실제 스프링 시큐리티를 사용한 인증, 인가의 구현 뿐 아닌 보안과 관련된 몇몇 용어를 정리하여 스프링에서의 보안에 대한 이해를 돕고자 한다. 인증과 인가 보안 관련 프로그래밍을 할 때 늘 접하는 용어는 인증과 인가이다. 인증(Authentication)이란? 인증이란 사용자가 누구인지 확인하는 단계이다. 예.. 2023. 12. 29.
[PS] 백준 1012/유기농 배추 - 자바 풀이 백준 1012 차세대 영농인 한나는 강원도 고랭지에서 유기농 배추를 재배하기로 하였다. 농약을 쓰지 않고 배추를 재배하려면 배추를 해충으로부터 보호하는 것이 중요하기 때문에, 한나는 해충 방지에 효과적인 배추흰지렁이를 구입하기로 결심한다. 이 지렁이는 배추근처에 서식하며 해충을 잡아 먹음으로써 배추를 보호한다. 특히, 어떤 배추에 배추흰지렁이가 한 마리라도 살고 있으면 이 지렁이는 인접한 다른 배추로 이동할 수 있어, 그 배추들 역시 해충으로부터 보호받을 수 있다. 한 배추의 상하좌우 네 방향에 다른 배추가 위치한 경우에 서로 인접해있는 것이다. 한나가 배추를 재배하는 땅은 고르지 못해서 배추를 군데군데 심어 놓았다. 배추들이 모여있는 곳에는 배추흰지렁이가 한 마리만 있으면 되므로 서로 인접해있는 배추들.. 2023. 12. 22.