#비동기

자바 비동기 처리에서 쓰레드 풀 공유 대해서 질문

spring boot로 개발을 @Async 사용해서 비동기 처리를 하고 있습니다. a, b, c 비동기 작업이 쓰레드 풀을 공유하고 있습니다. a 작업이 딜레이 되며 쓰레드를 점유하고 있어 다른 작업(b, c)에 영향을 끼칠 수 있는 경우라면 보통 쓰레드 풀을 분리해서 사용하나요?

프론트엔트 개발자로 이직하기 위해서 어떻게공부 해야하나요?

안녕하세요, 문과 4년차 직장인입니다 2025년에 제대로 공부해서 1년안에 프론트엔드 개발자로 이직하고 싶습니다. 추천하는 공부방법 있으실까요?? 최근 4-5개월간 인터넷 강의(udemy)로 자바스크립트를 독학했고 배열, 함수, 비동기함수 등 이론은 대부분 이해했지만 혼자 완벽하게 구현하기에는 미흡한 상태입니다) 아래 방법 정도로 생각해봤는데 경력자분들 시선에서 가장 효율적인 방법이 공부방법이 무엇일지 조언을 부탁드립니다 1년안에 프론트엔드 개발자로 이직하기위한..!) - 프론트엔드 개발자로서 사용할 줄 알아야하는 프로그램이 뭔지? (자바스크립트, node.js, 리액트..?) - 자바스크립트만 공부하면 되는건지? - 강의를 독학으로 들으면서 개인 프로젝트를 할지? - 아니면 부트캠프를 들으면서 개인 프로젝트를 할지? - 추천하는 부트캠프가있는지? 회사를 그만두고 준비하기에는 너무 부담이 클것같아서 다니면서 준비하려고합니다! 꼭 조언 부탁드립니다 :) 감사합니다

프로젝트 경험이 부족한 4학년 전공자 부트캠프를 해야 할까요?

안녕하세요 경기도권 대학 컴퓨터공학과에 재학중인 4학년 학생입니다. 우선 현재 제 상황을 설명해보겠습니다. 프로젝트는 총 두 번 진행했습니다. 첫 번째 프로젝트는 Django와 chatGPT를 이용한 프로젝트이고 전 이 프로젝트에서 기본적인 API 구현, chatGPT 연동 그리고 rabbitMQ와 celery를 이용하여 chatGPT의 답변을 비동기로 가져오는 기능을 구현했습니다. 두 번째 프로젝트는 Springboot와 Flask와 RVC(음성 변환 AI 오픈소스)를 이용한 프로젝트를 진행했습니다. SpringBoot는 REST API를 작성하는 서버이고 Flask는 RVC AI 모델 서빙만을 위한 서버입니다. 이 프로젝트에서 SpringBoot REST API 구현, CRUD 구현과 Flask 서버 구현을 맡아서 진행했고 AWS EC2 배포, S3, RDS, DOCKER(Compose), Nginx, Github Action(CI/CD)도 구현했습니다. 올해 여름 방학에 알고리즘 스터디를 통해서 주요 자료구조와 알고리즘에 대해 공부하고 공부한 내용을 블로그에 정리했습니다. 코테 문제는 대략 100문제 조금 안되게 풀었습니다. 대충 실력은 실버 4~2까지는 어찌저찌 풀 수 있는데 실버 1 골드 5는 쉬운 건 풀고 어려운 건 못 푸는 수준입니다. 현재는 CS 스터디 진행중이고 이제 시작하는 단계입니다. 자격증은 정처기 있고 올해 11월 SQLD 응시 예정입니다. 첫 번째 프로젝트는 포폴로 쓰기 애매하고.. 두 번째 프로젝트는 Devops 경험은 충분한 것 같은데 Spring으로 구현한 기능은 아주 기본적인 REST API밖에 없고 Flask(AI)가 메인이다 보니 제대로 된 Spring 프로젝트가 없습니다.그래서 제대로 된 Spring 프로젝트를 만드는 게 우선이라 생각합니다. 그럼 혼자서 사이드 프로젝트를 하거나 부트캠프에 들어가서 기초부터 차근차근 배운 후 팀 프로젝트를 진행하는 방법이 있는데 어떻게 해야 할지 고민입니다. 부트캠프는 거의 대부분이 기초부터 하는 커리큘럼이다 보니 최소 6개월은 해야 한다는 단점이 있고 혼자 하는 건 주변에 물어볼 곳도 없고 좀 막막합니다. 대신 결과물이 조그 부족하더라도 6개월보단 덜 걸릴 것 같습니다. 조언 부탁드립니다..

