개발자 Q&A

(vue) axios 요청 후에 인풋에 넣어둔 데이터 초기화 되는 문제??

vue에서 왜 axios 요청 후에 인풋에 넣어둔 데이터가 초기화 되는 걸까요..? axios는 새로고침 없이 데이터 주고받는 방식인데 인풋값에 넣은 걸 axios 서버단으로 보내면 데이터가 사라지네요.. 이걸 안사라지도록 할 순 없을까요? (인풋값 데이터를 v-model로 데이터와 연결했습니다. 그냥 v-model로 하지 말까 싶기도 하네요.......)

Next.js 13 서버 컴포넌트 조건부 렌더링

안녕하세요. 개인프로젝트로 SEO가 중요한 웹 애플리케이션을 만들고 있어서 Next.js 13을 배워 사용중입니다. 프로젝트를 진행하다보니 막막한 구간에 들어섰습니다. 조건부 렌더링으로 사용자의 조작에 따라서 각각 다른 컴포넌트들을 렌더링하려고 페이지 루트 컴포넌트에 useState()를 사용했습니다. 그리고 그러다보니 루트 컴포넌트에 'use client'를 선언하게 되었고 루트 컴포넌트는 자연스럽게 클라이언트 컴포넌트가 되었습니다. 그런데 여기서 의문이 들었습니다. next 13 공식문서에서는 컴포넌트를 클라이언트 컴포넌트로 만들면 모든 하위 컴포넌트들이 클라이언트 컴포넌트가 되기 때문에 SEO에 취약해질수있다. 그러니 되도록이면 서버 컴포넌트를 상위에 배치시키고 클라이언트 컴포넌트는 하위 컴포넌트로 배치하는게 좋다. 이렇게 나와있는데 조건부 렌더링 기능을 넣자니 클라이언트 컴포넌트로 만들어야되서 SEO가 취약해지고, 조건부 렌더링을 빼자니 프로젝트가 너무 밋밋해지고.. 되도록이면 루트컴포넌트는 서버컴포넌트를 유지하면서 조건부 렌더링 기능을 넣고싶은데 막막하네요.. 혹시 서버컴포넌트에서 조건부 렌더링을 할수있는 방법이 있을까요? 현업에서는 이런상황일때 어떻게 하시나요?

Next.js에서 URL 파라미터에 한글 입력시 오류가 발생합니다.

[Next.js 13.4.1] 아무 경로나 그냥 URL에 http://localhost:3000?test=테스트 대충 이렇게 쳐도 ---------- Failed to fetch RSC payload. Falling back to browser navigation. TypeError: Failed to execute 'fetch' on 'Window': Failed to read the 'headers' property from 'RequestInit': String contains non ISO-8859-1 code point. ---------- 위와 같은 오류가 발생합니다. 여기저기 구글링 해본 결과 URL에 유니코드 문자가 들어가면 이런 문제가 발생하는 것 같은데 Next.js 공식문서에도 없는 거같고... 파라미터의 한글을 urlencode로 변환도 해보고 별짓을 다해봤는데 해결이 안되네요 어떻게 해야할까요?

next.js에서 페이지 접근 권한 관리 방법

현재 회사에서 next로 개발중인데요! 각 page마다 접근 관리를 개선해보려고 합니다. 현재 각 page에 해당하는 component에 내 정보가 있는지 없는지 확인해서 redirect해주는 custom hook으로 접근을 제한하고 있는데, 이는 한눈에 들어오지도 않고 한눈에 들어오지도 않고 일일히 page마다 hook을 넣어줘야해서 비효율적인거 같습니다! 따라서, react-query key를 관리하는 방식처럼 한 파일에 모든 route를 모아놓고, _app.tsx에서 route 체크를 통해 application 코드는 건들지 않고 route.ts만 수정하는 방법으로 각 route의 접근 설정을 해보려고 하는데 혹시 더 좋은 방법이 있을까요???

가비아 ssl 인증서 관련 질문입니다

가비아 ssl 인증서 보니까 1개 도메인 다수 서버라고 쓰여 있는데 이 뜻이 궁금해요! 예를 들어 api.~~~.com 이렇게 레코드로 분리해 준 모든 도메인에도 ssl 인증서가 적용된다는 뜻이겠죠....? 하나하나 하려면 너무 비쌀 것 같은데 말이죠...

