#tech

웹소켓 + Stomp로 채팅 기능을 구현하며

RabbitMQ를 도입하였습니다. 도입의 이유는 스프링 내장 메시지 브로커를 이용하게 되면 인메모리 기반의 동작 방식으로 인해 서버 문제 발생 시 메시지가 유실되거나 확장에도 제한이 있다고 판단하여 도입하였습니다. 현직자 분들이 보기에 이 이유가 적합한 근거가 될까요? 추가로 JMeter로 RabbitMQ를 사용했을 때와 사용하지 않았을 때의 성능을 비교했는데 사용자 100명 기준 성능도 사용하지 않았을 때가 우세했고, RabbitMQ를 사용했을 때는 오히려 아래와 같은 오류가 가끔 발생하며 메시지또한 약 90퍼센트 정도만 저장된걸 확인할 수 있었습니다. 무엇이 문제이며 해결 방안이 있을까요?? java.net.SocketException: Connection reset at java.base/sun.nio.ch.SocketChannelImpl.throwConnectionReset(SocketChannelImpl.java:394) ~[na:na] at java.base/sun.nio.ch.SocketChannelImpl.read(SocketChannelImpl.java:426) ~[na:na] at io.netty.buffer.PooledByteBuf.setBytes(PooledByteBuf.java:255) ~[netty-buffer-4.1.114.Final.jar:4.1.114.Final] at io.netty.buffer.AbstractByteBuf.writeBytes(AbstractByteBuf.java:1132) ~[netty-buffer-4.1.114.Final.jar:4.1.114.Final] at io.netty.channel.socket.nio.NioSocketChannel.doReadBytes(NioSocketChannel.java:356) ~[netty-transport-4.1.114.Final.jar:4.1.114.Final] at io.netty.channel.nio.AbstractNioByteChannel$NioByteUnsafe.read(AbstractNioByteChannel.java:151) ~[netty-transport-4.1.114.Final.jar:4.1.114.Final] at io.netty.channel.nio.NioEventLoop.processSelectedKey(NioEventLoop.java:788) ~[netty-transport-4.1.114.Final.jar:4.1.114.Final] at io.netty.channel.nio.NioEventLoop.processSelectedKeysOptimized(NioEventLoop.java:724) ~[netty-transport-4.1.114.Final.jar:4.1.114.Final] at io.netty.channel.nio.NioEventLoop.processSelectedKeys(NioEventLoop.java:650) ~[netty-transport-4.1.114.Final.jar:4.1.114.Final] at io.netty.channel.nio.NioEventLoop.run(NioEventLoop.java:562) ~[netty-transport-4.1.114.Final.jar:4.1.114.Final] at io.netty.util.concurrent.SingleThreadEventExecutor$4.run(SingleThreadEventExecutor.java:997) ~[netty-common-4.1.114.Final.jar:4.1.114.Final] at io.netty.util.internal.ThreadExecutorMap$2.run(ThreadExecutorMap.java:74) ~[netty-common-4.1.114.Final.jar:4.1.114.Final] at io.netty.util.concurrent.FastThreadLocalRunnable.run(FastThreadLocalRunnable.java:30) ~[netty-common-4.1.114.Final.jar:4.1.114.Final] at java.base/java.lang.Thread.run(Thread.java:842) ~[na:na]

개인 프로젝트 피드백 부탁드립니다!! (Next.js + firebase)

