#express

풀스택 개발자 Nest.js vs Spring

안녕하세요. 프론트엔드 개발자로 커리어를 시작한지 이제 딱 1년 되는 주니어 개발자입니다. 취준할때는 Express로 백엔드도 좀 했었고, 취업해서는 지금까지 React/Next.js로 프론트 개발을 해오고 있습니다. 회사가 웹개발 팀이 아주 작은 스타트업이라 프론트 저 한명, 백엔드 한명입니다... 보통 백엔드 일손이 더 부족한 경우가 많고, 제가 백엔드도 좀 해보고 싶어서 제가 공부도 할겸 회사 백엔드쪽을 살짝 거드려고 합니다. 재밌으면 추후에 풀스택으로 가볼까 하구요. 일단 admin 페이지 담당하는 정도로 백엔드 실무를 시작해보려 하는데, 회사 백엔드가 원래 Nest.js로 되어있었는데 Kotlin/Spring으로 바꾸고 있는 상황입니다. 이런 상황에 제가 Nest.js를 곁드는게 맞는건지, 자바 스프링을 해야할지가 고민입니다. 개인적으로 저는 TypeScript로 프론트, 백 둘 다 하는게 편하니까 Nest.js로 하고싶긴 합니다. 아예 백엔드로 전향할거라면 스프링을 하는게 좋겠지만, 전 프론트를 메인으로 하거나 풀스택으로 가고 싶어서요. 백을 메인으로 할 생각은 없습니다. 공고에서도 프론트인데 우대사항으로 백엔드 역량을 요구한다거나, 풀스택 개발자라면 Nest.js인 경우를 많이 본 거 같습니다. React와 Spring 조합을 요구하는 경우는 잘 못본 거 같아서 고민이네요. 보통 프론트엔드 개발자 혹은 풀스택 개발자 분들은 백엔드를 Nest.js와 Spring중 뭐로 하나요? 개발팀과 상황에따라 다르기야 하겠지만, 일반적으론 어떤지 궁금합니다..!

[express] new Error() 관련 문의

안녕하세요. express 로 개발하고 있는 사람입니다. 저희 프로젝트의 구조는 new Error() 를 전달 해서 상위에서 try/catch로 해당 에러를 잡아서 로깅을 해주고 있습니다. 여기서 로깅을 할 때 파일명과 라인을 받기 위한 Error().stack을 사용해서 보고 있는데 가장 처음 error가 발생한 곳이 아니라 try/catch 하는 곳에 있는 stack 이 나오고 있습니다. 이 상황을 어떻게 하는게 좋을지 알려주실 수 있을까요? 기본적으로 이런 상황에서 로깅은 어떻게 할 수 있을지도 문의드립니다. 감사합니다.

로그 작성 컨벤션 형식 문의드립니다.

안녕하세요. 저희 프로젝트는 node express를 사용하고 있습니다. 프로젝트의 로그의 통일성이 부족하고, 로그 시스템이 존재하지 않아서 문제가 있습니다. 그래서 콘솔에서 로그를 볼 때는 텍스트 형식으로 보고, 로그 시스템 구축 할 때는 daily로 저장되는 형식을 json으로 변환해서 진행하고 싶습니다. 여기서 콘솔에서 로그를 볼 때 어떻게 통일성을 갖추면 좋을까요? 지금까지는 “날짜 및 시간 log-level [디렉토리명/파일명] 텍스트 내용” 형식으로 하려고 했는데 좀 더 좋은 방안이 없는지 고견을 여쭙고자 문의드립니다.

express 개발 스타일

백엔드로 웹개발 취준중인 취준생입니다. Express 로 백엔드 서버 개발중인데 exress oop vs fp 어떤 방식으로 구현할지 고민중입니다. ㅠ

php + NestJS(Express) 백엔드 개발자를 찾습니다.

안녕하세요  저희 회사에서 php + NestJS(Express) 개발자를 찾고 있는데 적합자를 찾아내기가 쉽지 않아 가입하게 되었습니다. 관심 있으시다면 공고 한 번 봐주셨음 좋겠어요!!!!!! 그리고 저희 기술스택에 맞는 개발자를 찾을 수 있는 팁?이 있으신분들 댓글 남겨주시면 감사하겠습니다 ㅠㅠㅠㅠ https://www.saramin.co.kr/zf_user/jobs/relay/view?isMypage=no&rec_idx=49757484&recommend_ids=eJxVjrkNAzEMBKtxTi6%2FZexCrv8uTPuAowxFg5FG610dTr%2Bo%2Bqq3d8NK7WrBDxltsMeWQSMG87bmEnwwlfBamzTqk6rpav5ZOy3C9yNOGDIoN3YYYmekw0%2FsOXvZINabIqC1mDpDD%2FQk9q2GlxxlkN9V%2BQGdzkCp&view_type=search&searchword=%EB%B9%84%ED%81%AC%EC%BD%94%ED%8D%BC%EB%A0%88%EC%9D%B4%EC%85%98&searchType=search&gz=1&t_ref_content=generic&t_ref=search&relayNonce=4558130b90d1e71342c4&paid_fl=n&search_uuid=c2ac4cf3-f5ad-42fb-9011-3bf856e40282&immediately_apply_layer_open=n#seq=0

프로젝트 배포를 꼭 해야할까요?

작년에 끝난 프로젝트인데, 배포를 했다가 서버 비용때문에 내렸습니다. 취준 시작하고 프로젝트 리팩토링을 하고 있는데 배포를 내려서 결과물이 없는게 고민입니다. (시연 영상은 있습니다.) 저 혼자 서버 배포해보려고 했는데 어려워서 실패했습니다. Express 나 Next 사용해서 백엔드 다시 구축하고 배포하는게 나을지 아니면 그냥 다른 프로젝트 시작하는게 나을지 모르겠습니다. 그럴싸한 프로젝트가 이거 하나뿐인데 배포 결과물이 없으면 관심도 안가지실까요??

포트폴리오 개인프로젝트 기술 스택 고민