아임포트 정기결제 해보신 분!!

아임포트 정기결제 붙일 때 반복 주기 세팅하는 것 관련해서 질문 있는데요, 저는 당연히 함수로 만들어서 30일 주기로 결제하려고 했는데 아임포트에서 수작업으로 1년 / 2년 주기로 하나하나 결제 예정 날짜를 넣으라고 하네요...? 이게 더 나은 방법인가요..? 왜 이렇게 하라고 하는 걸까요??

앱에서 백엔드 서버로 api 요청을 보내려고 하는데 질문 있습니다.

앱에서 백엔드 서버로 api 요청을 보내려고 합니다.백엔드에서 cors 설정해 준 것만 api 요청이 가능하도록 하고 있는데, 앱의 도메인이 등록이 안되어 있어서 api 요청이 안되고 있습니다. 혹시 앱에서 어떻게 설정해 줘야 할지 아시는 분 계신가요??

장고 로컬에서 aws로 값 전송하는 법

안녕하세요 장고 프로젝트 중인 개발자입니다. 변수를 aws에서 받아서 aws에서 그 변수와 서버에 있는 값들을 통해 결과를 생성하려고 하는데요, 로컬에서 AWS로 값 전송하는 방법을 모르겠습니다... 어떤 서비스를 이용해야 하는지, 어떤 준비가 되어야 하는지 혹시 힌트를 주실 수 있으실까요?

금융회사 sm에서 개발자 취업

준비하고 있는 5년차 직장인입니다. 프론트엔드 쪽으로 준비하고 있구요. 자바스크립트랑 리액트 중심으로 가려합니다. 공부하면서 원서를 넣고있는데 번번이 서류탈락이더라구요 .. 아무래도 금융권 sm에서는 개발역량 발전에 부적합하기 때문에 보지도않고 떨어뜨리는거 같은데.. 포폴 준비까지 하면 그래도 서류까진 가능할까요? 저같은 상황 겪어보신 분들 조언이 필요합니다

앵귤러 한글 파일 이름 깨지는 문제

앵귤러 $http로 파일 업로드 하려고 하는데 한글파일은 이름이 깨지네요 ㅠㅠ input type = ""file""로 multipartForm 형식으로 업로드 하고 있습니다. curl 명령어로는 정상적으로 들어가져서 서버 문제는 아닌 것 같고 ㅠㅠ 혹시 아시는 분 있나요?

NestedScrollView 의 자식뷰로 RecyclerView 가 존재할 때 RecyclerView.Holder 의 TextView.text 값이 변경되면 자동으로 스크롤됨

제목 그대롭니다. 스택 오버플로에 나온 온갖 해결법을 다 써봐도 지멋대로 움직이는 스크롤이 막히질 않네요. 해결방법 있을까요?

컴포넌트 전반에서 사용하는 api 함수는 어느 위치에 관리하는게 좋을까요?

컴포넌트 전반에서 쓰는 api fetching 함수가 있다면 보통 어떤 파일/폴더에 넣어 관리하는 게 좋을까요?

대학교 3학년을 재학중인 학생입니다.

백엔드 개발자를 꿈꾸는 대학교 3학년학생입니다. 대학교를 다니고있는 동안 혼자 프로젝트를 해본적 없고, 알고있는것이라곤 얕은 학교에서 배운 지식뿐입니다. 학교에서 배우는것만으로는 취업하기엔 어려울꺼같아서 혼자 웹사이트 프론트부분먼저 강의를 듣고있습니다. 프론트는 간단히 만들고 백엔드에 집중하려고합니다. 프론트부분은 React쪽을 공부해서 만들려고하고있고, 서버를 js가 아닌 JAVA+spring으로 만들려고 합니다. 사실 다음달에 휴학을 하면서, JAVA로 백준문제풀이와 웹사이트 사이드 프로젝트를 천천히 병행해보려고합니다. JAVA를 선정한 이유는 학교에서 배운 언어중 JAVA가 익숙 하고, 파이썬, C는 다룰줄은 알지만 익숙하지않아서입니다. 그리고 프론트와 같은 js를 이용하면 좋겠지만, JAVA를 이용해 공부했던것이 아까워서 JAVA를 이용해보고싶기 때문입니다. 위에서 말한 내용처럼 계속 진행해도 될까요..? 아니면 다른 더 좋은방법 혹은 추가로 더 공부해야하는게 있을까요?