성과를 수치로 작성하는게 어려워요

안녕하세요, 현재 퍼블리셔로 일하고 있습니다. 업무를 진행하며 이직 이력서를 작성 중인데, 성과를 수치로 나타내는 것이 어렵습니다. 대부분 과업 특성이 어떤 레이아웃 혹은 기능을 구현하는 수준에서 결과물이 도출했다 라는 것인데요 "성과를 수치로 작성하는 것이 참으로 어렵습니다." 예를 들어 x%에서 xy%로 시간 단축/혹은 고객확보 이런식으로요 제가 구현한 UI가 사용자/고객에게 어떤 불편함이 있었고 혹은 이전 대비 어떤 차이점이 있는지 확인하기가 어렵습니다. 저와 같은 고민에 있었거나/ 있는 분들은 어떻게 이런 이슈를 해결하셨나요? 저와 같은 경우, 관심있는 라이브러리/언어로 개인 포트폴리오로 어필을 해야할까요, 현재 회사에서 다음의 작업을 진행했고/하고 있습니다, : 회사 홈페이지, 웹&모바일 리뉴얼 및 JS인터렉션 기능 추가 : GSAP으로 서비스 가이드 애니메이션 구현 => GSAP을 회사에서 정해준게 아니라, 필요한 기능이 GSAP으로 할 수 있는거 같아, 진행함 : 리액트로, 채팅앱 UI 프론트 담당 - 비동기 통신, 상태관리를 제외한 채팅앱 UI 기능 구현(프론트 담당) > 비동기 통신, 상태관리 데이터 구조는 백엔드 개발자가 정리한 목업 데이터를 가져다 사용하다 보니 - 컴포넌트 기능 개발(ex) 아코디언, 체크박스 등등 ) 성과-> 수치에 대한 방법에 대해 의견있는 분 있을까요? P.S 1. 혹시 저와 같이 퍼블리셔인데 리액트 업무를 하시는 분들은 어떻게 진행한 리액트 작업/업무는 어떻게 어필을 하면 좋을까요? 2. 현재 리액트 코드는 (회사에서) 작업 중 인데, 리펙토링하게 된 계기와 이유 혹은 코드 정리하는 것으로 성과(수치)를 설명해야 할까요? 감사합니다

React 동작 원리와 관련된 질문

아래 코드에서 handleClick 실행 시 setPending으로 "ready"로 상태가 변경되면 렌더링되고 delay이후 "done"으로 변경되면 또 렌더링 되는 건 알고있습니다. 1. 여기서 비동기함수(위에서 delay)와 관련해 batch 렌더링이 적용되지 않는 이유를 react 공문 링크나 설명 가능하신 분 계신가요? 2. handleClick의 컨텍스트에서 setPending으로 상태가 변경되고 react의 render함수가 실행되고 이후 delay함수가 실행되고 그 다음 setPending이 실행, 다시 render함수가 실행되는 과정을 실행컨텍스트 관점에서 알고싶습니다.

다국어 변역 api사용 저장시 느린 속도 문제

DB에 정보 저장하는데요 ranslationResponse response = restTemplate.postForObject(TRANSLATION_ENDPOINT, request, TranslationResponse.class); api를 통해 영어 중국어 일본어로 변역해서 변역 내용 같이 DB에 저장 하려고 합니다. 그런데 저장할 때 문장이 길어지면 변역 시간이 느려저서 사용자쪽에서 많이 기다려야 하는 상황입니다. 기본 내용만 저장하고 파이널리문에서 번역해서 다시 저장하는 방법을 생각 해서 적용 해보았는데 브라우저에서 결과 받는 속도는 같았습니다.ㅠ 그렇다고 브라우저에서 ok 결과를 받은 후 번역을 비동기로 호출하는 것도 불필요한 비용 발생일 것 같고요 창을 먼저 꺼버리자니 오류 처리 못할 것 같구요 저장중 이라는 알림으로 처리 해야하는건지 사용자 입장에서 개선 하고 싶은데 방법을 잘 모르겠습니다. 혹시 해결방안 알고 계신분이 계시다면 조언 부탁드립니다.

