개발자 Q&A

nextjs 13 getStaticProps 질문

안녕하세요. nextjs 13에서 변경된 app 디렉토리에서는 getStaticProps를 지원하지 않고 fetch의 cache로 getStaticProps 등의 동작을 수행할 수 있게 된 부분에 있어서 의문점이 생겨서 질문 남깁니다. 1. 서버 컴포넌트니까 console등은 서버에서 찍히는 것을 확인하였습니다. 이것은 서버 컴포넌트는 항상 ssr로 동작한다는 의미인것인가요? 2. fetch를 사용하지 않고서는 static, ssr, isr 을 구분시킬 수 없는 건가요? 3. 이전 버전(12)에서는 getStaticProps를 사용해서 fs, gray-matter 같은 static하게 서버에서 생성 해놓기를 원했던 경우에 사용하기도 하였는데 이런 부분은 구현할 수가 없는 건가요? (코드 첨부)

게임 기획자에대해 질문있습니다

게임기획자로 전망하고 싶은 대학생입니다. 현재 기본적인 프로그래밍에대해 알고있으면 좋을것같애서 파이썬을 공부중에 있고, 내년에 unity도 공부하여 게임도 한번 만들어볼 생각에 있습니다. 이것 말고도 게임기획자가 되기위한 커리어를 어떤식으로 쌓는게 좋은지 궁금합니다! 또 게임기획자 포트폴리오 참고 할 만한 곳이 있을까요?

제가 장고를 공부 할 예정인데

이제막 코딩을 시작한 코린이 입니다. 파이썬을 어느정도 숙지한 상태이고 장고를 공부하려고하는데, 장고는 파이썬 언어를 기반으로 웹 프레임워크를 만드는 거라고 대충 알고있습니다. 그러면 장고로 모바일 앱을 만들 수도 있나요? 단순히 모바일 화면에 웹을 띄우는 형식이 아니라 안드로이드처럼 앱 자체를 만들 수 있는지 궁금합니다. 또 만들수있다면 웹과 모바일을 연동 시킬수 있는 방법이 무엇인지 궁금합니다.

개발자로 갈 수 있는 공기업 직군이 있나요 ??

프론트앤드나 백앤드 개발자로 갈 수 있는 공기업 직군이 있나요 ??? 찾아보니까 다 해당 공기업에 맞는 전공에서 대부분 뽑거나 아니면 사무직이더라구요.

BI솔루션 회사 입사가 괜찮을까요

안녕하세요 현재 국비로 자바 과정 수료 후 취준 중인 취준생입니다. 최근 학원 연계로 최종합격하였습니다 그런데 해당 회사 업무는 자바 업무가 아닌 BI 솔루션 쪽입니다. -mstr 기반 솔루션 커스텀 마이징 -OLap/시각화 레포트 개발 이 주 업무이고 자바는 아주 조금 사용하고 sql을 주로 다루는 것 같습니다.. 제가 공부한 쪽과 상상한 분야는 다르지만 향후 BI솔루션의 전망이나 웹개발과정을 수료한 제가 웹개발이아닌 DB쪽에 더 치중되어있는 BI쪽으로 가는게 좋을지 고민되어질문드립니다. 1.BI솔루션의 전망이 궁금합니다. 2.웹개발과정을 수료한 뒤 BI솔루션(MicroStrategy) 으로 가는게 안정적인 미래에 더 좋을지 궁금합니다. 3.웹개발자의 길과 BI솔루션의 길 둘중 어디가 더 대우나 연봉 비전이 좋을지 궁금합니다.

자바스크립트 어떻게 공부를 하나요?

프론트엔드 신입개발자로 취준생입니다 자바스크립트 종류가 여러가지가 있어서 제가 정한 회사가 있으면 그 중점에 자바스크립트 공부를 해야 하는지 골고루 토이프로젝트이나 크론코팅을 해보면서…공부를 해야는지…자바스크립트 어떤 식으로 공부를 해야 옮은 걸까요?

현직 백엔드 개발자분들!

현재 백엔드 개발을 하고 계시는 개발자분들은 어떤 연유로 백엔드 개발자가 되어야겠다고 결심하셨나요?? 개발자분들의 이야기가 궁금합니다!!

Rest Api Method name

spring을 예로 들겠습니다. 한개의 컨트롤러에서 2가지일을 하게된다면 restful api method명은 무엇으로해야하나요?

Promise.all과 Promise.allSettled 차이

최근 회사에 입사해서 여러 코드를 보고 있는데 Promise.all과 Promise.allSettled를 많이 사용하고 있더라고요. 두 method가 구별되어서 사용되지는 않고 있는데 크게 문제는 없습니다. 검색해보니 Promise.all은 하나만 실패해도 결과를 얻을 수 없고, Promise.allSettled는 전부 결과를 얻을 수 있다고 하네요. 각각을 어떤기준을 가지고 현업에서 사용하는지 알고싶습니다.