리액트 혹은 next.js 환경에서 모달을 관리하는 방법이 궁금합니다.

안녕하세요. 프론트엔드 개발자가 되기 위해 공부중인 취준생입니다. 사이드 프로젝트를 하면서 많은 모달들을 만들어 왔었는데요. 문득 몇가지의 궁금한 점이 생겨서 현업 분들은 어떤식으로 작업하시는지 궁금해서 여쭙습니다. 1. 여러개의 모달의 오픈 유무를 전역 상태에서 한번에 관리 하는 방법이 좋을까요? 아니면 열고 닫을때 필요한 state와 함수를 custom hooks로 만들어서 컴포넌트 내에서 state와 props로 관리 하는게 좋은가요? 2. 전역 관리를 선택했을시, 모달을 켜둔 채로 뒤로가기 혹은 앞으로가기 후에 다시 본래 페이지에 되돌아오면 모달이 켜진 상태로 유지가 됩니다. 이런 경우는 어떤 식으로 처리를 하시는 편인가요? 뒤로가기 버튼에 모달을 false로 바꾸는 이벤트를 추가하는 방법일까요? 답변 기다리고 있겠습니다~

Next.js 13에서 스타일 컴포넌트 관련 질문이 있습니당

개인 프로젝트 진행 간에, 의문이 생기는 부분이 생겨 질문드립니다. sc로 전역을 감싸는 레이아웃 컴포넌트를 만들어 root layout 쪽에 배치를 시켜 children 을 받도록 배치를 시켰는데요, 클라이언트 컴포넌트가 너무 루트 가까이에서 생성되는 것이 아닌가…… 싶어서요. 공식 문서 상으로는 성능을 위해서는 클라컴포넌트는 최대한 리프쪽으로 배치하랫는데… 그래서 제가 이해하기론 클라 컴포넌트가 선언이 되면 그 하위 컴포넌트들음 모두 클라 컴포넌트가 되는 것으로 이해를 했는데 제대로 이해를 한 것인지 궁금합니다.

Jetpack Compose가 xml 레이아웃 구성보다 확실하게 나은점은 속도인건가요?

Compose 레이아웃 구성으로 작업해보고있는데 swiftUI에 비해서 그다지 친절하거나 편한거같지도 않은데 굳이 xml 레이아웃을 대체해서 쓰는 이유는 속도때문인건가요? 기존 viewBinding이 너무 편하고 좋았어서 오히려 좀 불편한거같아요

Null을 리턴하던 코드를 리팩토링 하려고 하는데 리턴 값을 무엇으로 할지 고민입니다.

코드 리팩토링 중인데요, dto를 리턴값으로 가지고 조회값이 없을 경우 null을 리턴하는 메소드 관련해서, 빈 객체를 생성해서 반환하도록 하면 메모리 낭비일지 고민이네요.. 204 코드 반환하는 것도 방법일 것 같고 응답 코드를 만드는 것도 될 것 같은데.. 어떻게 생각하시나요?

정답을 알려주세요 ㅠㅠ

안녕하세요. 금융권 기업에서 이제 5개월차가 된 개발자(?)입니다. 물음표를 붙힌 이유는 개발자를 뽑는다는 공고를 보고 들어왔지만 개발을 거의 하지 않고 테스트, 업무대응, 행정 쪽 일을 많이 합니다.. 코드는 가끔 몇줄 고치는 일 말고는 많이 보질 않습니다. 물론 지금 하는 일도 나중에 저에게 도움이 되겠지만 기술에 대한 성장이 하나도 없을 것 같은 느낌이 들어 다시 쌩 신입부터 시작하는게 맘에 걸리긴 하지만 이직을 해야할까.. 아니면 조금이라도 더 경력을 채우고 나갈까 판단이 서질 않습니다. 선배님들 도와주십쇼 ㅠㅠ

희망연봉 제시하라 했을때 태도