Next.js에서 코드 스플리팅을 적용할 예정인데 궁금한 점이 있습니다.

Next.js에서 제공해주는 dynamic을 사용해서 스플리팅을 할 건데 어떤 경우에 옵션을 사용하면 좋을 까요?? ProjectCardContainer에는 react-query로 api를 비동기적으로 호출받고 있습니다. const ProjectCardContainer = dynamic( () => import('@/components/container/ProjectCardContainer') ); 위의 부분처럼 받아오거나 const ProjectCardContainer = dynamic( () => import('@/components/container/ProjectCardContainer'), { ssr: false, } ); 그리고 위의 ssr을 해체하는 경우 ssr을 해체하는 경우에는 공식문서에서 window나 외부 API같은 작업을 할 때 사용한다 하는데 여기서 말하는 외부 API가 서버에서 가져오는 API가 맞나요??

비동기 api의 tps관련해서

안녕하세요 현재 spring 프로젝트에서 동기식api가 tps가 낮아서 개선하고자 스케쥴러랑 mq를 사용해서 비동기식으로 변경했습니다. 이것과 관련해서 궁금한점이 내부적으로 아직 처리가 완료되지않았는데, 비동기처리라서 응답이 먼저 가기때문에 tps가 높아졌다는게 단순 눈속임일 수도 있다는 생각이 들어서요. 그래서 처리가 완료되면 sse알람도 구현했는데, 비동기처리를 했다는 것이 tps를 향상 시켰다고 말할 수 있는건지 궁금합니다.

Next.js에서 page.js

안녕하세요. Next.js를 공부하던 중 궁금한점이 생겨 질문드립니다 ! 제가 app/page.js 파일에 사용자가 로그인했다면 메인화면 컴포넌트를 보여주고, 로그인하지 않았다면 로그인 컴포넌트를 보여주도록 작성해두었습니다. 그런데 궁금한 점이 로그인을 했는지 유무를 getserversession을 통해 세션을 확인해서 판단합니다. 그런데 이때 비동기처리를 위해 await를 붙여줘야하는데, 그렇다면 page.js의 Home() 자체에 async를 붙여주어야합니다. 그래서 해당 방법을 사용해 제가 생각한 로직은 구현했습니다. 그런데 궁금한 점이 page.js에서 export default async function Home() 이런식으로 작성해도 되나요? 제가 page.js의 역할을 정확히 이해하지 못한 느낌이 들어 질문드립니다. (챗 지피티에게 물어보니 13버전 이전의 내용만 알고 있는 듯합니다. 또한 컴포넌트 자체에 async를 붙이면 안된다고 답변이 옵니다 !)

react에서 에러 status에 따라 에러 모달을 가져오는 법

안녕하세요. 지금 api를 호출 후에 api에서 에러가 났을 때, 해당 에러의 status를 저장하여 해당 status에 맞는 에러 모달을 띄워주려고 하고 있습니다. ``` catch (error: unknown) { if (error instanceof AxiosError) { handleErrorModal(error.response?.status); } return null; } ``` 이렇게 fetchData에서 에러가 발생했을 때, handleErrorModal로 에러 status를 전달하고 있습니다. ``` const [errorType, setErrorType] = useRecoilState(errorDataState); const handleErrorModal = (errorStatus: string | number | null) => { setErrorType(errorStatus); }; ``` 그리고 handleErrorModal 함수는 이와 같이 작성을 해놓은 상태이고요. 근데, setState가 비동기로 작동해서인지 errorStatus가 저장이 되지 않아서 계속 초기값인 null을 띄워줍니다. 그리고, 계속 ``` Warning: Can't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead. ``` 이 오류를 띄우네요. 이 문제를 해결하기 위해서는 useEffect를 쓰는 방법외에는 다른 방법이 없는걸까요?

메일발송 PDF 파일 첨부시 파일크기로 인한 속도 문제 (java , node)

