ougi FE

안녕하세요 오늘은 프로젝트를 진행하면서 생긴 refresh Token으로 Token을 재발급할 때제대로 발급 안되는 문제들에 대해 어떻게 해결 했는지 트러블 슈팅을 작성 해봤어요~생긴 문제들 정리 및 원인 파악refresh Token 요청이 무한으로 가는 문제원인을 모르고 refresh Token 요청이 계속 실패하면서 무한으로 요청이 계속 가는 문제가 발생했습니다실제로 이 요청이 무한으로 가고 있는 줄도 모르고 계속 요청을 보내게 되어서 서버가 잠시 다운될 정도였습니다이 때까지는 refresh Token 요청이 안되는 이유를 찾지는 못하였습니다refresh Token이 동시에 여러 요청이 가서 발급이 안되는 문제refresh Token 요청이 거의 동시에 여러 개가 보내지면서 모든 요청이 실패가 되는 ..

카테고리 없음 2026. 2. 6. 16:15

오늘은 저에게 너무 배운 게 많은 2025년도를 보내고 2026년도를 반길 준비를 하려고 이렇게 글을 써보게 되었습니다작년 나의 목표첫번째 다짐은 깔끔한 코드를 작성하는 것 입니다 이 계획은 어느정도 이루어진거 같습니다 1학년 땐 아무것도 모르고 프로젝트를 전체적으로 보는 능력이 부족했던거 같습니다그래서 코드가 모두 응집되어 있고 하나의 역할을 하지 않아서 더욱 더 코드를 보기 힘들었던거 같습니다하지만 요즘은 저만의 스타일을 가지고 함수를 나누고 나름 깔끔한 코드를 작성할 수 있다고 할 수 있을거 같습니다두번째는 AI 의존도를 현저히 낮추는 것 입니다 이 목표는 어느 부분에서는 맞고 어느 부분에서는..

회고록 2025. 12. 31. 17:57

오늘은 저희 팀 친구가 정말 가볍고 좋은 무한 스크롤 그리고 가상 스크롤 라이브러리를 내서 저희 프로젝트에 적용 하는 겸 이렇게 무한 스크롤과 가상 스크롤에 대해서 글을 쓰게 되었습니다무한 스크롤이란?무한스크롤이란 말 그대로 연속적인 스크롤을 제공하는 UI/UX 요소입니다화면에 표시된 아이템 목록의 끝까지 내려갔을 때 자동으로 다음 데이터를 요청하여 추가 아이템을 불러오는 기술입니다페이지네이션과의 차이는 페이지네이션은 다음 페이지로 넘어갈 때 api가 호출되어 데이터를 불러오지만무한 스크롤은 스크롤할 때마다 api가 데이터를 불러옵니다한 번에 모든 데이터를 불러오는 것이 아니라서 큰 장점이 있습니다적용 사례는 유튜브, 인스타그램 등 많은 소셜 미디어에 적용되어 있습니다하지만 페이지에 과도한 요소가 추가되..

라이브러리 2025. 11. 25. 02:26

오늘은 제가 매일매일 확인하는 메일매일 질문에서 동시성 모드라는 것이 왔는데 제대로 아는 것이 없어서오늘 알아보고자 이렇게 글을 써보게 되었습니다동시성 모드(Concurrent mode)란?여러 작업을 비동기적으로 동시에 처리하면서도 중간에 더 중요한 작업이 들어오면 우선순위를 바꿔서 그 작업을 먼저 처리하는 기능입니다 예전 리액트는 스택 구조로 이루어져 있습니다현재는 Fiber 구조로 이루어져 있어서 동시성 모드로 중간에 멈추거나 작업을 잠시 뒤로 미뤄둘 수 있게 되었습니다 동시성 모드를 사용하면 더 부드럽고 즉각적인 반응의 애플리케이션 경험을 줄 수 있습니다반응성과 성능이 향상됩니다 특징1. 비동기 렌더링한 번에 끝내지 않고 필요에 따라 나누어 처리합니다중요한 작업이 생기면 중단, 해당 중요 작업을 ..

React 2025. 11. 17. 00:24