lodash 체이닝(_.chain)은 왜 사용하나요?

안녕하세요 로대쉬를 사용하다가 궁금한점이 있어서 질문 남깁니다. sortBy.map.filter 이런식으로 chain메서드 없이도 체이닝을 할 수 있는데 chain 메서드는 왜 사용하는지 어떤 장점이 있는지 문득 궁금해졌습니다. 혹시 이유를 아시는 분 있으시면 답변해주시면 큰 도움이 될 것 같습니다!

데이터베이스에서 Null 을 지양해야 하는가요?

RDB 에서 null 을 사용하는것에 대해 부정적인 이야기들이 많던데 실무에서 null을 사용한다면 어떨때 사용하는지, 사용하지 않는다면 어떤 이유로 사용하지 않는지 실무에서의 예시가 궁금합니다!

네이버 블로그를 운영중인 개발 취준생인데 티스토리 블로그를 새로 만들어야 할까요?

안녕하세요. 저는 2023년 1월에 개발 공부를 처음 시작했습니다. 비전공자로 지금까지는 프로게이머 구단에서 컨텐츠 매니저, 일본 워킹홀리데이로 일본 호텔리어, 스마트스토어와 오프라인에서 생물 버섯 판매... 등 다양한 일을 해왔습니다. 지금은 국비지원으로 웹 개발 왕초보 강의를 들으며 프론트엔드 개발자로 일하고 싶어 공부 중입니다. *지금까지 N잡러라 하기에도 애매하고 한 가지 일에 보다 나은 전문성을 가지고 싶어 개발 공부를 시작했습니다. 다름이 아니라 개발자 분들은 모두 티스토리 블로그를 운영하면서 취업 준비 때도 모두 티스토리에 공부 회고를 남기더라구요. https://blog.naver.com/no3b_h 저의 네이버 블로그 입니다. 주제를 정하고 운영하는 전문 블로그는 아니지만 맛집 리뷰, 워킹홀리데이 정보제공 등 일상 기록을 담은 블로그 입니다. 여기에 제가 [비전공자에서 개발자 되기!] 로 현재 듣고있는 기초 강의를 리뷰하고, 개발 관련 공부 기록을 담으려 하는데 괜찮을까요? 잡다한 블로그라 이력서에서 전문성이 없어 보일까봐 개발 공부 회고용 티스토리 블로그를 따로 만들어야 할지 고민입니다. 다만 네이버 블로그를 몇 개월 소소하게 운영하다 보니 작지만 늘어나는 일 방문자수와 체험단을 하면서 취준생으로 생활비 절약(...)에 보탬도 되고 네이버 블로그를 포기하기가 아쉽습니다. 또 제 글이 많은 비전공자 분들에게 도움이 됐으면 하는 마음도 있구요. 네이버 블로그와 티스토리 블로그 둘 다 운영하기엔 벅찰 것 같기도 하구요... 따끔하고 현실적인 조언 겸허히 받아들이겠습니다. 현업 선배님들의 조언과 충고 부탁드리겠습니다(--)(__)

대학 입학 전 공부

데이터사이언스 학과 가기 전에 무슨 공부를 해야할까요? 그리고 파이썬이나 자바 배우고 싶은데 입문용 책 추천해주실 수 있을까요? 뭔가 막막하네요 감사합니다

React 에서 token, refresh-token 을 전역 상태로 관리하려고 하는데 어떻게 구현하는게 좋을까요 ?

안녕하세요!! token, refresh token 에 대한 global 상태관리를 해야 합니다. 이정도 규모의 상태관리는 어떤 기능을 활용하는게 적당할까요 ? - redux (사용해본 경험이 있어서 편하긴 한데.. 고민이 됩니다) - recoil

next.js 에서 ssr의 경우 쿠키 접근은 어떻게 하나요?

1. next.js 에서 ssr의 경우 로컬스토리지는 접근이 불가능한데 쿠키도 접근이 불가능한가요? 2. 그리고 추가로 궁금한 부분은 accessToken을 로컬 스토리지로 저장하시는 분들은 ssr시에 인증을 어떻게 하시나요??

이미 정의된 타입에 'Property xxx does not exist on type' 오류가 발생해요

아래 코드와 같이 타입이 정의가 되어있는데 key={cancelActionPayload.action} 의 action에 빨간줄 쳐지고 'Property 'action' does not exist on type' 이라 에러가 뜨는데 제 생각에는 action 필드가 분명 있는 것 같은데 뭘 잘못 생각했을까요?ㅜㅜ

nextjs에서 페이지 별로 user redirect를 해주려면 어떻게 하나요?