개발중에 구글로 smtp 형식으로 메일 발송을 하는데요 파일첨부 없을때는 3초 정도 걸리는데 PDF 파일만 받기로 하고 5MB 기준에 30초가 걸려버립니다. 30초동안 메일발송 중인걸 기다려줄 사람도 없을것 같고요 중간에 꺼버리면 메일 발송도 정상적으로 안될거 같은데요 구글 메일이여서 그럴까요? 다른 메일 사용하면 속도가 다른지요 속도 개선 방법 있나요? 노드 비동기로 보내고있습니다

MSA 환경에서 ABAC 기반의 권한시스템을 어떻게 구현하는게 좋을까요?

안녕하세요 현재 진행중인 프로젝트에 MSA를 적용하여 구현하고 있는 백엔드 꿈나무입니다. 빈번하게 일어나는 권한 검증을 효율적이고 높은 가용성을 확보할 수 있도록 하기 위해서 여러 방법을 모색하던 중, 다른 분들의 의견이 어떨지 하여 QnA를 올려보게 되었습니다. 우선 저희 프로젝트는 User, Device, Organization, Team, License 이렇게 5가지 개념이 있습니다. 사용자가 장비에 접근할 때에는 본인이 소속된 Org에 해당 장비가 존재하는지, 접근하는 동작에 대해서 해당 org가 License를 보유하고 있는지, 소속된 팀 또는 본인에게 해당 장비에 해당 동작을 승인받았는지 등 수많은 조건들에 의해 ABAC가 계산되게 됩니다. 하지만 MSA 환경으로 인해 테이블을 쉽게 join하지 못할 뿐더러, 가능하더라도 상당한 고부하 작업이 될 것이라고 생각합니다. 그래서 CQRS 패턴을 이용해서 license가 만료되거나 팀의 권한이 수정되는 등, 사용자와 장비간의 권한이 수정이 되는 command가 수신되면, 그것을 권한 담당 서비스에 비동기로 전달하여 특정 사용자가 특정 장비에 어떤 동작에 대한 제어가 가능한지를 저장(캐싱)하고 있다가 권한을 검사해야되면 간단하게 query하는 형태로 구현하는 것이 적합할 것이라고 판단했습니다. 이 패턴을 구현하기 위한 두가지 방법을 고안해보았습니다. [Permission Service] 별도의 permission 서비스를 만들고 캐시용도로 redis를 연결해두고, 권한 검사 요청이 들어왔을 때 Cache Miss가 된다면 Api Gateway 패턴과 유사하게 여러 서비스에 각각 정보를 요청하여 최종적인 권한 정보를 Aggregate 하여 전달하고, 캐시에 보관하는 방식입니다 [권한 관리 Infra Service] Google의 Zanzibar와 같이 권한을 관리하고 복잡한 쿼리를 처리해주는 서비스를 이용하는 방식입니다. 오픈소스로 구현된 SpiceDB를 고려하고 있습니다. Permission Service를 만드는 경우, 본인이 보유한 정보가 부족할 경우 능동적으로 정보를 Pull하여 권한 정보를 가져오는 반면, 양측에 별도 인터페이스를 구현해야되는 단점이 있고, 이미 있는 서비스를 사용하면 구현이 쉬워지는 반면, 해당 서비스에서 능동적인 Pull이 불가능하고, 권한 Query 정보가 최신인지 판단하고 업데이트하는 것을 각 서비스에서 각각 담당해야되기 때문에 별도 서비스를 분리하는 것에 비해 Responsibility Segregation이 부족하다고도 느꼈습니다. 무엇보다 관리해야될 인프라 요소가 늘어난 것은 덤이구요. 규모에 비해서 과한 고민을 하고 있는것이 아닌가 하는 생각도 들고, 그래도 더 나은 방법으로 서비스를 만들어가고 싶기도 합니다. ABAC를 적용하는 대부분의 서비스에서 이러한 고민을 적절히 잘 해결하여 서비스가 되고 있을텐데, 정답은 없겠지만 선배님들의 조언을 듣고 싶습니다!

react query가 useEffect를 통한 setState보다 빠른 렌더링을 보여주는 이유는 무엇때문일까요?