안녕하세요 늘 커리어리에사 좋은 정보 얻고 있습니다. 저는 백엔드 개발자를 꿈꾸는 사람입니다 좋은 기회가 생겨 한 중소 si회사의 1차 면접을 통과하고 2차 면접을 기다리고 있습니다. 희망연봉을 제시하라고 하는데 저는 개발자로는 첫 직장이니까 채용공고에 적힌 최저 연봉을 제시해야할까요? 다른 업계에 2년 정도 종사한 경력이 있으니 200절도 업 해서 말씀드려야 할까요 더불어 이미 연봉테이블이 있을텐데 희망연봉을 그보다 낮게 말하면 그냥 거기에 맞춰서 낮춰 주나요? 사실 희망연봉 괜히 높게 말해서 탈락할까봐 떨고 있는중인데... 그래도 최저에 맞추기에는(직전 타업종 연봉보다 적어서) 망설여지고... 관련된 혜안 있으신분들 있으면 조언 여쭙겠습니다 건강조심하세요 감사합니다

게임 IT쪽에 관심이 생겼는데...

이븐아이라는 부트캠프 괜찮은 곳인가요??

전역 redux 값 사용 관련 질문 있습니다.

안녕하세요! 리덕스를 쓰는 이유에 대해서 궁금한 점이 생겨서 질문드립니다. 작은 프로젝트에서는 정보를 저장하는 데 hooks과 props를 사용해도 문제가 없는 것 같은데 리덕스 스토어에 모든 값을 전역값으로 저장하면 프로젝트가 무거워지는 것 같습니다. axios통신, 데이터 저장과 상태관리에 리덕스를 사용하면 좋은 점이 뭐가 있을까요? props drilling을 막고, 버튼 같은 하위 컴포넌트에서 바로 사용할 수 있는 장점이 있다고 알고 있습니다.

사용자 정의 타입가드를 사용하지 않으면 undefined가 사라지지 않는 이유가 정확히 뭔가요?

메소드 사용할 때, 사용자 정의 타입가드를 사용하지 않으면 보통… undefined가 사라지지 않던데 정확한 이유가 뭘까요?? 얼핏 봤을 때는 당연히 string만 남거나 빈배열이 나오기 때문에 undefined 같은 경우에는 걸러진다고 생각이 드는데 추론이 명확이 안되는 이유는 뭘지 궁금합니다.. 아시는 지식을 나누어줄 고수 분 계시면 감사드립니다.

코드 리뷰를 받는 입장에서 해야 하는 입장이 되었는데 다른 분들은 리뷰를 어떤 식으로 하는지 궁금합니다.

안녕하세요. 이번에 테크리드로 승진(?)하게 된 5년차 개발자입니다. 작은 스타트업에 있다보니 생각보다 빠르게 테크리드 역할을 맡게 되었습니다. 이제 제가 코드리뷰를 맡아서 해야 하는 상황이 되었습니다. 매번 코드리뷰를 받다가 하게 되는 입장이 되어서 다른 분들 의견을 들어보고 싶습니다. 다들 기대하는 혹은 상상하는 코드리뷰 문화는 어떤건가요? 혹은 좋은 코드 리뷰를 경험한 분이 있다면 어떤 방식이었는지 궁금합니다!

변수선언문, 값으로 표현될 수 없는 문인 이유가 뭔가요?

deep dive 책을 읽고 있는데 이해가 안 가는 부분이 있어서 질문 올려요! 5장(52페이지) 표현식에서는 undefined는 리터럴이며, 리터럴은 값으로 평가되고 표현식이라고 하는데 그럼 undefined=리터럴=값으로 평가될 수 있는 문(표현식)이라는건데 5.6(57페이지) 예제 05-13에서 변수 선언문은 표현식이 아닌 문이라고 하는건 왜 그런 건가요? 변수 선언문은 초기에 undefined가 할당되는 걸로 알고 있어서 이해하기 어렵네요ㅜㅜ

게임 UIUX 디자이너

제 목표가 게임 uiux디자이너인데 유니티랑 언리얼 프로그램을 공부하는게 많은 도움이 될까요???

이 회사에서 첫 커리어를 시작해도 괜찮을까요?