안녕하세요. 저는 전공생 취준생이고, 백엔드 개발자 취업을 준비하며 포트폴리오를 쌓고 있습니다. 제가 자신있는 언어는 파이썬, 자바 입니다. 제가 한 팀프로젝트는 express.js 한 개, 자바/스프링 두 개 정도가 있습니다. express.js를 쓴 프로젝트는 마구잡이로 만들어서 리팩토링할 부분이 많아보이는 상태입니다. 그리고 파이썬을 활용한 프로젝트가 없는 게 아쉽다고 느껴집니다. 자바 스프링 취업이 너무 어려워서 다른 기술 스택에 도전하면서 개인 프로젝트를 해볼까 하는데 1. 자신있는 스프링으로 해야할지 2. 작게 해보는 것이니까 파이썬도 쓸겸 장고로 해볼지 3. 파이썬은 코딩테스트로 어필이 충분할지 4. express.js 썼던 프로젝트를 리팩토링 하고 node.js 프로젝트를 추가 해야할지(스프링/node.js 두개로 밀기 위해) 고민입니다. 그리고 5. 개인프로젝트의 경우 퀄리티가 낮으면 안 하느니만 못한 포트폴리오가 될까요? 궁금합니다. 마구 조언 부탁드려요!!

졸업 1달 남은 시점에서 질문드립니다.

우선 저는 현재 기계공학과에 재학중인 4학년이며, 사실상 1달 뒤면 졸업인 상태입니다. 개인적으로는 웹 개발 분야로 취업을 위해 공부를 하기는 했지만, 혼자 인터넷 강의를 결제해서 공부한 상태이면, 현재 작업물이라고는 포트폴리오를 보여줄 수 있는 페이지가 전부입니다. 처음에 아무것도 모르고 강의를 수강해서, html, css, javascript(약간), nodejs, express, mongodb 정도를 배웠는데, 이게 생각보다 해당 기술을 요구하는 기업도 제가 사는 지역에서는 얼마 없어서 고민입니다. 졸업을 하고 원래 하던 기술로 계속 공부를 진해하며 취업에 도전을 해야할지, 새로운 언어를 배워야 할지, 국비 지원을 들어야 할지, 아니면 차라리 다른 분야인 AI나 데이터 분야로 새롭게 국비지원들 들어야 할지 고민입니다. 개발자 선배님들 도움 부탁드립니다 !! (추가로 스펙도 그렇고 딱히 좋은 부분이 없어서 대기업 보다는 복지 상관없이 개발만 할 수 있는 기업에 들어가서 우선 경력과 실력을 쌓는것을 목표로 하고 있습니다.)

개발자 신입 준비

안녕하세요 개발자 준비중인 컴퓨터공학과 4학년 학생입니다. 우선 저는 3회정도의 프로젝트를 진행했고 어쩌다 보니 팀 프로젝트 였지만 제가 거의 풀 스택으로 진행했고 Spring, Node, React를 사용가능하고 아키텍처적으로 규모가 있진 않지만 대략 30개 이상의 Entity를 가지는 규모의 프로젝트들이며 기업인분들에게 좋은 평가를 받은 프로젝트도 있습니다 (Flutter로 간단한 앱도 만들어보았고 , 어플리케이션 프로젝트도 진행 해보았습니다.) React는 타입스크립트 자바스크립트(JavaScript)를 사용해서 나름 자유자재로 만들고 수정할 수있고 타입스크립트(TypeScript)로 전환하는 방향으로 가고 있으며 Node는 레거시로 Express와 sql사용해서 사용했고 Spring은 Spring Boot, Spring MVC, Spring Security,JPA, Redis, JWT 등으로 다양하게 접목 시키고 있고 왜 필요할까를 생각하며 다양하게 접근하고 있습니다. (JPA나 AOP 등의 깊은 공부도 함께 하고 있습니다.) 실제 서버에 배포도 해보았고 지금 진행중인 프로젝트는 AWS를 통해 여러 인스턴스로 나눠서 최적화 하여 배포해볼 예정입니다. 이렇듯 부족하지만 웹쪽에서는 나름 발전의 자신감이 있는편입니다 하지만 제가 코딩테스트에 준비를 하지못했는데 요즘 코딩테스트가 거의 모든 기업 필수여서 아직 프로젝트 진행중이기도 하고 코딩테스트 때문에 아직 입사지원을 생각하지 못하고 있습니다. 코딩 문제를 한번도 풀어본적 없고 기본문법조차 잘 모르고 그런 상황입니다 ㅜㅜ 막상 시작하려고하니 시간적 압박도 그렇고 어떻게 어느정도의 기간을 잡고 해야할지 막막해서 글올려봅니다 선배님들 현직자분들 저는 웹 관련해서 너무 재밌게 찾아보고 고민하며 작업을 하는데 코딩테스트를 따로 준비해서 내년에 입사를 지원하는게 맞을까요 보통 어느정도가 되어야하고 어느정도 시간이 필요할까요 도움 부탁드립니다. 읽어주셔서 감사합니다!

코딩테스트 vs 백엔드 공부

안녕하세요 올해 8월에 컴공을 졸업한 백엔드 취준생입니다. 코딩테스트 독학으로 공부를 9월부터 시작했습니다. 백엔드 경험은 프로젝트로 Node.js와 MySQL, Express.js를 이용해서 API 개발하여 만든 자그마한 프로젝트 하나 밖에 없습니다. 인프런에서 스프링 백엔드 강의도 수강하다가 코테공부와 정처기 실기 공부를 위해서 잠깐 중단한 상태입니다. 그런 상황에서 코딩테스트가 먼저인지 백엔드 공부가 먼저일지 의견을 받고 싶어 글을 올렸습니다. 한가지 더 궁금한 것은 사람인이나 원티드, 잡플레닛, 점핏, 그룹바이 등 여러 사이트에서 공고 많이 보는데 신입을 뽑는 곳은 어디서 찾나요? 정말 기회가 된다면 중소에서라도 커리어를 시작하고 싶은데 다른 플랫폼이나 다른 취업 방법이 있나 묻고 싶습니다. 제가 아는 선배나 교수님들이 없어서 어려움을 많이 느꼈습니다 이 글 읽으시면서 다 부족하다라는 말씀하실 수도 있습니다. 날카로운 피드백들도 겸허히 들을 준비가 되어있습니다.

Devexpress schedulercontrol