버튼을 누르면 QR코드를 받아오는 api를 재호출하여 Qr코드 이미지를 리렌더링 시키려 합니다. react query를 사용하는 것이 useEffect와 setState를 사용해서 api의 값을 화면에 그려주는 것보다 훨씬 속도가 빠르더군요. (react query는 refetch를 통해 api를 재호출 했습니다.) useEffect와 setState를 사용한다면 setState의 배치 처리 과정으로 인해, 즉시 값이 바뀌지 않고 비동기적으로 동작한다고 알고 있습니다. 하지만 react query의 어떤 동작 원리때문에 useEffect와 setState보다 빠르게 처리되는건지는 잘 모르겠습니다. 구글링으로 찾아보니 refetch는 백그라운드에서 처리된다고 하는데 백그라운드의 개념이 정확하게 이해가 되지 않습니다. 제가 추측하기론, react query를 사용하면 api의 응답값을 받자마자 data를 사용할 수 있습니다. setStatef로 state를 변경해주는 과정이 필요 없습니다. 그렇기에, useEffect와 setState를 사용한 것보다 더욱 빠른 렌더링을 보여줄 수 있는 것 같은데 맞을까요??

리액트 비동기 문제일까요 ㅠㅠ?

안녕하세요! 이번에 팔로우 추천 목록을 불러오는 것을 만드는 중인데 문제가 생겨서 질문 남깁니다. 원하는 결과대로라면 내가 팔로우 한 사람들을 불러온 후, 그 사람들의 팔로잉 리스트를 불러오고, 조건에 충족 한다면 저의 추천 팔로우 리스트에 포함시키는 것입니다. 하지만 결과가 저 자신이 팔로우 추천으로 뜨더라구요 ....ㅠㅠ getRecFollowingList의 결과를 콘솔로 찍었을 때 첫 번째, 두 번째 useEffect에서 모두 저 자신의 팔로잉 리스트를 불러옵니다.... ㅠㅠ 제가 생각했을 때, 첫 번째 useEffect에서 setMyFollowList한 것이 아직 반영되지 않아서 두 번째 myFollowList가 forEach를 못 도는 건지... 아니면 getRecFollowingList가 통신이 제대로 안되는건지 모르겠습니다.

(react redux) api 데이터 사용 질문

안녕하세요! api를 활용해서 데이터 받아와서 게시판형태로 list로 뿌리고 게시글 누르면 본문보이는 간단한 형태의 게시판을 만들어보는중 입니다. api를 이용해서 가져오는 함수를 재사용하고싶은데 잘안되네요.. list페이지에서 데이터 전부받아오기위해서 axios로 값을 받아와서 뿌리고, 게시글 누르면 넘어오는 id값으로 디테일페이지를 보려고하면. 또 다시 디테일페이지에서 axios로 api에 접근해서 값을 가져와야하나요? 서칭을해봤는데 다들 그냥 페이지마다 비동기로 값을 받아오는거같은거같은데 재사용보다 매번받아오는게 옳은건가요? redux를 학습하고싶어서 해보는데 잘안되네요..

Firebase Error

Firebase authenication을 사용해서 로그인 및 회원가입을 구현했습니다. 그런데 로그인시 첫 번째 로그인은 무조건 에러가 발생하고 두 번째 로그인 때는 로그인이 완료 되는 현상이 일어납니다. 콘솔창을 보면 (auth/network-request-failed)라고 뜹니다 백엔드는 node js로 구현했으며, 공식 문서를 그대로 이용해Promise를 사용해 비동기처리도 시켰습니다 대체 어떤게 문제인가요 ㅠㅠ

React 버튼 클릭 시 api 호출 후 페이지 이동하면 api호출이 취소됩니다..

제목 그대로 버튼 클릭 시 onClick함수에 react-query로 axios api 통신하는 함수 2개를 호출 후 페이지를 이동하는데 페이지가 이동하면서 api 호출이 취소됩니다.. 비동기라 그런것인지 통신 후 페이지가 이동되게 할 수는 없을까요?

js callback함수란?

fs.readFile(파일명,'utf8', function(err, data){}) 이런식의 비동기함수를 처리하는 callback함수가 있다고 할때 질문이 두가지가 있습니다. 1. 첫번째는 error고 두번째는 무조건 data가 오도록 한건 fs.readFile을 만든 개발자 마음인거죠? 이건 제가 변경할 수 없죠? 2. 위의 함수는 파일이 제대로 읽어질때까지(파일이 없다면 안읽어질때까지) 기다렸다가 callback 함수가 실행될텐데요. 대체 내부적으로 어떻게 구현이 되어있길래. 기다려주는건가요? 당연히 setTimeout을 쓰진 않겠지만, 내부적으로 setTimeout처럼 뭔가를 기다려주게 코드를 짜놓은건가요?