안녕하세요! 휴학 중에 개인 프로젝트 한번 만들어봤습니다! 아직 감이 잘 안 잡히다보니 chatGPT에 꽤나 의존했던 것 같습니다. 폴더 구조와 ssr, csr 사용 부분에서 피드백을 받고자 합니다! 또, containers 폴더 안 create 폴더에 있는 RouteChangeListener.tsx를 사용하여 퀴즈를 만들거나 푸는 도중에 현재 페이지를 벗어나려는 움직임을 감지하면 alert 창이 나오도록 설정하였습니다. 제가 생각해봤을 때 페이지가 이동했다가 다시 돌아오는 부분이 비효율적이라고 생각이 들어서 미들웨어나 다른 방법을 통해 해결할 수 있는지 여쭤보고 싶습니다. 감사합니다! 프로젝트 설명 : 퀴즈를 만들고 풀 수 있는 웹페이지 만들어봤습니다! vercel로 배포하였고, PWA 사용하여 모바일에서도 다운로드 가능하게 했습니다! 웹 앱 둘다 가능하지만 웹으로 봐주시는 것을 권장드립니다~!! 프로젝트 기술 스택: Next.js, react-query, zustand, firebase 테스트 아이디: 123@naver.com 테스트 비밀번호: 123123 GitHub 주소 : https://github.com/kmj0973/donquiz Vercel 배포 주소 : https://donquiz.vercel.app/ 따끔한 피드백 주시면 감사드리겠습니다!! 감사합니다!!

취업을 할지 공부를 더 할지 고민입니다.

안녕하세요 이번에 대학교 4학년 재학 중인 학생입니다. 제가 컴퓨터 비전 쪽에 관심이 생겨 교내 학부연구실에서 인턴 생활도 해봤고 여러 대회도 참여 해봤습니다. 그래서 이제 막학기를 남기고 학사 ai 취업 준비를 하기 위해 방학동안 현장실습에 참여하고 네부캠 ai tech (CV)에 지원했고 합격한 상태입니다. 그런데 현재 현장실습하고 있는 회사(직원 10명 미만)에서 취업 제의가 들어왔습니다. 초봉은 3천 초반, 하는 일은 처음에 급하게 처리해야하는 웹 프로젝트에 참여하고 이후에 머신러닝을 이용해 데이터 플랫폼을 만드는 프로젝트를 한다고 합니다. 저는 웹에 대해 잘 알지 못해서 제가 할 수 있는 일이냐 물어보니 지피티로 물어보면서 된다. 라는 답변을 받았습니다. 이러한 답변에서 제가 느끼기에는 당장 급한 일을 처리하기위해서 인력을 뽑는 듯한 느낌을 받았고 제가 하고 하고 싶은 인공지능, 컴퓨터비전 쪽의 일을 저에게 맡길 지도 확신이 들지 않습니다. 근데 이렇게라도 경력을 쌓을 수 있는 기회인데 이 기회를 잡는 것이 좋을 것인지, 아니면 네이버 부스트캠프를 통해 좀 더 공부하고 더 큰 회사로 취업을 준비하는 것이 좋을 지 고민됩니다.

AI 부트캠프 어떤 걸 듣는 것이 좋을까요?

저는 막학기만을 남겨두고 있는 4학년 컴퓨터공학 대학생입니다. 1년정도 CV 학부연구생 생활을 하다가 연구실은 나온 뒤 졸업 전에 부트캠프를 하면서 AI 에 대해 더 공부하고 취업 역량을 키우려합니다. "네이버 부스트 캠프 ai tech"와 "kt 에이블스쿨 AI 개발자 트랙" 둘 중에 하나를 참여하려고 하는데 어떤 것을 더 추천하는 지 궁금하여 질문 드립니다. 제가 알기로는 네이버가 도메인별로 더 깊게 공부하고 kt는 조금 얕게 배우지만 취업지원이 좋다고 들어서 고민이 됩니다.

부트캠프를 어떤걸 고르는 게 맞을까요..