react에서는 route 파일에서 일괄적으로 처리하면 되는데 next.js는 페이지 별로 route가 처리되니까 어떻게 처리하고 계신지 궁금하네요 제가 생각한 방식은 _app.tsx 파일에서 일괄 처리해준다인데 추천할만한 다른 방법이 있을까요?

회사에서 프론트엔드 신입에게 바라는 수준이 어느 정도인가요?

안녕하세요~~ 웹개발 공부 4.5개월차 뉴비 프론트엔드 지망생입니다. - 현재 저의 상태: 웹개발 공부를 하며 HTML/CSS/JS/React/NodeJS/Typescript 를 경험하고 있습니다. 현재 독학중이라 인터넷강의 등을 통해 공부하고 있구요, 개인,팀 프로젝트는 아직 없습니다. 곧 부트캠프에 들어가서 공부와 포트폴리오경험을 쌓을 예정입니다. 기초 구현 연습은 javascript를 이용해서 프로그래머스 1단계 다 풀어보는 정도까지만 해보았습니다. - 질문: 혼자 공부하다보니 <회사에선 어떤 수준까지 공부하길 원하는지?>가 궁금합니다. 어느 정도까지 해야 취업준비를 시작하면 좋을지 그 목표점을 잘 모르겠어서 이렇게 질문 남깁니다. 읽어주셔서 감사합니다!

Python 배포 관련 질문합니다.

Exe 파일로 배포했을때 코드 내에 gpu 사용을 강제하는데.. 혹시 로컬컴퓨터의 cuda버전의 설치파일을 배포받을 다른 컴퓨터에 설치하면 실행이 되나요?

return false;

function() { if(라디오 1 체크 == true){ radio_value = 0; }else if (라디오 2 체크 == true){ radio_value= 1; }else{ alert("라디오를 체크해주세요."); return false; } } 자바스크립트 메소드 안에 라디오를 체크하지 않으면 알림창을 뜨게 하려고 합니다. radio_value는 파라미터로 서버에 보낼 아이인데, radio_value 값에 null이 입력되어 서버에 보내지 않도록 return false;를 작성하였습니다. 이렇게 작성하는 게 맞나요?

전문대 재학중인 학생입니다

안녕하세요 3년제 전문대 컴공에 재학중인 23살 학생입니다 군대 전역후 2학년 복학예정이구요 java spring 백엔드로 취업 희망하고있습니다 꾸준히 공부하고있구요 한가지 고민되는게 지금 다니고있는 학교 졸업하고 취업하기 or 학교 자퇴후 학점은행제를 활용해서 빠르게 학사학위 따고 부트캠프, 국비학원 등등 수료후 취업하기 어떤게 좀더 나은 선택일까요

수도 없이 생겨나는 신생 ESG기업들

계속해서 생겨나는 ESG 기업들 혹은 스타트업들은 다들 어디서 보고 계시나요 ?? 어디 따로 업데이트가 되어서 그 기업의 정보나 비전등을 알 수 있는 곳이 있을까요 ??

Flask, iis 관련 질문드립니다.

Flask로 실행하는 어플리케이션을 만든 후 회사 특성상 윈도우에서 실행해야하는 문제때문에 iis를 사용하기로 했습니다. 모든 권한 설정을 다 하고 서버를 실행해봤지만 앱 디렉토리 내의 다른 py 파일을 import를 하게 되면 에러가 납니다 1. 라이브러리만 불러올때는 에러 없음 2. Py파일 불러오는 문구를 지우면 정상적으로 실행됨 Web.Config에는 파이썬패스와 핸들러만 지정해두었습니다 혹시 위 사항에 놓친게 있을지 문의드립니다

컴퓨터 기본적인 언어들을 어떻게 공부하면 좋은지 추천해주세요

컴공과 3학년인데 컴퓨터 기본적인 언어들로 의사소통이 원활하게 되지 않아 이렇게 글을 썼습니다 2학년때 제대로 공부를 하지않아 이런 문제점이 생긴 거 같습니다. 어떻게 공부를 하면 이 점이 보안이 될지 알려주세요 그리고 현재는 일단 전공공부를 하며 모르는 단어는 찾아보고 정리를 해두는데 나중에 이 단어 뜻이 기억이 안날때가 많이 있어서 다시 찾아보고 그러더라고요! 현직 개발자들은 어떻게 컴터 용어들을 다 기억해서 의사소통을 하는지 궁금하기도 하고 어떻게 공부를 하는지에 관하여 알려주시면 감사하겠습니다~

렌더링의 속도차이가 얼마나 나는지 아시는분 계실까요??