React 상태관리 라이브러리에 대해서 질문있습니다 !

안녕하세요 새로운 프로젝트를 들어가기전 라이브러리를 고민중입니다. 한번도 사용해보지않은 zustand 혹은 jotai 를 사용해보고싶은데… 보통 zustand나 jotai를 사용할때 비동기처리 같은 부분도 해당 라이브러리만 이용하는지… 아니면 redux나 react-query 를 같이 사용하는지 궁금합니다…! 그리고 다른분들도 선호하시는 라이브러리가 있으시면 알려주십셔 !!! 감사합니다 !!!

redux에서 질문있습니다 !

안녕하세요 redux로 프로젝트 진행중인데… 혹시 redux를 사용하시면 비동기데이터는 redux로 처리하지만, 페이지내에서 입력받는 입력 form같은 데이터들은 useState로 페이지 내에서 관리하는지, 아니면 전부 redux로 관리하는지 궁금합니다 !

자바스크립트에서어려운부분

자바스크립트에서 비동기 클로져 가어렵다고하는데 이거 말고도 여러운 부분이 머가 있을까요

이제 곧 대학생이 되는데 개발을 뭐부터 시작해야할지 모르겠어요

안녕하세요 현재 고3이고 컴퓨터공학과에 입학할 예정인데 평소 파이썬 아주 간단하게만 했었는데 이제 실무를 버면 비동기 ? 막 이런 말들을 하시면서 작업을 하는데 뭐를 어떻게 뭐부터 시작해야 저런 곳까지 빠르게 갈 수 있는지 궁금합니다. 저도 고3을 올라오며 아 처음 시작할 때 수학에서 저짓을 안했으면 수월할텐데 이런게 있는데 분명 현직 개발자분들도 이런 것이 있을 것 같고 , 어떻게 시작하셨는지 궁금합니다.! ios분야 관심있어서 스위프트로 시작하려는데 이 공식문서를 어떻게 읽어야할지를 모르겠습니다 (대학에서 배우는 프로그래밍으로는 때려죽어도 힘들다는 말이 많아서 질문 올립니다!) 감사합니다

2년차 사이드 플젝으로 이직 가능할까요?

이제 만 2년 서버 개발자로 일하고 있습니다. 다만 해왔던 일들이 좀 강점이 없는 애매한 일들이었습니다 카프카를 쓰지 않는 msa, 데브옵스를 다루지 않고 비즈니스 로직만 작성했던 업무들이었습니다 이런 상황에서 이직을 위해서 사이드 프로젝트를 해서 좋은 it 회사로 이직하고자 합니다 2년차 개발자가 사이드 플잭을 주력으로 해서 취업을 할수있을까 많이 걱정이 됩니다 사실 사이드 플젝으로라도 노력을 해서 내 가치를 올려야 한다는 답은 정해져있지만 다른분들의 의견이 궁금하네요 사이드 플젝을 한다면 아키텍처 설계와 데이터 비동기 통신에서의 트랜잭션 같은 부분을 깊게 공부할 생각입니다. 많은 조언 부탁드리겠습니다 🙇

Redux Saga => React Query 전환 시 수치화 가능한 이점이 있을까요?

비동기 API 호출을 Redux Saga에서 React Query로 전환했을 때 이점 중에서 수치화 할 수 있는게 있을까요?

Redux 사용이유