결론부터 말씀드리면 싸피에서 백엔드를 배우고 나중에 ai엔지니어나 mlops로 전환을 시도할지, 네이버 부스트캠프에서 ai프로덕션을 배워서 바로 ai엔지니어 취업을 노릴지 고민입니다. (대학원은 진학하지 않을 예정입니다.) 저는 어느 특정 도메인에서 딥러닝이 활용되는 것에 관심이 있습니다. 그래서 여태 딥러닝쪽 을 공부해오고 있었으나 취업이 너무 힘들어서 일단 백엔드를 배우고 나중에 기회가 되면 다시 ai엔지니어를 도전해보자 라는 생각으로 싸피에 지원했는데 합격을 했습니다. 그런데 막상 붙고보니 좀 아쉽더라구요... 싸피는 ai나 mlops 등을 가르치지 않으니 나중에 직무 전환이 가능할지 의심이 되기도 하구요. 하지만 금융 기업 등과 협력이 있으니 취업면에선 큰 강점이 있다는 게 끌리는 것 같습니다. (이 경우엔 ai쪽은 포기해야겠지만요) 그리고 네이버 부스트캠프 ai tech도 원래 관심이 있었는데 아직 모집중이라서 붙는다고 확신할 수는 없지만 일단 지원은 해놓은 상태입니다. 네부캠은 ai production을 배울 수 있으니 좀 더 끌리는 것 같지만 수료 후에도 취업이 어려울 수 있다는 점이 걸립니다. 어떤 선택을 하는 것이 지금 시기에 현명할까요? 현재 취업 상황이 매우매우 안좋아서 모두가 어디든 취업해서 경력을 쌓으라고들 하십니다. 그래서 마냥 하고싶은걸 하기는 어려운 것 같아 결정하기 참 쉽지 않은 것 같네요... 선배님들의 조언을 듣고 싶습니다.

non-tech 기업 개발자 면접은 어떻게 대비해야 할까요?

안녕하세요 이번에 운 좋게 테크 기업은 아니지만 메이저 기업 it 부서에 합격하게 되어 면접을 앞두고 있는 상황입니다(신입입니다) it 서비스 기업이 아니다보니 면접 대비를 어떻게 해야할 지 막막해서 질문드립니다 - 구글링, 다트 기업보고서 등으로 해당 기업/산업 최신 동향 파악 - 자소서 기반 질문 후 대비 - 인성 질문 리스트업 후 대비 - cs 기술 질문 리스트업 후 대비 이정도로 대비하면 괜찮을지 질문드립니다

닫힌 질문 | 이직 회사 밸런스 게임

5년차 개발자 입니다. 중소기업에서 공공si에서 일하다가...조직상황도 점점 어려워지고 공공 도메인도 버리고 싶어서 이직준비중입니다. 뜻밖의 좋은 기회가 생겼는데 고민이 되서 투표 올려보아용🥹본인이라면 어느곳을 고를거같으신지 투표와 댓글 주시면 감사하겠습니당,, (기업A) 복지깡패&사옥있는 대기업. 아묻따 간판 깡패. 워라밸 챙기면서 오래 다니기에 좋은 회사. 벗뜨 non-tech 기업이라 개발직군 연봉구간 고만고만하고, 실무는 운영유지보수에 가까울 가능성 커서 업무상 배울점이나 성장가능성 낮음 (기업B) 금융 도메인에 마이데이터 관련 직무 강화하기 좋은 기업. 현재는 이렇다할 복지 없는 중소기업. 조직은 작지만 평소 의지하고 믿는 선배 재직중.

하이브리드앱(네이티브+웹뷰)에서 GA4 사용 시 질문

안녕하세요. 현재 스타트업에서 프론트엔드 개발자로 일하고 있는 GA4 어린이 입니다. 하이브리드 환경 (네이티브 + 웹뷰) 에서 GA4 구현 시, 중복 카운팅을 막기 위해, 아래 ga4 가이드대로 구현하라고 하는 글이 많은데요... [GA4 공식 가이드] https://developers.google.com/analytics/devguides/collection/ga4/webview?hl=ko&technology=ios [구글링한 여러 페이지 중 한개 공유드리면... ] https://dachata.com/question/?uid=1484&mod=document&pageid=1 구현하기 어려워 보이지는 않는데, 이 페이지가 최신 목차에는 보이지도 않고, 샘플로 제공되는 git repository 도 archive 되어서, 이 방향으로 가는게 맞는건지에 대한 의문이 생겼습니다... 혹시 현업에서, 위와 같은 상황에서 GA4 를 연동하시는 분이 있다면 (혹은 방법을 아는 분이 계시다면) 어떤 식으로 진행하고 계신지... 경험과 지혜를 나눠주시면 많은 도움이 될 것 같습니다!! 미리 감사드립니다. 🫡