안녕하세요. react를 하다가 문득궁금해진게 있어서 질문해봅니다..! 컴포넌트를 제작하던중에 첫번째 const hello = {a: 1, b: 2, c:3} Return( <div>{hello.a}</div> <div>{hello.b}</div> <div>{hello.c}</div> ) 두번째 const hello = {a: 1, b: 2, c:3} const world = [a,b,c] return ( world.map((v) => ( <div>hello[v]</div> )) ) 두번째는 map을 사용하기때문에 O(N)이 걸린다고 생각이 듭니다. 혹시 컴포넌트가 렌더링 되는 속도도 둘이 차이가 있을까요?? 차이가 있다면 첫번째 컴포넌트 같은경우에는 O(1)의 속도를 갖는걸까요?

React에서 함수형 컴포넌트를 사용할 때 <Component/> vs Component() 어떤 차이가 있나요?

안녕하세요! React에서 컴포넌트를 사용할 때 <Component />와 같이 사용할 수 있고 호출 하는 방식으로 사용할 수 있는 것 같은데 어떤 차이가 있는지 궁금합니다! 최근에 합류한 사이드 프로젝트에서 두 방식이 혼용되어 사용하고 있는데 문득 궁금해져서 질문 드렸습니다. 감사합니다

백엔드 코드를 아름답게 분리하고 싶어요

최근에 본 강의 영상을 토대로 저만의 어플리케이션을 만들고 있습니다. 강의 영상에서는 API / Service / Database 로 layer를 분리해서 코드를 짰던 것을 보고 저도 나름 적용해보려고 하는데요. 코드를 짜면 짤 수록 뭔가 코드가 비슷하지만 조금은 다른 코드가 점점 늘어나게 되더라구요. 일단은 내 맘대로 작성해보고, 거의 다 완성이 되어갔을 때 리팩토링을 하려고 하는데, 접근방법을 어떻게 하면 좋을 지 의견을 물어보고 싶습니다.

mongoose 참조 관련 질문입니다. (수정)

nodejs, mongoose, mongodb 그리고 데이터 확인용으로 mongodbCompass를 사용중임을 알립니다. 현재 A,B 컬렉션이 있고, A 가 B를 참조하고 있습니다. B컬렉션에서 데이터를 삭제하면 B컬렉션에서 삭제되고 로그를 찍어보면 정상적으로 A컬렉션에서도 참조하고 있는 B 데이터가 빠지는 걸 확인했는데 mongodb Compass에서는 바뀌지 않습니다. 원래 mongodb compass에서 느리게 처리되는 건지 살짝 멘붕이 와서 질문드립니다.. -------------------------------- 현재까지 실험결과 B컬렉션 데이터 2개 추가 시 -> A 컬렉션에 대해 findById 결과 --> B 데이터 2개 추가 -> A 컬렉션에 대해 findOne({_id:_id}) 결과 --> B 데이터 2개 추가 B컬렉션에 대해 데이터 1개 삭제시 -> A 컬렉션에 대해 findById 결과 --> B 데이터 1개 , (1개 삭제) -> A 컬렉션에 대해 findOne({_id:_id}) 결과 --> B 데이터 2개 (삭제 x) -> mongoCompass -> B 데이터 1개 , A가 참조하는 B 데이터 2개 (삭제 x) 추가로 B컬렉션 데이터 1개 추가 시 -> A 컬렉션에 대해 findById 결과 --> B 데이터 2개 , (1개 추가) -> A 컬렉션에 대해 findOne({_id:_id}) 결과 --> B 데이터 2개 (이전 1개 삭제후 새로운 참조 데이터 추가 됨 ) -> mongoCompass -> B 데이터 2개 , A가 참조하는 B 데이터 2개 (이전 1개 삭제후 새로운 참조 데이터 추가 됨) stackoverflow 와 mongoose 공식문서를 참고했습니다만 이유는 잘 모르겠습니다.. 코드도 같이 첨부하겠습니다.

next js에서 사용자 검증시 화면 안깜빡거림은 ssr만 가능한가요?

안녕하세요, 리액트 넥스트로 앱을 만드는 개발자 입니다. 사용자 검증을 csr(useEffect), ssr(getServerSideProps)둘 다 해보았습니다. 다만 csr의 경우 완전한 렌더링 이후 검증을 하기에 잠시나마 화면 깜빡임이 있습니다. ssr의 경우 서버에서 검증을 하기에 화면 깜빡임은 없지만 모든 화면에 ssr로직을 작성해야 합니다. 만약 화면 깜빡거림 없이 즉시 사용자 정보 UI를 화면에 나타내려면 SSR이나 getinitialProps를 사용하는 방법밖에 없나요?

rest에서 put, post 의 차이

put은 서버에 자원을 한번만 생성하는 것이고, post는 무한히 생성하는 것으로 알고 있는데, 그러면 보통 rest를 구성할 때 post보다는 put만 사용하는 것이 좋나요? (로그인과 로그아웃을 제외한)