schedulercontrol에서 전체적으로 배경색을 검은색으로 폰트색을 흰색으로 하려고 CustomDrawTimeCell과 CustomizeDateNavigationBarCaption를 사용해서 셀은 변경됐는데 bapcaption 이벤트 쪽은 코드 objectinfo, viewifo,handled부분에서 오류가 발생해서 변경이 안됩니다. 혹시나 아시는 분은 도움주시면 감사하겠습니다. private void schedulerControl1_CustomDrawTimeCell(object sender, DevExpress.XtraScheduler.CustomDrawObjectEventArgs e) { if (e.ObjectInfo is SchedulerViewCellBase cell) { // 셀의 배경색을 검은색으로 설정 cell.Appearance.BackColor = Color.Black; cell.Appearance.ForeColor = Color.White; // 텍스트 색상도 흰색으로 설정 e.Handled = true; // 기본 그리기 동작을 무시하고 커스텀 스타일을 적용 } } private void schedulerControl1_CustomizeDateNavigationBarCaption(object sender, DevExpress.XtraScheduler.CustomizeDateNavigationBarCaptionEventArgs e) { if (e.ObjectInfo is DevExpress.XtraScheduler.ViewInfo.SchedulerHeaderViewInfo headerViewInfo) { headerViewInfo.Appearance.BackColor = Color.Black; // 배경색을 검은색으로 설정 headerViewInfo.Appearance.ForeColor = Color.White; // 폰트 색상을 흰색으로 설정 e.Handled = true; // 기본 그리기 동작을 무시하고 커스텀 스타일을 적용 } }

아임포트 결제 API 환불 요청 시 액세스 토큰 발급 문제

안녕하세요, 제가 현재 쇼핑몰 프로젝트를 개발 중입니다. 우선, 아임포트 API로 결제 서비스를 개발한 다음, 환불 기능도 추가하려고 찾아보던 도중, 환불 요청을 보내기 위해서는 액세스 토큰을 따로 발급해야 한다고 합니다. 액세스 토큰을 따로 발급을 받기 위해서는 API키와 비밀키를 통해 가져와야 하는데, 보안 상 문제로 서버 사이드에서 액세스 토큰을 발급 받아야한다는 것을 알았습니다. 그러나 react는 클라이언트 사이드 라이브러리인데 그러면 서버 사이드 환경을 만들기 위해 Express 서버를 설치해야만 이 문제를 해결할 수 있나요?

KDT 고민중인데 추천 좀 해주실 수 있나요 ? ?

저는 백을 희망하지만 어찌됐건 프론트도 알아야 할 것 같아서 풀스택 과정으로 지원을 했습니다. 1. JS 풀스택 과정으로 JS , TS , react , node , express등등을 배웁니다. 특징 - 오프라인 장소 제공 , ' 실시간 ' 온라인 강의 - 한 명의 강사님이 모든 수업을 담당하시는데 그 강사님에 대한 후기를 찾을 수가 없음(실무 7년 뛰다가 강사 하신다고만 알고있습니다) 2. 풀스택 과정으로 커리큘럼은 자바 , 스프링 , react , 자스 타스 등등 좀 방대합니다. 인프런 강의와 챗gpt 구독 제공해주면 알아서 공부하는 방목형 스타일 이론까지는 커리큘럼에 있는거 전부 수강하고 프로젝트때 원하는 포지션에서 개발 특징 - 검증된 강사의 인터넷 강의 (프론트 : 존안? 백 : 김영한 스프링이 메인인듯 하네요) -hrd 별점이 꽤나 좋지않다 node , 자프링이 채용공고수 차이가 많이 나지만 그만큼 자프링이 사람도 많으니 지금 들으려면 node를 하는게 낫다 라는 글도 있고 ... 현재 개발자 채용시장이 좋지않다고 알고있지만 그래도 그래도 교육을 듣는다면 1번과 2번중에 어떤게 더 나을까요..?

프론트엔드 이직.. 포트폴리오 첨삭부탁드립니다.

안녕하세요 현재 퍼블리셔 4년차로 프론트엔드로 이직을 희망하여 독학 중에 있습니다. 기존에 다니던 회사를 퇴사하고 일년간 CS공부와 프리랜서를 병행하며 공부하였고 재취업을 하려고 준비하고있습니다. 현재 근무하고 있는 곳은 기재하지않았어요.. +전 직장에서 진행한 프로젝트 쪽은 외부로 노출된 프로젝트 외엔 기재하지 않았습니다. 들어간 기술은 React + Express.js + Mysql로 구현하고 였고 배포는 aws에 배포하였습니다! 조금 더 신경써야할 부분이나 부족한 부분이 있다면 한말씀 부탁드리겠습니다! https://www.h-creations.com/ 감사합니다.

프론트엔드와 백엔드 갈림길..

안녕하세요. 저는 현재 4학년 2학기 재학중이고 프론트엔드를 공부하고 있는 대학생입니다. 제목을 보시면 제가 어떤 고민을 하고있는지 대략 짐작하실거라고 생각이 듭니다. 사실 전부 해야하는 것들이기에 이런 고민이 무의미하다 라는 말을 정말 많이 들었고 저도 하나만 할수는 없다고 생각을 합니다. 하지만 제가 생각 했을때는 일단 취업공고 자체가 프론트와 백으로 나뉘어져있기에 프론트든 백이든 하나만 일단 파고 그 분야로 취업을 해서 다른 분야를 공부해야겠다는 생각이 듭니다. 저는 파이썬 c 기본 문법 정도만 아는 학부생이였는데 3학년 2학기 끝난 겨울방학때 처음으로 end to end 개발에 참여해봤습니다. 거기서 프론트엔드로 참여를 했고, 생각보다 재미있어서 계속 이쪽으로 공부를 했던것 같습니다. 그 후로 4학년 1학기 끝나가는 지금까지 프로젝트를 2개 정도 추가로 진행했고, 모두 프론트엔드로 프로젝트를 진행했고, 진행중입니다. 하지만 취업을 위해 내가 프론트엔드를 하는게 맞는건가? 라는 질문에 대해 한순간도 명확했던 적이 없네요.. 뭔가 이런 질문에 명확히 답을 찾고 열심히 공부를 하고싶은데, 마음이 그게 안됩니다 ㅠㅠ 계속 조금씩 망설이게 됩니다. 제가 프로젝트로 백엔드를 해본건 아니지만, 일단 프론트엔드를 할때 재미있습니다. 퍼블리싱 하는 것도 재미있고, 기능 연동하고 데이터가 화면에 잘 뿌려지고 하면 뿌듯하고 재미있습니다. 하지만 데이터를 관리하고 기능을 구현하는 백엔드와 달리 프론트엔드는 화면을 잘 보여주고 최적화를 잘 하는 정도? 이잖아요. (제가 공부한지 얼마 되지 않아 무지한 발언 일 수도 있습니다. 죄송합니다.) 회사에 가서 자기 분야가 아닌 다른 분야를 해야하는 상황이 왔을때, 데이터나 로직을 만지는 백엔드가 확장성이 좋은가요?? 즉 훨씬 다른 일로 옮겨가기 수월하고 이직하기도 쉽나요? 데이터랑 로직을 어떠한 개발에서도 교집합이라는 느낌이라서 이 점이 굉장히 궁금합니다.. 백엔드는 이것저것 접근하기 쉬울거 같고 프론트엔드는 아무래도 좀 어렵나요..? 저도 요즘 너무 걱정이 많고 불안해서 여기저기 찾아보고 검색을 해보는데, 프론트엔드는 cs도 필요없고 운영체제 지식도 필요없고 , 전공자가 프론트 하는 건 진짜 웃긴 짓이다 이런 식으로 말하는 글을 봤거든요. 사실 이런 글들에 흔들리면 안되는건데, 또 흔들리는 이유가 개발자 취업 현황 유튜브를 보면 프론트엔드 취업하신 분들은 초봉 3000이 안넘는경우가 꽤 많고.. 백엔드는 그래도 초봉 3000은 넘는다는 점과 개발자를 준비하는 제 동기들 중 프론트엔드를 공부하는 사람은 진짜 너무너무 적다는 점 입니다. 제가 뭔가 남들과는 다른 길을 가는것 같다는 느낌과 불안감이 생기더라고요.. 하지만 이런 이유들로 백엔드로 넘어가보기에는 4학년 1학기가 다 끝난 지금 시간도 너무 없을뿐더러 여태 했던 프로젝트는 전부 프론트로 했는데, 짧은 시간에 백엔드로 또 프로젝트들을 진행해야한다는 점이 막막하기도 합니다. 자바스크립트로 공부하던 코테도 다시 공부를 해야하고요.. 솔직히 저는 프론트를 하고싶기는한데.. 위에서 나열한 이유들로 인해 내가 이걸로 취업 할 수 있을까? 하는 걱정과 불안이 너무 맴돌게 됩니다.. 그래서 현업자분들은 이런 제 생각에 어떤 식으로 생각하실지 궁금해서 이렇게 글을 올려봅니다 ㅠㅠ 제 주변에 이런 고민을 나눌 상급자 분이 안계셔서요.. 프론트를 계속 하게 된다면, 제가 아직 고도화는 못해봐서 여태 했던 프로젝트들에 고도화를 한번 진행해보고 백엔드 지식을 위해 node express로 간단한 crud 구현해보고 이런 경험들 토대로 이력서 써서 인턴부터 지원을 해볼 예정입니다.. 제가 아직 공부를 한지 얼마 안되서 잘 알지도 못한채 백엔드에 비해 프론트엔드를 좀 낮춰서 말한거 같은데, 현업자 분들에게 진지하게 조언을 받고싶어서 제 생각을 그냥 두서없이 적어봤습니다.. 프론트도 깊게 파면 팔 수록 신경 쓸 것도 많고 무척 어렵다는 것을 알고있습니다! 혹시 기분 나쁜 개발자 분이 계셨다면 죄송합니다..

리액트 데이터 통신

리액트로 간단한 프로젝트를 로그인으로 유저 페이지를 포함하여 만들어보고싶은데 db나 서버를 따로 학습해서 해봐야하는지 아니면 프론트엔드 단에서 가짜서버를 만들어서 하는 다른 방법을 사용하는지 궁금합니다,, 따로 학습을 해봐야한다면 mongoDB와 express를 사용해보는게 좋을까요.?? 두서없지만 도와주시면 감사합니다ㅠㅠ

프론트엔드 개발자가 서버 개발을 어디까지 알아야 할까요

안녕하세요! 고민이 있어 조심스럽게 여쭤봅니다! 현재 프론트 엔드 개발자를 지망하고 있습니다. 개발이 너무 재밌어서 제 아이디어를 실제 프로덕트로 구현하고 배포하여 사용자를 받아보는 경험을 해보고 싶습니다. 또한 더 나아가 간단하게라도 외주 개발도 받아보고 싶습니다. 그런데 여기서 딜레마가 있습니다. 프론트 지식은 어느정도 갖추고 있고 프로덕트를 만들면서 계속 성장해나가려고 합니다. 일단 현재로써는 리액트(js)를 통해 개발하려고 합니다. 그러나 서버 개발을 어떻게 하면 좋을지 고민이 됩니다. 두가지 선택지가 있는데 어떤 것을 추천하시나요? 1. 서버나 DB는 파이어베이스, 수퍼베이스 등을 활용하여 서버를 외부에 맡긴다.(현재 파이어베이스에 대한 이해가 있고 응용력도 있습니다.) -> 자신의 서버를 구축하지 않기 때문에 불안정하고 기능 부분에서 한계가 있을 것 같음 2. Node(express)를 공부하고 직접 벡엔드도 개발한다(node 와 epress를 공부 중입니다) -> 자신만의 서버를 만들 수 있어 안정적이고 기능도 무긍무진 할 수 있지만 벡엔드를 어디까지 공부해야 하는지 감이 안잡힘. 가장 중요한 고민은 “프론트 공부하기도 바쁜데, 백엔드 공부에 시간을 쏟는 것이 맞는 선택인가” 결국 프로덕트를 만들기 위한 정도의 백엔드 지식이 필요한 것인데 이게 결국 벡엔드 개발자가 되기 위한 공부와 뭐가 다를까.. 생각이 드네요 다들 토이프로젝트나 혼자 프로덕트 만들어보실 때 서버는 어떻게 하시나요? 어떤 게 더 좋은 선택일까요??

리액트 로그인질문..

react + 파이어베이스만 써오다가 react + express 조합을 오랜만에 사용중인데 긴가민가한점이있어서 질문드립니다 ㅠㅠ import axios from 'axios'; const instance = axios.create({ baseURL: process.env.REACT_APP_API_BASE_URL, timeout: 2500, headers: { 'Content-Type': 'application/json', withCredential: true, }, }); instance.interceptors.request.use( (config) => { const token = localStorage.getItem('token'); if (token) { config.headers['Authorization'] = token; } else { delete config.headers['Authorization']; } return config; }, (error) => { return Promise.reject(error); } ); export default instance; 이렇게 인터셉터를주어서, 요청할 때마다 토큰을 전달하고있습니다. 그리고 프라이빗 라우터 + 유저정보 인증 훅을 사용해서 로그인사용자만 접근가능하게 페이지를 설정해줬습니다. 근데 질문 1. 네트워크탭 Request Headers 에서 Authorization을 확인해보면 토큰정보가 그대로 노출되고있는데요 원래 이렇게되나요? 질문 2. Bearer + token 이렇게 보내는 경우는 포스트맨이나 이런걸로 테스트할때만 Bearer 을 붙여서 보내주면될까요? 질문 3. 검색 키워드가 생각이안나서 질문으로 올립니다. 아주 옛날에는 (4년전) App.tsx에서 if(localstorage.token){ setAuthToekn(token); } 이런식으로 하고, setAuthToken함수는 import axios from 'axios'; const setAuthToken = (token) => { if (token) { axios.defaults.headers.common['x-auth-token'] = token; } else { delete axios.defaults.headers.common['x-auth-token']; } }; export default setAuthToken; 이런식으로 되어있었는데요, 요즘은 제가 짠 코드처럼 axios.인터셉터 식으로 하는게 맞나요? 질문 4. 그럼 요즘도 회원가입/로그인시 로컬스토리지에 유저 정보 (닉네임 이름 이메일, 토큰정보)만 저장해두고 로그인하면, 로그인버튼이 회원 닉네임으로 변하게 해준다던가.. 이런식으로 분기처리를 하나요? ( 저는 이렇게하고있어서요.. 로딩처리를 줄수도있겠지만 깜빡거리는게 싫고, 또 로컬스토리지로안하면 로그인버튼으로 잠깐바꼇다가 회원닉네임이 표시되더라구요) 질문5. (질문4와 이어집니다.) 만약 질문4처럼하면 사용자가 사이트에 계속 로그인중인데, 이 토큰이 끝났는지 판단하려는 코드를 따로 작성해줘야할까요? 예를들면, App.tsx에 서버 api/auth같은거에 요청보내는 로직을 작성해서, 토큰만보내서 유효한 토큰인지 아닌지, 유효하지않은토큰이면 에러를 리턴시켜준다던가, 리프레쉬토큰을 발급시켜서 연장시켜준다던가 이런식으로하면될까요? 마지막으로 질문이 좀 많고 중구난방인데 죄송스럽고 조심스럽네요..

타입스크립트 'value' is possibly 'null' 에러 옵셔널체이닝으로 해결안되는 이슈

import DateRangePicker from "@wojtekmaj/react-daterange-picker"; import { useDispatch } from "react-redux"; import { dateFetch } from "components/feature/FetchSlice"; import styled from "styled-components"; type ValuePiece = Date | null; type Value = ValuePiece | [ValuePiece, ValuePiece]; export default function CustomCalendar() { const dispatch = useDispatch(); const [value, onChange] = useState<Value>([new Date(), new Date()]); return ( <CalendarBox> <Calendar>조회 기간</Calendar> <StlyedDateRangePicker onChange={onChange} value={value} onCalendarClose={() => { dispatch( dateFetch({ startDate: value[0]?.toISOString(), endDate: value[1]?.toISOString(), }) ); console.log(value); }} /> </CalendarBox> ); } <StlyedDateRangePicker>는 styled component로 만든 DateRangePicker 라이브러리 컴포넌트입니다. DateRangePicker 에서 날짜 2개를 선택하면 value라는 배열에 Date 객체 2개가 들어갑니다. 그리고 onCalendarClose 함수가 동작하면서 redux로 만들어놓은 startDate, endDate 객체에 각각 date를 toISOString() 처리한 값이 할당되는 로직입니다. 날짜를 선택하기 전에는 value={value}의 value 배열요소인 Date객체 값이 null 값이니까 type ValuePiece = Date | null; 타입지정을 해줬습니다. startDate: value[0]?.toISOString(), endDate: value[1]?.toISOString(), 근데 위 코드의 value[0], value[1] 에러가 나더라구요. 'value' is possibly 'null'.ts(18047) Element implicitly has an 'any' type because expression of type '0' can't be used to index type 'Date | [ValuePiece, ValuePiece]'. Property '0' does not exist on type 'Date | [ValuePiece, ValuePiece]'. null 값일 수도 있다길래 옵셔널체이닝을 줬는데 여전히 에러가 발생합니다.. 해결방법을 도무지 모르겠네요.. 도와주시면 진심으로 감사하겠습니다ㅠㅠㅠ

학점 2점대 비전공자 취업 고민

안녕하세요 학점2.88에 비전공자 이지만 웹개발에 흥미가 생겨 나름의 노력들을 거쳐 지금은 프론트엔드 개발자를 희망하고 있는 취준생입니다. 27살 남자이고 제가 현재까지 쌓아온 스펙과 경험은 -중경외시 전자공학 -중소기업 인턴경험 1회 (3개월 React.js, Express.js, MySQL) 사용 -개인 프로젝트 3개 (React.js, Next.js, MongoDB 등 사용하여 배포까지 진행) -AWS associate 자격증 (Developer, SSA) -토익 935 -토익 스피킹 180 -중국어 HSK 5급 -교내 경진대회 최우수상 1개 (로봇팔 프로젝트) -SQLD 입니다. 낮은 학점과 비전공자인점을 커버하기위해 내가 비록 비전공자이고 학점도 낮지만 다른건 전부 풀스팩으로 맞추겠다는 마음가짐으로 달려왔습니다. 깃헙도 정리하고 나름의 포트폴리오도 만들어서 웹에 띄우고 깃헙잔디도 작년 10월부터 시작해서 푸릇푸릇하게 만들었습니다. 현재는 정처기 필기 취득후 실기 시험 앞두고 있습니다. 취업준비는 4개월정도 되는 시점이고 현재 국비지원 부트캠프 수강하면서 취업준비를 하는데 스타트업, 중소기업, 중견기업, 대기업, 정직원, 인턴 가리지 않고 지원했는데 서류 통과조차 안되서 너무 답답한 마음에 글 올려봅니다.. 역시 학점과 전공이 발목을 잡는걸까요 아니면 다른것이 문제일까요. 조언 부탁드립니다.

aws-rds mysql 속도

안녕하세요 로컬환경에서 expressjs로 json 형태의 임시db를 만들어서 게시판을 만들었는데요. 이땐 속도도 빠르고 문제가 없었는데 ec2로 서버를 옮기고 rds에 mysql로 db를 옮겼는데요. 페이지이동 할때 10개씩 끊어서 가져오는데 데이터 가져오는데 속도가 엄청 느리더라구요. aws에서 사용하는 스펙이 느려서 그런걸까요 아니면 제가 설정을 잘못해서 그런걸까요 부끄러운코드지만 url도 올려놓겠습니다. http://18.116.200.216:3000/

Java Spring vs Node.js

안녕하세요 서울 수도권 대학교 3학년 재학중이며 내년 4학년 재학 이전 기업 인턴을 희망하고 있는 학생입니다. 최근 클라우드 네이티브에 관심이 생겨 관련 국비지원교육을 수료하고 CKA 자격증을 취득한 상태입니다. 또한 최종적으로는 백엔드 개발자가 아닌 클라우드 엔지니어로 커리어의 목표로 설정하고자 합니다. 더 정확하게는 백엔드 개발자로 시니어 개발 경험을 쌓고 MSA를 이해하고 최종적으로는 SE, 클라우드 엔지니어 분야로 경험을 쌓고 싶습니다. 또한 이러한 상황에서 내년 상반기 및 졸업 이후의 진로에 도움이 될 수 있도록, 이력서를 작성하고 미리 자기소개서를 작성하려고 합니다. 중학교 시절부터 컴퓨터에 관한 공부와 사이드 프로젝트로 여러 경험을 해오며 해당 글의 제목의 논제를 여러번 접하고 저 스스로도 많은 고민을 해온 상태입니다. 이전까지 군을 제외하고 3년동안 Express.js와 NoSQL을 위주로 다양한 초기 창업 팀에서 여러 종류의 프로젝트들을 진행해왔으며 FE, AI Serving 서버의 경우 ChatGPT를 활용한다면 초보적인 수준으로 개발이 가능합니다. 하지만 곧 취업 시장에 뛰어들 시기가 되니 많이 부족한 스스로보다는 여러 개발자 선배님들의 의견을 여쭈어보고자 해당 글을 작성하게 되었습니다. Java Spring에 대해 현재 제가 접한 정보는 다음과 같습니다 - 기존의 시스템을 변경하기 어려운 (중견기업 이상, 금융권) 등의 기업에서는 기존 Java Spring을 활용하는 것이 유리하며, 개발자에 대한 수요도 더 높다 - 대규모 시스템을 관리하고 개발하기 적합하다 - 규모가 큰 기업의 시스템은 다른 프레임워크로 변경되기 어렵다 Node.js에 대해 현재 제가 접한 정보는 다음과 같습니다 - Nest.js와 Typescript로 Node.js 프레임워크들의 문제를 해결했지만 아직 안정성이 떨어지며 개발자가 별도로 Spring에서의 기능들을 구현해야 한다 - MSA 형태의 서비스를 개발하는 기업에서는 Node.js 프레임워크에 대한 수요가 높다 - 스타트업과 같이 신사업을 Agile하게 개발하는 기업에서는 Node.js를 활용하는 것이 유리하다 하지만 커뮤니티 (검증되지 않았습니다) 등의 의견으로는 '이름있는 기업을 목표로 한다면 Node.js를 커리어의 시작으로 가져간다면 불리하다', 'Java Spring은 대기업, Node.js는 스타트업'과 같은 의견이 많아 프레임워크와 언어는 도구일 뿐이지만 더 효율적인 도구를 선택하고자 하는 마음에 아래와 같은 질문을 드리고자 합니다. 1. 현재 공고를 조사해봤을 때 Java Spring보다는 적지만 인지도가 높은 곳과 비교적 낮은 곳의 Node.js (Express.js, Nest.js)의 인턴 공고가 존재했습니다. 추후 커리어를 위해 꼭 중견기업 이상이 아니더라도 해당 기업에서 활동하는 것이 좋을까요? 2. Node.js를 선호하는 이유는 '시간', '취향'입니다. Node.js관련 경험들이 비교적 많으며 (+스크립트형 언어) 코드 스타일이 Java에 비해서 저와 더 잘 맞는다고 느꼈습니다. 또한 새로운 프레임워크를 배우고 적용하는데의 시간이 부족하다는 생각이 듭니다. 해당 이유들이 현 취업시장에서 Java Spring을 선택하지 않는 이유가 되기에는 비합리적일까요? 3. 개인적으로 어떠한 서비스를 개발하는데에 있어 처음부터 제작하고 배포까지 경험해보고자 합니다. 따라서 스스로 스타트업, 혹은 중견기업 이상의 신사업 팀이 더 맞는다고 생각하지만 연차가 쌓이며 저 스스로가 더 큰 시스템과 기업이 아니라 초기 스타트업에 머물게 될 것이라는 불안감이 존재합니다. 더 정확하게 말씀드리자면 더 좋은 기업으로의 이직 자체가 추후 불가능해질 수 있다는 불안감이 있습니다. 해당 부분에 대해서 어떻게 생각하시나요? 3. 앞으로의 Serverless, MSA의 관점에 대해서 어떻게 생각하시나요? 만약 최종적으로 클라우드 엔지니어를 희망한다면 Java Spring 혹은 Node.js 중 어떤 프레임워크가 더 트렌디해질 것이라고 생각하시나요? 4. 만약 Java Spring을 배우는 것이 더 전략적이라면 현재 진행하고 있는 스타트업 프로젝트의 서버를 Node.js에서 Spring으로 변경하는 것이 좋을까요? 물론 연차가 쌓이고 더 깊은 지식을 쌓아나가면 언어, 프레임워크 모두를 잘 다룰 수 있게 되겠지만 '한국에서 Node.js는 불리하다'는 의견을 계속 접하게 되니 불안감이 생겨 '신입 개발자로 어떤 역량을 가져야 할까'하는 고민으로 이 글을 작성하게 되었습니다. 부족한 점이 많지만 너그럽게 봐주시면 정말 감사하겠습니다. 소중한 시간 내주셔서 정말 감사합니다!

노드 https질문

안녀하세요. 프로젝트를 진행중에 애러를 만났는데 혹시 알고계신분 답변해주시면 정말 감사합니다. 리액트로 프론트를 만들고 node+express 를 웹서버 역할로 프록시 설정을 했습니다. 그리고 ssl 인증을하여 브라우저에 https로 접속 가능하게 하였습니다. 문제는 여기부터인데,, 기존 통신 api가 http로 되어있었는데 그런데 백앤드 개발자분이 api도 https로 바꾸셨다고 하여 https 통신을 하니 Error occurred while proxying request happyman:11111 to https://happyman:11111/ [EPROTO] (https://nodejs.org/api/errors.html#errors_common_system_errors) 라는 오류가 났습니다. 또 신기한건 기존 http로 설정된 api 통신은 되네요? 인터넷이서 하라는거 대부분 했는데 잘 안되네요ㅠㅠ

선배님들 진지하게 프엔개발자 취준 상담부탁드립니다

안녕하세요 올해 31살입니다.. 노션으로 이력서 작성했다가 이미지 로딩이 너무 느린거에 고민을 하다가 react-notion 라이브러리를 알게됬고 그걸로 작업하다가 CORS때문에 그냥 이력서를 리액트로 제가 직접 만들었습니다. 그 이력서로 취업 문을 계속 두드리고있는데 계속 문전박대 당하고있는 상황입니다 그저 개발이 재밌고 내가 구성한거를 이쁘게 ui만들고 하는게 재밌어서 강의나 책 보면서 배운 지식들을 활용한 결과물들을 포트폴리오로 내세운거라 남들이 보기엔 어떨지모르겠지만요.. 깃사용이랑 커뮤니케이션 코드컨벤션등등을 경험하고싶어서 팀프로젝트를 구해서 해본경험도 있습니다만.. 자신감이 많이 떨어져있는 상태입니다ㅜㅜ 비전공 독학 고졸 이 세가지 타이틀을 다 가지고있는 저라서 더 미래가 불안합니다. 여태 배운지식들은 html,css,js,react,nextjs,mongodb,express,awss3활용,파이어베이스 등등입니다. 면접을위한 cs전공지식 책을 사서 겉핥기식이겠지만 cs공부와 모던자바스크립트 웹사이트에서 js공부도 계속 하고있습니다. 최근까지는 서버리스가 개인플젝만들때는 편리해서 파이어베이스랑 리액트 혹은 넥스트13으로 개발을 주로해왔습니다만 솔직히 내세울만한것도 없는거같고 해서 다른 지식들을 어필해보자! 라는 생각이들어서 최근 구상중인 아이디어를 개발할때 적용해보고자합니다 1. Nextjs+nestjs 2. Nextjs + aws서버리스플랫폼 사용 이 두가지중 어떤게 더 나아보이실까요? 마지막으로 제 이력서입니다.. https://resume-react-phi.vercel.app/

안녕하세요 입사한지 한달도안된 신입개발자입니다.

안녕하세요 고졸 6개월학원출신 신입개발자입니다. 원래 처음엔 독학을 해서 프론트로는 html css javascript 백엔드로는 nodejs로 express 프레임워크를 활용해서 배포는 안하고 로컬에서만 웹을 만들어봤습니다. 그 뒤로 한국에서 개발자로 살아남으려면 java로 해야된다고해서 6개월 학원으로 공부하러가서 html,css,js, java springboot로 개인프로젝트로 웹을 만들어보고react, kotlin, springboot로 e-commerce 팀프로젝트로 웹을 만들어봤습니다. Aws로 배포를 진행하고 cicd를 적용해보았지만 배포 cicd 는 솔직히 경험정도지 혼자하라고하면 좀 막막할정도의 수준입니다. 고졸인데 CS, 자료구조, 알고리즘 관련은 아직 공부를많이 해보지 않은상태며 학원끝나고 CS 초반부 공부하는중에 취직을 한 상태입니다. 첫 과업으로 주어진것이 클라우드 아키텍처를 보고 어떠한 규칙을 만들어오라는 건데 저는 웹관련해서 만들어보기만했지 아키텍처를 보고 파악할줄도 모릅니다. 저는 궁금합니다. 저는 개발자라는건 프론트쪽에서 react, jquery, vue 같은거나 백엔드관련해서는 java spring, django같은 것들로 코드를 치고 개발하는건줄 알았는데 갑자기 엔지니어의 일같은 일을 맡고 알해서 만들어서 문서화해오라는게 이런 일들을 하는게 원래 그런건지 모르겠습니다. 솔직히 아키텍처관련은 해본적이 없어서 어떻게 만들어야하는지 여쭤보아도 기술언어를 섞어가면서 말씀하셔도 70퍼는 못알아먹겠고 나중에 하시는 말씀은 괜찮아 개발자니깐 문제해결능력으로 어떻게는 해오면 된다라는 말만 돌아오고해서 이게 맞나 싶습니다. 이것때문에 개발자가 이런건가 퇴사해야하나 고민이 많습니다. 면접때를 생각하면은 아마 제가 react로 웹을 만든걸 인상깊게 보신것같은데..., 아마 이 과제를 주신분이 면접을 보셨으면 전 떨어졌을것 같습니다. 이런 일들 때문에 이게 개발자인가 생각들고 너무 막막하고 찾아봐도 관련내용이 너무 안나와서 퇴사생각만 자꾸듭니다. 혹시 해주실 말씀들 있으실까요...

node.js 백엔드에서 JWT Secretkey 보관 방법

안녕하세요! node.js express.js를 활용하여 백엔드를 개발중인 신입 개발자입니다. 앱 개발을 하고있는데 unity 프론트와 api통신을 해야하는 상황입니다. JWT를 활용하여 로그인 처리를 하고있는데 unity프론트와 API통신하면서 JWT때 사용하는 secretkey값을 공용으로 사용하고싶은데 혹시 실무에서 주로 처리하는 방법이 있을까요?? 보통 앱개발에는 안드로이드 keystore로 처리한다고도 하던데 서버단과 unity 클라이언트단 JWT secretkey를 같이 사용할 수 있는 방법 질문요청드립니다...! 헷갈리는부분... API 통신시 클라이언트단에서 로그인하고 유효성검사하고 암호화해서 api 통신하는 방식으로 흐름이 되는게 맞나요..?? 그리고 서버단에서 복호화해서 암호화하고 저장 api 통신시에 탈취가능성이 있지 않나는 클라이언트분의 말을듣고 위와 같은 질문을 드립니다... 제가 헷갈리는 부분인건지 아니면 api 전송시에는 암호화가 되지않아도 보안에 이상이 없는건지 서버단에서만 jwt 암호화 처리를 하면되는건지.... 이 부분은 어떤 흐름대로 이해하고 가야하나요?? ㅠㅠㅠ 너무 초보같은 질문이지만 질문드립니다..

node.js express.js 백엔드 개발 시 자동 로그아웃 관련

안녕하세요 헬스케어 콘텐츠 개발팀에서 근무하고있는 이제 1년 2개월이된 서버개발자입니다. 서버쪽은 저 혼자라서 서버쪽 도움을 요청할분이 없기에 이렇게 도움을 요청 드리게 되었습니다! node.js express.js로 개발중인데요! 클라이언트쪽은 다른분이 unity로 개발중에있습니다. 앱에서 로그인하고 일정시간동안 아무 이벤트가없으면 자동로그아웃이 되도록 구현하려고합니다. 알아보니 setInterval를 사용하면 될 것같아 구현은했는데 postman으로 테스트시 console에 자동 로그아웃 성공되는 부분까지 확인이 되었습니다. 그런데 클라이언트쪽 return에 대해서는 아무 반응이 없다보니 이렇게 처리하는게 맞나라는 생각이 듭니다. 개발하고 unity 클라이언트 앱 쪽과 api 통신을할껀데 setInterval로 자동 로그아웃 기능을 구현면 어떻게 unity 클라이언트쪽에서 확인하고 팝업창을 띄우거나 로그인 페이지로 돌릴지 감이 잡히지않아 이렇게 요청드립니다..!! 정리하자면.. node.js로 백엔드 개발중 일정 시간이 지나도록 이벤트(마우스,키보드,api요청)가 전혀없을때 setInterval로 만들어 놓은 자동 로그아웃이 실행되고 return 값을? unity 클라이언트쪽에서 받아서 팝업창에 띄우는 흐름대로 하려고하는데 관련 키워드나 해결방법을 알고싶어 도움 청하게 되었습니다..!!! 혹시나 제가 처리하려는 흐름이나 setInterval로 접근하는게 잘못된것일까요..?

Nginx, Express 연결 후 프론트에서 이미지 파일 전송시 408 Error

안녕하세요. 혼자 해보던 도중 도저히 해결이 되지 않아 문의드립니다. - 서버 설계 - 현재 저는 Express앱을 AWS EC2 인스턴스에 NGINX를 설치한 후 proxy_pass에 express앱이 구동중인 port를 연결하여 사용하고 있습니다. 이 과정에서 ALB를 통해 ACM을 연동하여 HTTPS 프로토콜이 사용가능하게 설정까지 하였습니다. 이미지 파일업로드는 multer-s3를 이용해 s3버킷과 연결하여 업로드 되는 방식입니다. - 문제상황 - 로그인과 기본적인 CRUD는 문제없이 되는데, 프론트에서 이미지 파일(multipart/form-data)을 서버로 전송하면 504 오류가 출력됩니다. 1. nginx의 access.log에는 해당 uri의 상태코드가 408이라 출력됩니다. 2. nginx의 error.log에는 readv() failed (104: Connection reset by peer) while reading upstream가 출력됩니다. 3. 개발자도구의 console창에 'server의 이미지 업로드 uri' from origin '프론트 도메인'이 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 이라 출력됩니다. 위 오류를 해결해보기 위해 시도해본 것은 아래와 같습니다 1. NGINX의 proxy_connect_timeout, proxy_send_timeout, proxy_read_timeout, send_timeout을 600으로 설정, client_max_body_size를 500M으로 설정 2. ALB의 유휴제한시간 600 설정 3. Express 앱에 app.set('trust proxy', true); 추가 4. Express-session에 app.use(session({proxy:true})) 추가 5. body-parser에 app.use(bodyParser.json({limit: '1000mb'})); 추가 및 app.use(bodyParser.urlencoded({limit: '1000mb', extended: true})); 추가 6. 업로드되는 uri의 미들웨어에 (req, res, next) => { req.setTimeout(1000000); next(); } 추가 7. upload.single()미들웨어를 주석처리 후 req.file 출력 시도 아직도 해결을 하지 못하였습니다 ㅜㅜ 연휴임에도 도와주시면 너무 감사하겠습니다..

AWS 로드밸런서 504 오류

안녕하세요. 혼자 해보다가 도저히 해결이 되지않아 도움을 구하고자 글을 작성합니다. Express로 구축한 서버를 배포하기위해 AWS EC2를 이용해 ubuntu 인스턴스를 생성한 후 Nginx를 인스턴스 내에 설치하고 Express를 pm2로 구동한 후 Nginx와 proxy를 연결하여 정상적으로 작동됨을 확인했습니다. (Curl 확인 및 퍼블릭 ip주소 접근) 그런데 ACM을 통해 발급받은 SSL인증서를 연동하여 HTTPS연결이 가능하게하려고 로드밸런서를 생성하였는데 cdn접속시 504 오류가 나옵니다. 또, 대상그룹도 아래 사진과 같이 Unhealthy, Request timed out이라 나옵니다 (인스턴스 퍼블릭 IP주소는 정상적으로 접근이 가능함) 어떻게해야 ssl인증서를 연동하여 https연결이 가능하게 할까요 ㅜㅜ 제발 살려주세요 12시간 넘게 삽질중입니다.ㅑ

요즘 백엔드 트렌드

안녕하세요 백엔드를 지망하는 학생입니다! 현재 웹 백엔드로 Node js를 사용하고 있습니다 express를 사용해서 구현하고 있고, Nest js도 어느정도 사용할 줄 압니다 . 하지만 한국 시장은 spring이다라는 소리를 너무 많이들어서 현재 스프링을 공부할지 리액트를 공부해서 풀스택 개발자를 꿈꿀지 고민이 돼서 글을 올립니다! 현재 firebase를 이용해서 웹 서비스 출시를 했고 DB쪽도 Mysql 등 CRUD까지는 할 줄 아는 수준입니다! 아니면 추천해주시는 언어나 공부 방식이 있을까요?