[React native] SSE 관련 에러 질문

안녕하세요. 취업 기간 중 React native 일정 관리 앱을 제작중입니다. 일정 알림 기능을 위해 서버의 일정 데이터를 스트리밍하여 컴포넌트에 매핑하는 동작을 구현 중입니다. react-native-sse 라이브러리를 사용하여 SSE를 시도하고 있는데 유효한 accessToken과 url을 전달해도 연결 자체가 이뤄지지 않는 문제가 발생합니다. 컴포넌트 랜더링 시 연결을 시도하고 에러 혹은 언마운트 시 연결 종료하도록 코드 작성했습니다. 에러 로그는 다음과 같습니다. [EventSource][onreadystatechange][ERROR] Response status error. Reconnecting... DEBUG [EventSource][onreadystatechange] ReadyState: 2, status: 401 DEBUG [EventSource][onreadystatechange] ReadyState: 4, status: 401 리커넥팅을 반복하면서 401 에러를 계속 반환하는데 이 경우 url에 문제가 있는 것인지 혹은 라이브러리에서 요구하는 추가적인 속성이 필요한지 잘 모르겠습니다. 비슷한 문제를 겪거나 React native에서 SSE 연결을 해보신 선배님들께 도움 요청드립니다.

Type error: Property 'session' does not exist on type '{}' (nextjs auth google 연동)

next-auth 라이브러리를 사용해서 구글 로그인을 구현하고있는데 에러가 발생합니다. https://dantechblog.gatsbyjs.io/posts/next-auth/ 이 글을 따라서 연동중이고 import type { AppProps } from "next/app"; import {SessionProvider} from 'next-auth/react'; ​ const App = ({Component, pageProps}:AppProps) => { return ( <SessionProvider session={pageProps.session}> <Component {...pageProps} /> </SessionProvider> ); } ​ export default App; 위와 같이 작성한 코드에서 pageProps가 session 타입을 가지고 있지 않다고 에러가 나옵니다.. (Type error: Property 'session' does not exist on type '{}' ) 혹시 next-auth로 구글 연동하신 분들 같은 이슈 해결해본적 있으신가요??

이벤트 핸들러의 이벤트 객체 타입을 명시하지 않는 게 좋을까요?

안녕하세요. 요즘 타입스크립트를 공부하고있는데 궁금한 점이 생겨서 질문 드립니다. https://medium.com/imersotechblog/how-we-use-typescript-with-react-a3eb33129416 위 글에서 작성자가 타입스크립트를 코드 일관성을 잘 유지할 수 있도록 활용하는 법을 몇 가지 소개해주고 있는데요, 중간 내용중에 타입이 직접 유추될 수 있는 경우에는 타입을 굳이 명시하지 않는 게 더 낫다고 설명하고 있습니다. (사진 1). 저는 지금까지 이벤트 핸들러의 타입을 명시해주지 않으면 linter 오류가 발생해서 (사진 2), 이벤트 타입을 명시하는 게 필수적이라고 생각했었는데요 위 글에서 설명한 것처럼 이 경우에는 이벤트 타입을 명시하지 않는 게 더 나을까요? 다른 분들의 의견이 궁금합니다. 혹시 제가 글을 잘못 이해한 것이라면 정정해주시면 감사하겠습니다. 추가로 해당 글에서 설명하는 것처럼 이벤트를 명시하지 않는 게 나은 경우가 더 있을지도 궁금합니다.