현재 신입 백엔드 개발자로 취업 준비 중입니다. 아직 배움이 부족해서 고민 끝에 이렇게 글을 남기게 되었습니다. 이번에 자사몰 개발 및 운영하는 개발자 포지션으로 면접을 보게 되었고 1차 면접 합격 후 2차 면접을 앞두고 있습니다. 회사는 규모가 있지만, 개발팀은 저 포함 4명으로 소규모 팀입니다. 회사도 안정적이고 위치도 가까운 편이라 좋습니다. 다만, 회사에서 사용하는 기술이 레거시해서 이직할 때 안 좋은 영향을 줄 까봐 걱정이 됩니다. [회사 기술] - Spring 레거시 - JSP - Mybatis - JQuery + JPA나 최신 기술을 적용할 의지가 없어보임 JSP, Mybatis, JQuery는 최신 기술은 아니지만 개발자라면 기본적으로 할 줄 알아야 한다고 생각하기 때문에 긍정적으로 생각하고 있습니다. 하지만 Spring 레거시를 사용한다는 점과 면접 때, 최신 기술에 대해서 이야기 했을 때 부정적인 반응을 보이신 것으로 보아 최신 기술을 도입할 의지가 없어보이는 점이 마음에 걸립니다. 이러한 환경에서 경력을 쌓은 후 이직을 할 때 발목을 잡을지 걱정이 됩니다. (회사에 다니면서도 개인적인 공부와 사이드 프로젝트를 진행할 생각입니다.) 레거시 기술을 사용하는 회사에서 첫 커리어를 시작하더라도 이후 최신 기술을 사용하는 회사에 이직을 할 때 문제가 될지 궁금합니다. 혹시 위 내용 중 불쾌하신 내용이 있었다면 미리 사과의 말씀드립니다. (_ _)

신입 개발자 왜이리 레드오션인가요?

신입 개발자들은 지금 레드오션 상태라는데 왜이리 레드오션일까요.. 너무 취업이 힘드네요 ㅠㅠ 사람인만 봐도 한 기업 당 지원자 수가 100명이 기본으로 넘어가는데 이러다가 평생 취업을 못할거 같아요.. 너무 걱정이 되네요 ㅠㅠ

게임 IT 쪽에 관심이 생겼는데...

이븐아이라는 부트캠프 괜찮은가요??

프론트엔드와 백엔드 갈림길에 오래 서있네요

안녕하세요. 저는 원래 프론트엔드를 준비하던 취준생이였습니다. 근데 요 몇달간 번아웃과 힘든게 찾아도오고 주변분들이 백엔드도 괜찮다 라는 말씀때메 프론트엔드와 백엔드 갈림길에 서 있는데요 ( 현재는 자바 기초 단계를 공부중입니다) 프론트쪽은 html /css /js /react (라우터까지) 공부를 했던 상태였습니다. 그런데 프론트쪽에서 제가 이것저것 못만들고 답답함을 너무 느끼고 제 자신한테 짜증이 나기시작하면서 번아웃이 오더라구요. 그래서 백엔드 쪽을 좀 공부를했는데 처음에는 재밌긴하였으나 프론트쪽 공부한게 좀 아쉽고 .. 제 성격상 눈에 실시간으로 보이는 걸 좋아하기에 프론트쪽이 계속 생각이 납니다.. 백엔드를 공부헀던 이유는 - 자바 > 스프링 순서로 만지면 취업하는 범위가 넓어진다 -꼼꼼히 보시는 성격상 백엔드가 어울린다 등 이런 사유때메 공부를 했었던 것 같아요. 하던 걸 자주 까먹고 어떠한 것을 배워도 활용 할 줄을 모르니.. 자신감이 떨어지더라구요 현재 그리고 사정상 독학으로만 하다보니..한계의 부딪힌 것 같은 느낌이 자꾸만 듭니다.. 현재도 맨날맨날 고민입니다 어떻게 해야할지 계속 고민만하면 시간만 갈텐데 말이죠.. 선배님들의 조언과 경험담이 있으시면 듣고싶네요

선생님들 백엔드 부트캠프, 국비지원 커리큘럼 어느게 괜찮을까요

현재 전역 후 한달정도 독학해서 자바만 진짜 겉핥기식으로 알고 사실상 노베이스입니다 백엔드로 가고싶습니다 1,2번은 그린아이티아카데미라는 국비지원 학원이고 3번째는 플레이데이터라는 부트캠프입니다 3번째는 노베이스 기준으로 너무 힘들거같은데 따라갈 수 있을까요..?