본문 바로가기

전체 글145

[기사] 🚨 React 보안 이슈 - RSC 보안 취약점 발생 https://www.dailysecu.com/news/articleView.html?idxno=203063[긴급] React·Next.js RSC서 인증 없는 원격 코드 실행 취약점…“패치 미적용 시 즉각 침해 가능” [긴급] React·Next.js RSC서 인증 없는 원격 코드 실행 취약점…“패치 미적용 시 즉각 침해 가능” -리액트 서버 컴포넌트(React Server Components, RSC)에서 인증 없이 원격 코드 실행이 가능한 중대한 보안 취약점이 공개됐다. 전 세계 웹 애www.dailysecu.com4일 전 이런 기사를 봤다. 리액트에 취약점이라니?그리고 4일이 지난 지금, 중국에서 정말 해킹을 시도하고 있다는 기사를 접했다.한국에서도 많은 서비스가 리액트와 Next.js로 구현된것.. 2025. 12. 10.
[RhythMeet] 로그인 - JWT 토큰 인증 구조 개선 서론JWT 토큰.. 막 프로젝트를 접하던 1-2학년 학부생 시절에 로그인 기능을 이걸로 구현하고 싶어서 낑낑댔던적이 있다.그때는 이게 무슨말이지 도저히 이해를 못하고 구현을 포기했었는데,지금은 이걸 이해하고 프로젝트에 적용 시켰다니 신기한 일이다. 많이 성장했음을 느낀다.부끄럽지만 RhythMeet 기존의 로그인 인증 방식은 문제가 좀 많았다.발표 시간에 맞춰서 한달이라는 짧은 시간 안에 최대한 기능을 구현했어야 하는 문제때문도 있을것이다. 어쨌든, 이번 로그인 인증 방식을 내가 리팩토링하기로 했다.제대로 로그인 기능을 구현해보고 싶었는데 나야 럭키비키다🍀그러면 어떻게 해결했는지 포스팅해보도록 하겠다.로그인 인증 구조우선 기본적으로 액세스 토큰 / 리프레시 토큰 한 세트가 있고리프레시 토큰을 이용해 액.. 2025. 10. 21.
Tanstack Query를 사용하는 이유와 특징에 대해 알아보자 리드밋 프로젝트를 하면서 Tanstack Query를 도입해서 사용해보았다.처음에는 이게 뭔지에 대한 이해 없이, '아~ 이렇게 사용하는거구나' 정도만 알고 구현에만 집중했었는데친구들과 CS 스터디를 하면서 어떻게, 왜 사용하는건지 제대로 알아보고 넘어갈 수 있었다. 이걸 왜 이렇게 사용하는지, 내장되어있는 기능은 뭐가 있는지,refetch와 invalidateQueries는 뭐가 다른지 이해하고 넘어갈 수 있는 좋은 기회였다! 그리고 아직 프로젝트에 사용해보지 못한 staleTime, gcTime도.. 적용을 해봐야겠다.서론이 길었다. 그럼 레지고목차 Tanstack Query란? Tanstack Query의 특징은? 1. 서버 상태 관리 2. 자동 캐싱 & 동기화 3. 로딩/에러 상태 관리 내장 .. 2025. 9. 26.
[백준/Python] 19236 청소년 상어 사용 개념 : DFS 백트래킹, 시뮬레이션상어가 물고기 먹는다.물고기 이동.상어 DFS로 이동.가능한 모든 경우 탐색 → 최댓값 찾기.요약입력 파싱 → bord[4][4]에 물고기 번호, fish[1..16]board[x][y] : 각 칸의 물고기 번호.fish[1..16] : 물고기 각각의 정보를 저장해두는 배열위치, 방향, 생존 여부등의 정보fish[num] = [x좌표, y좌표, 방향, 살아있는지]fish[5] = [2, 1, 3, True](0,0) 물고기 먹고 상어의 시작 방향 결정dfs 진입물고기 이동(1→16 순서, 회전 최대 8번, 상어 칸 불가, 교환 스왑)상어가 현재 방향으로 1~3칸 중 물고기가 있는 칸만 이동 시도매 이동마다 상태(보드/물고기 배열) 깊은 복사 → 재귀더 못 움직이면.. 2025. 9. 9.
[RhythMeet] 랜딩페이지 성능개선 (1) - 코드스플리팅, 스크립트 로딩 지연(defer), 이미지개선 리드밋 최종 발표를 완료했다. 도메인도 구매하였다.최종 발표 후기는 차차 적기로 하고, 우선 배포 전 성능 개선을 해보겠다.아무래도 로딩이 빨라야 사용자 입장에서 편하니까.랜딩페이지가 느린게 영 마음에 들지 않았다. Lighthouse를 확인해 보았다. 왼쪽은 local 환경, 오른쪽은 배포 환경이다. 왼쪽이 저렇게 차이가 나는 이유는 백엔드에서 배포 환경만 응답하도록 설정해놨기 때문이다..그래서 유저 정보 api콜백에서 403에러가 떠서 시간이 저렇게 길게 나오는것이다. 백엔드에서 url을 두개 설정하는게 안된다하여 (이래서 개발서버 운영서버 나누는건가보다)일단 이 두개를 비교해가면서 수정해보기로 한다. 수정 기준은 배포환경 기준이다.각각의 성능 지표가 무엇을 나타내느냐, 하면 이렇게 아래의 표로 볼 .. 2025. 7. 5.
[RhythMeet] 리드밋 기획 : 그리고 영광의 기획 발표 1등🥇 대망의 딥다이브 마지막 프로젝트가 다가왔다.11월 14일부터 6월 20일까지, 길다면 길고 짧다면 짧았던 여정에 마침표를 찍을 프로젝트이다. 파이널 프로젝트는 "자유주제"였다. 거의 아이디어 싸움이 될 것 같은사실 난.. 마음 한 구석에.. 이전에 만들었던 합주 시간표 사이트를 업그레이드 해보고싶은 욕심이 있었다.아무래도 수요가 있는 서비스이기도 하고, 우리 동아리뿐만 아니라 다른 동아리까지 확장할 수 있는 가능성도 있고,거기다 내가 정말로 필요해서 만들었던 애정이 담긴 서비스인데이전 프로젝트는 아무래도 1인 개발이다보니 시간표도 내가 직접 리스트로 하드코딩해서사용자는 바꿀수 없는.. 그런 제한된 개발을 했었다.(사용자 이름 선택 -> 그 시간표 불러와서 계산해주기 끝!) 마음속으로는 에타 시간표를 들고.. 2025. 6. 18.

티스토리툴바