안녕하세요 frontend 신입 개발자입니다. 운좋게 비전공자에서 교육 수강 후 바로 취업은 했지만, 성에 차지 않아서 바로 이직 준비를 하고 있습니다. 이직 준비과정에서 자소서에 쓴 내용도 그렇고 현재 기업에 취업할 때 받은 질문도 그렇고 해서 궁금한게 있습니다. 제가 첫번째 프로젝트에서 리덕스를 쓰고 그 이후부터는 리코일을 사용했습니다. 그 이유가 리덕스는 처음 배울때 너무 어려웠고, redux-thunk등 비동기 처리코드가 너무 길고 복잡하다는 단점이 있고, 리코일은 리액트의 useState훅과 비슷한 형태로 쉽게 전역 상태관리를 할 수 있다는 점이었습니다. 그래서 리코일을 사용한 이유는 저 위에 말한 이유로 대답을 했었는데, 첫 프로젝트에서 리덕스를 사용한 이유를 말하지 못했습니다. 그래서 면접에선 솔직하게 그땐 첫 프로젝트라 그때 검색했을 때 가장 많이 사용하는 것 처럼 보였기 때문에 리덕스를 선택한 것이지 장, 단점을 파악하진 못했다고 대답을 했습니다. 다행히 기업은 스타트업이고 면접관이 젊으신 분이어서 솔직함을 좋게 봐주신거 같은데, 이후에 대기업 면접에서도 똑같이 말하면 안될거 같아 고민입니다. 검색을 해봐도 리덕스 사용 이유보단 리덕스를 버리고 리코일로 넘어간 글만 보이는데, 혹시 리덕스를 사용하시는 분들이 있으시다면 그 이유를 알 수 있을까요?

속도가 매우 느린 외부 API를 호출하는 API는 어떤 구조로 개선해야할까요?

Spring boot 기반의 API를 개발했는데, 이중 특정 API가 내부적으로 외부 API를 호출하고 있습니다. 이 API는 아래의 과정을 거칩니다. 1. 외부 API 호출 - 약 9초 소요 2. 응답받은 데이터와 함께 전처리 후 DB 저장 3. S3 로 이미지 업로드 이때, 1번 항목인 외부 API를 호출하는데에 약 9초정도가 소요됩니다. 이 API는 사용자가 입력한 데이터를 기반으로 외부 API를 호출하기에 실시간 응답이 필요해서, 정기적으로 외부 API를 끌어오는 방법은 어려워보이는 상황입니다. 이 구조로 계속 방치해둔다면 해당 API 요청이 몰렸을 때, 다른 API 조차 핸들링하지 못하는 상황이 예상되고, 또한 API timeout 설정도 매우 폭이 커져야해서 의미가 없어질 것이라고 생각했습니다. 이 부분을 개선하고 싶은데, - Spring Event를 사용하면 비동기적으로 처리할수 있다고 들었는데 적절한 방법일지, - 현업에서 이러한 이슈를 어떻게 해결하고 있는지 - 추천하는 방법이 있는지 궁금합니다!

서버에서 받은 데이터가 undefined로 타입 유추되는 값을 props로 내려줄 때 어떤 식으로 타입 단언 하시나요?

혹시 타입스크립트에서 props로 서버에서 받은 데이터나 혹은 비동기로 인해서 undefined로 타입이 유추될지도 모르는 값을 props로 내려줄때는 여러분들은 어떤식으로 props에서 타입 단언하나요? 예를 들자면, Type '{ data: customeType[] | undefined; }' is not assignable to type to type 'IntrinsicAttributes & customeType[]'. Undefined 없도록 단언 시켜줘야 하는데 어떻게 하시나요? 서버 통신이 오는거라 어쩔수 없이 Undefined 될 경우도 있어서.. 정녕 간단하게 props에서 해줄방법은 없을까요? ㅠ 저 문제 때문에 매번 interface를 만들어줘야되서 고통스럽네요 ㅠㅠ

비동기 통신 에러 헨들링 방법

혹시 비동기 통신같은 경우는 다들 어떤 식으로 에러 핸들링 하시나요? 유저에게 보여주지 않을 에러의 경우 단순히 console log (err)가 아니라 어떤 아키텍쳐로 관리 하시는지 궁금합니다!!

MIME JS - ES MODULE간 상태값 체크방법이 궁금합니다.

바닐라 JS를 사용하고있습니다. 목적은 MIME JS에 비동기 함수이 완료되면, ES MODULE에 있는 특정 함수가 실행되게 하려고합니다. MIME JS에 있는 비동기 함수에서 반환되는 프로미스 값으로 일종의 상태값을 반환되게해서, 해당 상태값을 global 객체로 올려 모듈에서 폴링방식으로 상태값을 체크하여, 함수를 실행하게하고있는데, 더 좋은 방법이 있는지 궁금하여 질문드립니다!

redux-toolkit 에서 비동기 처리 어떻게 하시나요?

redux-toolkit에서 비동기 처리할 때 redux-thunk로 대부분 처리 하시나요? useEffect로 처리하면 문제가 있을까요?