오늘은 최근 제가 일정이 겹치면서 꼭 필요하고 나한테 꼭 필요한 일인지 판단하기 어렵고 판단할 생각조차 하고 있지 못했던 거 같습니다그래서 최근 깨달은 바가 있는거 같아 이렇게 글을 작성하게 되었습니다 제 주관적인 내용이 많이 들어있으니 글을 읽으시면서 주의하셨으면 좋겠습니다 여러분들이 이 글을 읽는다면 읽고 자신의 생각을 남겨주셔도 좋을 거 같습니다이런 생각을 하게 된 계기저는 이 학교에서 현재 회장 자리에도 있고 학교기업이라는 팀에 소속되어 있습니다 그리고 현재 고등학교 2학년입니다... 저는 도전할 기회가 있다면 무조건 다 잡는 것이 좋다고 생각을 해서 뭐든 할 수 있고 기회가 되는 일을 다 해보려고 했던 거 같습니다 물론 도전하는 것도 좋지만 그렇게 일을 하고 나서 내가 쏟은 노력에 비해서 얻어가..

카테고리 없음 2025. 10. 18. 14:15

이번에 드디어 제가 열심히 준비하던 광주탈렌트페스티벌이 끝났습니다 9/27에 실제 공연장에서 실시간으로 했었는데 이 공연장에서 겪었던게 많은거 같아요프로젝트 시작먼저 이 프로젝트를 어떻게 시작하게 되었는지부터 이야기 해보려고 합니다저희 학교에서는 매주 목요일에 전공 동아리 활동을 진행하는데 저는 새로 신설 된 인큐브 동아리에서 새로 시작하는 마음으로 참여하게 되었습니다동아리 활동 두번째 시간쯤 되었을 때 갑자기 동아리 부장 선배님이 광탈페라는 프로젝트를 할 사람을 모으신다고 하셨습니다저는 이 프로젝트가 외주라는 이야기를 듣고 좋은 경험이 될 것 같아서 바로 저도 합류하고 싶다고 말씀드렸습니다첫 회의첫 회의 때는 프로젝트 인원을 확정 짓고 일정을 정리했습니다그리고 저희는 디자인이 중요한 프로젝트 였어서 디..

회고록 2025. 10. 4. 23:41

오늘은 제가 광산 어플을 배포하면서 진짜 너무 힘든 일을 많이 겪어서 이렇게 글을 적게 되었습니다.....진짜 배포 하면서 멘탈 탈탈 가루 났습니다..첫 어플 심사 결과첫 어플 심사를 보낸 건 학교 선배님의 계정을 빌려서 시민화폐광산이라는 외주 받은 앱을 배포하려고 했습니다총 4~5번 정도 심사에 탈락 했었습니다 1. test flight저희 어플을 계속 빌드한 후 test flight에 올리려고 몇번씩이나 시도 했는데 계속 실패하는게 반복 되었습니다에러로그 이런 것도 없어서 몇 번이나 헤매고 있었는데 애플 에러로그는 이메일로 온다는 사실을 뒤늦게 깨달아 많은 시간을 낭비 했던거 같습니다그래서 여기서 탈락한 이유는 저희 어플이 이미지를 사용하는데 이미지를 사용하기 전에 동의 여부를 체크해야 하는데 그 과..

회고록 2025. 9. 25. 16:03

오늘은 제가 redis를 사용하게 된 계기와 어떻게 사용했는지 또 redis는 무엇인지에 대하여 글을 적게 되었습니다 Redis란?redis는 Remote(원격)에 위치하고 프로세스로 존재하는 In-Memory 기반의 Dictionary(key-value) 구조 데이터 관리 Server 시스템입니다 데이터 고속 읽기와 쓰기에 최적화 되어 있습니다메모리에서 데이터를 처리하기 때문에 작업 속도가 빠릅니다많은 프로그래밍 언어 프레임워크에 대한 API를 폭 넓게 지원합니다 In-Memory db디스크나 SSD가 아닌 컴퓨터의 주 메모리(RAM)에 데이터를 저장하고 관리하는 데이터베이스 캐시의 구조 패턴Look aside cache: 캐시를 한 번 접근 하여 데이터 여부를 확인 후 있다면 캐시의 데이터를 사용하고..

라이브러리 2025. 9. 4. 21:05