개발자 Q&A

취업에 있어 현재 방향을 잘못잡겠습니다.(프론트엔드)

안녕하세요. 선배 개발자님들. 취업을 준비하고 있는 프론트엔드 개발자입니다. 너무너무 고민을 앓고 있어 이렇게 질문을 남깁니다. 고민은 총 두 가지입니다. 1. 지원을 하면 계속 떨어지는데 어떤 부분이 부족하지 모르겠습니다. 2. 취업을 가장 우선순위로 두고 있는데 경험이 부족하다면 부트캠프를 하나 더 수강하는게 나을까요? (부트캠프는 포스코, 네이버클라우드 면접을 앞두고 있습니다) 저의 이력을 간단하게 정리하면, 1. 비전공자(정보처리기사, SQLD) 2. java 개발과정 수료(국비) 3. React 부트캠프 수료 개인적으로는 1. 기술 블로그 작성 이렇게 했습니다. 커리큘럼 열심히 수강하고, 각 과정의 프로젝트 또한 착실히 하여 정리를 잘 해두었습니다. 그런데 빈번히 떨어져서 심적으로 어려운 시기를 겪고 있습니다. 선배님들의 조언을 듣고 싶습니다. 감사합니다.

프론트/백엔드가 개발자의 주류인가요?

컴공과 학생입니다. 주제 넘게 어떤 분야가 좋다 나쁘다를 감히 판단하려는 것은 아닙니다. 단지, 학교 커리큘럼이나 유튜브나, 개발자 커뮤니티나 부트캠프를 보면 웹 앱 프론트엔드, 백엔드 관련 정보는 넘치는데 보안에 집중하시는 분들이나 게임 개발자분들은 잘 안보이셔서 그렇습니다. 아무래도, 서비스에서 필요로 하는 개발자 TO가 제가 말한 분야들보다 많아서 그런걸까요?

안드로이드, ios 어플

코틀린으로 안드로이드 어플을 만들고 ios 어플로 변환이 쉬운가요? (코틀린에서 스위프트로 변환이 쉬운지)

백엔드 취준 중인데 이게 맞나 싶습니다

작년 상반기부터 취준을 시작해서 벌써 올해 하반기 까지 하고 있습니다.. 만 2년째 취준 중인건데 자소서에 쓸만한 내용은 2년 전에 멈춰있는 것 같습니다. 취준을 하면서 프런트 취업을 희망하는 친구와 둘이 프로젝트를 하고는 있지만 계속되는 서합과 코테 탈락 혹은 서류 탈락으로 인한 좌절감과 막막함에 프로젝트에 대한 우선순위가 많이 뒤쳐졌습니다. 물론 이것도 다 변명이라고 생각합니다. 올해 상반기에는 정말 개발자로의 취업을 때려칠 생각으로 아무곳도 지원을 안하기도 했었지만 부모님의 반대로 하반기에는 다시 서류를 쓰고 있습니다. 벌써 27도 거의 끝나가고 있어서 막막함과 두려움을 매일 느끼고 있습니다.. 저는 롯데정보통신, 올리브네트웍스 같은 대기업 si쪽 취업을 생각하고 있습니다. 1) 현재 하루를 오전, 오후, 밤으로 나눠서 1-1) 오전에는 코테 준비로 알고리즘 문제 풀기 / 오후에는 프로젝트 진행 / 밤에는 자소서 작성을 하고 있는데 이렇게 계속 해도 괜찮을까요? 1-2) 제가 뭔가 더 해야할 게 있을까요? 2) 프로젝트를 하고는 있는데 아직 게시판 crud 수준입니다. node.js(express), mysql을 사용하고 있습니다. 제가 무언가를 이해하고 익히는데 시간이 오래 걸리는 편이라 하나에서 막히면 해결하는데 좀 오래 걸립니다. 이 프로젝트를 하면서 aws, docker, ngnix 정도 활용을 해보면 자소서에 쓸 정도의 강점이 될까요? 3) 위에서 말한 것 처럼 2년 동안은 취준만 하다보니 자소서에 쓸 내용이 2년 전에 멈춰있는데 국비 교육이나 동아리를 알아봐서 어디라도 들어가는게 좋을까요? 3-1) 이대로 어찌저찌 면접까지 간다고 해도 2년 동안 무엇을 했는지 질문을 받는다면 어떻게 대답을 해야하나 걱정입니다. 제 스스로도 답답하고 한심한데 주변에 물어볼 사람도 없어 질문 올립니다.

Next dev server가 자꾸 터집니다 ㅠㅠ

안녕하세요. 이번엔 Next에서 dev server가 자꾸 말썽입니다. npm run dev를 통해서 dev server를 열어 두고, 실시간으로 작업물을 저장하면 변경점을 빠르게 컴파일을 통해 확인하면서 작업하던 가운데 어느 순간부터 컴파일이 계속 더져지게 됩니다. 터미널에서는 계속 waiting이 뜨게 되고, 브라우저를 새로고침하면 Internal server error가 검은색 화면에 흰색 글씨로 보이며, 터미널에는 다음과 같은 에러들이 나열됩니다. 아마 .next 에서 생기는 것을 보니 빌드 폴더를 생성할 때 마다 이러는 것 같은데, next에서는 build 폴더를 따로 같이 가지고 가면서 개발 서버로 작업을 하면 안되는지 모르겠습니다. 비슷한 경험을 하신 분의 블로그에서는 운영체제가 무슨 문제가 생겨서 한번 밀어야지 해결됐다고 하시는데, 그렇게 까지 리소스를 낭비하기가 싫네요 ㅠㅠ. 비슷한 경험을 겪으셨다면 해결 방법을 요청드리고 싶습니다!

Nodejs API 동시요청은 어떻게 처리하나요?

이제 막 nodejs 백엔드를 입문한 주니어입니다 Sequelize와 Mysql을 이용해서 웹서버를 개발중인데 이용자의 API동시 요청 때문에 애를 먹고 있습니다 예를 들어 회원의 쿠폰사용 승인 API를 두개의 컴퓨터에서 동시에 호출을 할 경우 회원의 쿠폰사용이 중복으로 처리가 됩니다 이를 방지하기 위해서 express-rate-limit모듈도 적용을 시켰는데 가끔씩 중복으로 처리가 됩니다 다른 분들은 어떻게 처리를 하고 계신지 궁금합니다

리액트 네이티브 개발자 물경력 될까요?

안녕하세요, 곧 1년차 되는 개발자 입니다 회사에서 주로 하는게 리액트 네이티브고 에이전시 회사라 웹프론트도 맡아서 하고 있는데 PHP(라라벨), 제이쿼리를 이용하고 있습니다 사용하는 기술이 트렌드도 아니고 꽤 오래된것들 이라 나중에 이직하고 싶어도 자리가 없을까 걱정이 큽니다 이직을 하고 싶은 가장 큰 이유는 출퇴근 거리 때문입니다... 보통 출근에 1시간 10분 퇴근에 1시간 30분 걸립니다 몸이 힘들기도 하지만 시간 죽이는것도 아깝습니다 지하철에만 있다보니 좀 우울해지는것도 있구요 평생 지하철, 회사, 집 이렇게 다니기 싫네요.. 그래서 요즘 잡코리아나, 사람인 들락거리며 채용공고 보고 있는데 리액트 네이티브 개발자를 찾는 곳은 정말 없더라구요.. 졸업 이후 처음 보는거니 조금 더 기다려보면 많이 나오려나? 싶은 희망이 들기도 하지만 대부분 리액트 네이티브는 곁들여지는거고 핵심 자격은 플러터나 코틀린/자바 이런게 쓰여있어서 좌절하고.. 지금 화사가 리액트 네이티브에 전문성 있는 회사도 아니라서 체계가 잡혀 있지도 않아요 그나마 장점은 사수가 두 분이나 있는거..? 근데 두 분다 리액트네이티브랑 프론트 엔드는 잘 모르셔요ㅋㅋ 요즘 미래가 걱정되니 마음이 이리갔다 저리갔다 조급해지고 슬퍼요 그래도 첫 회사니 3년 또는 5년 정도는 다녀봐야 할까요? 아니면 적당히 다니다 나와서 다시 공부한뒤 취직해야할까요..?🤔

queryString에 관하여

http://test.com?auth=true&data={"endPoint":"/auth","data":"{"email":"test@test.com","name":"홍길동"}"} const query = queryString.parse(window.location.search); query 사용해서 data안에 객체로 되어있는 정보들 중 data안에 email 정보(test@test.com)을 뽑아오려면 어떻게해야하나요? const query = queryString.parse(window.location.search); console.log('query.data',query.data) //query.data까지는 뽑히는데 console.log('query.data.data', query.data.data) //undefined 그래서 const parsedData = JSON.parse(query?.data); //JSON형식 const email = parsedData.data.email; //test@test.com 정보가 뽑혔어요! 하지만 query?.data에서 에러가 납니다. **error 메세지 No overload matches this call. Overload 1 of 2, '(text: string, reviver?: ((this: any, key: string, value: any) => any) | undefined): unknown', gave the following error. Argument of type 'string | (string | null)[] | null' is not assignable to parameter of type 'string'. Type 'null' is not assignable to type 'string'. Overload 2 of 2, '(text: string, reviver?: ((this: any, key: string, value: any) => any) | undefined): any', gave the following error. Argument of type 'string | (string | null)[] | null' is not assignable to parameter of type 'string'. Type 'null' is not assignable to type 'string'. query?.data에서 위와 같은 에러가 납니다.. query?.data의 type은 JSON형식 아니고 string입니다. console.log(query?.data) // {"endpoint":"/auth","data":{"email":"test@test.com","name":"홍길동"}} string에서 email을 뽑아야할까요?.. JSON형식으로 가져올순 없을까요? 에러 원인 및 피드백 부탁드립니다.

비전공자 입니다! 공부방법을 어떻게 해야 할까요?

안녕하세요! 저는 백엔드 개발자를 희망하는 비전공자이고 대학생입니다! 현재 자바를 공부 하고 있고 그 다음에는 스프링을 공부를 할 예정으로 계획을 잡고 있습니다! 졸업 후에는 부트캠프나 국비지원을 다니고 취업을 하고 싶은 생각인데 부트캠프나 국비지원을 가기 전 구체적으로 어떤 것을 하면 좋을지 잘 계획이 인잡혀 질문을 올립니다! 선배님분들 부트캠나 국비지원을 가기전에는 어떻게 공부를 하면 좋을까요?? 자바는 현재 무료 강의를 보면서 기본 문법 (반복문, 배열 등등)을 익히는 중인데 자바와 스프링도 구체적으로 어떻게 공부를 하면 좋을까요?? 스프링을 공부 한 이후에는 어떤 것을 공부를 해야 하는지도 알려주시면 감사하겠습니다!

프론트엔드 이직 질문

안녕하세요! 3년차되는 프론트 개발자입니다. 지금까지 같은 회사에 있다가 다음달에 퇴사를 하게 됐는데 이직 준비를 어떻게 해야하는지 감이 안잡혀서 질문 드립니당 그리고 회사를 알아볼때 기술스택 외에 또 어떤 부분을 보면 좋은지도 알려주시면 감사하겠습니다!

next.js에서 페이지 이동할 때 Link 컴포넌트 vs useRouter의 push 메서드 중 어떤 걸 사용해야 할까요?

외부 링크로 이동해야 한다면 Link 태그가 적합한 거 같은데 제품 내 다른 페이지로 이동해야 한다면 push 메서드를 사용하는 게 적합할까요? 감사합니다.

코딩공부 3개월차 앞으로의 방향성

안녕하세요 24살 고졸이고 국비 과정으로 코딩을 처음 접하여 6개월 과정중 3개월째 수업을 듣고 있습니다 짧은 기간에 많은 내용을 알려주는 과정이라 깊은 내용을 배우진 못하지만 (현재 java기초개념, github를 통한 소스 공유, 간단한 SQL문법, Spring으로 오라클 데이터를 연동하여 간단한 웹 만들기 정도 배웠습니다) 어느정도 수업을 잘 따라가고 있고 많은 재미를 느끼고 있습니다 수료 후 앞으로의 방향성에 대해서 고민이 되는데 주변에 조언을 구할 사람이 없어 혼자 갈등중인 상황입니다 제 목표는 회사에서 경험과 경력을 쌓고 추후에 프리랜서로 전환, 최종적으로 사업을 꾸리는 것입니다. 현재 듣고있는 과정이 끝나면 학원에서는 최대한 취업연계를 해주려고 합니다 저는 크게는 공부를 더 해야할 지 취업을 해서 경력을 쌓아야 할 지 병행을 해야할 지 고민중입니다. 공부를 하게 된다면 현재 듣고 있는 국비 과정 전에 알아봤던 42서울이라는 프로그램(테스트 후 기초부터 깊은 내용까지 동료들과 스스로 공부할 수 있는 과정. 교수와 교재가 없고 커리는 보통 1.5~2년 걸림) 혹은 대학진학 (2~4년제 or 사이버대학-일과 병행)을 생각중입니다. 1. 취업 후에 경력을 쌓는다. ㄴ 당장 경제적으로 도움이된다. ㄴ 현업에서 경험과 경력을 쌓을 수 있다. ㄴ 공부에 올인 불가능 ㄴ 회사 경험이 필수라고 생각하지만 오랜 시간을 투자할 생각은 없음 2. 42서울 참여 ㄴ 개인적으로 매력을 느끼는 과정 ㄴ 월 100만원씩 지원을 받을 수 있음 ㄴ 스스로 기초부터 원하는 방향을 갖고 동료들과 공부가능 ㄴ 마음 맞는 사람들끼리 사업을 시작하기도 함(인맥) 3. 일과 42서울 병행 ㄴ 지원금을 받지 못하고 체력적으로 힘듦 ㄴ 두가지 다 놓칠 가능성도 있음 4. 관련학과 대학진학 ㄴ 2~4년이라는 시간을 투자 해야함 (하지만 그 시간을 모두 관련 공부에 올인하지 못함) ㄴ 아직 대졸 고졸에 차이가 있음 ㄴ 기초부터 배울 수 있음 ㄴ 프리랜서와 사업이 목표여도 대학 진학이 도움이 될까 의문 5. 일+사이버대학 ㄴ 졸업장이 꼭 필요하다면 사이버대학까지도 생각중 ㄴ 일반대학 졸업장과 사이버대학 졸업장이 비슷한 효력을 낼 수 있는지 의문 다섯가지 중 생각중입니다. 글에 두서가 없고 이쪽 분야에 대해 정말 무지하여 제가 이상한 방법들과 목표들을 나열해 놓았을 수도 있습니다 제가 적어놓은 방법 이외에 다른 방법을 제시해주셔도 됩니다. 어떤 조언이든 감사하게 듣겠습니다.

react 중첩 라우팅 관련

현재 회원가입 페이지를 만들고 있습니다. 간단하게 설명드리자면 회원가입 페이지는 약관동의 -> 정보 입력 -> 완료 페이지 세 페이지로 이루어 지는데요, 이를 라우팅 할 때 고려할 수 있는 방법이 1. 현재 페이지를 state로 관리하며 컴포넌트만 바꿔준다. 2. 중첩 라우팅을 사용해 /register/terms ... 등으로 구현한다. 3. url hash를 사용해 다른 페이지를 구현한다. 정도가 있는것 같습니다. 이런 경우, 개발자님들은 어떤 구현 방식을 선호하시나요?

MUI로 웹애플리케이션 개발 장단점

MUI를 활용하여 웹애플리케리션 만들때 장단점을 알려주세요 그리고 디자인의 한계가 있는지 또한 유지보수의 힘듦은 없는지 등등 자세하게 알려주시면 좋겠습니다!

Next.js middleware 질문입니다

getServerSideProps에서 통신하는 axios의 헤더에 쿠키에 들어있는 엑세스 토큰을 삽입하려고 합니다. 다음과 같이 요청시 헤더에 엑세스 토큰을 넣는 middleware를 작성하고 실행을 시켰는데 동작하지 않습니다. 정확히 말하면 middleware에서 request.url.includes('api') 값을 찍어보면 false밖에 출력되지 않고, 엑세스 토큰이 요청 헤더에 전달되지 않는거 같습니다. next.config에서 프록시 설정도 해주었는데 뭐가 문제일까요? page router 방식이고 로컬 환경에서 실행중입니다.

테스트 코드를 어떻게 작성하시나요?

구현한 기능에 대한 테스트 코드를 작성할 때 제가 만든 것에 대해서 테스트 코드를 작성한다는 게 약간 어색한 것 같습니다 ㅠㅠ 제가 작성하는 테스트 코드에는 이미 제가 고려했던 엣지케이스가 포함되어 있을 거라 제가 놓친 부분을 테스트 코드를 작성해서 발견할 수 있는지 약간 의문이 듭니다. 테스트 코드의 목적이 기능의 결점을 발견하는 것인데, 어떻게 해야 더 좋은 테스트 코드를 작성할 수 있을까요? 다른 분들은 테스트 어떻게 하고 계신지도 궁금합니다 ㅠㅠ !!

node js 관련 질문입니다!!

홈페이지에 예약 시스템을 구현하려고 하는데 현업에서는 어떤 프레임워크를 사용하는지 node.js 기준으로 혹시 알 수 있을까요??

개발 문서 관련해서 고민이 있습니다..

프론트엔드 개발자입니다. 개발할 때 어느 수준까지 문서화를 해야 하는지 궁금해요! 브라우저 동작 시 이 페이지에서 api 뭐 쓰고 어떤 동작을 한다 이런 플로우까지 다 정리해야 하는 건가요? 이렇게 적다 보면 그냥 기획서랑 뭐가 달라지는지 모르겠는데 보통 개발 문서 어디까지 작성하시나요?? 저희 회사에 딱히 개발 문서가 없는데 저라도 좀 만들어 두고 다른 사람 보기 쉬우라고 좀 하고 싶어서요 ㅠㅠ

프로시저를 사용한 월간 테이블 생성

프로젝트 진행 중 월간 테이블을 생성하여 사용해야 하는 기능이 생겨 월간 테이블을 생성하려고 합니다. 프로시저를 사용하여 월간 테이블을 매월 1일에 생성하도록 하려고 하는데 이것이 맞는 방법인지 아니면 다른식으로 해야하는지 궁금하여 문의드립니다. 의견 부탁드립니다.

테이블 파티셔닝을 해야 하는 시점은 언제 일까요?

안녕하세요, 테이블의 데이터가 많아질 때를 대비하여 파티셔닝을 하는게 좋을지 고민입니다. 파티션을 나누는 시점에는 데이터가 어느정도 있어야 적합하다고 생각하시나요? 현재 데이터는 5백만개를 넘은 상황이나, 사용하는 쿼리문의 속도는 운영에 지장 없는 정도입니다. 다만 지속적으로 데이터는 증가될 가능성이 있어 미리 테이블 생성에 있어 대비를 하는게 맞을지요. 이정도의 데이터를 다룬 적이 많이 없어 대용량 데이터를 지닌 테이블을 운영하는데 고민이 많네요 ㅠ ㅠ 조언 주시면 감사합니다!

MSA 백오피스 백엔드 API? 데이터 베이스?

MSA 아키텍처에서 백오피스의 백엔드는 데이터베이스에 직접 쿼리를 날리는게 좋을지 아니면 각각의 서비스의 API를 콜하는 방식이 좋을지 고민중입니다. 제가 고민 중인 것은 " 데이터베이스에 직접 쿼리를 날리면 개발 기간동안 테이블의 변화가 있을 때 마다 엔티티를 직접 고쳐야한다" "API 를 콜하면 DTO 를 변경해야 할 것 같다" 인데, 경험있는 분들이 생각 하셨을 때 어떤 방식을 선택하실지, 혹은 각각의 방법에서 보이는 장단점은 무엇이 있을지 궁금합니다!

비전공자 이제 교육 입문하려는 사람입니다!

안녕하세요! 저는 고졸이고 회계 자격증 취득 후 공기관 운영지원팀으로 일하고 있습니다! 계속 이 분야에서 일을하면 제 전문성도 없고 발전도 없을거같아서 여러 방면으로 진로를 고민중에 백앤드 개발자쪽을 도전할까 생각중에 있습니다! 그래서 내년에 퇴직하고 국비지원부트캠프에서 6개월 과정 교육을 들을 예정에 있습니다! 개발자쪽은 ai로 대체돼서 전망이 안좋다는 등 이런얘기있던데 실제로는 어떤지 궁금하구요! 이렇게 완전 무경력 비전공자가 시작하는데 할수 있을지 흑 저만의 기술과 실력을 쌓고 계속 일을 할수있는걸 찾던 중 쉬운길은 아니지만 개발자쪽을 하고싶다고 생각이 들어서 도전하고싶습니다! 다양한 의견들어보고 싶어서 끄적여봅니다 ㅎ

mysql에서 값을 제한할 수 있나요

CREATE TABLE uesr_into( id SMALLINT AUTO_INCREMENT PRIMARY KEY, name MEDIUMTEXT NOT NULL, sex ENUM('M' ,'F') NOT NULL, job MEDIUMTEXT age MEDIUMINT NOT NULL if(age>20 AND age<100, NOT NULL, '입소가 불가능 합니다.') ); if문에서 값을 못게 할 수 없나요?

이력서 첨삭을 받을 수 있을까요?

감사합니다

nysql에서 외래키 참조

syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '[CONSTRAINT fk_name] FOREIGN KEY(name) REFERENCES uesr_into(name) ON UPD' at line 5 CREATE TABLE a_check( id MEDIUMINT AUTO_INCREMENT PRIMARY KEY, name MEDIUMTEXT not null, age MEDIUMINT not null, [CONSTRAINT fk_name] FOREIGN KEY(name) REFERENCES uesr_into(name) ON UPDATA CASCADE ); 무슨 에러에요? 데이터가 있어야 한다는 걸까요?

고3 학생 클라우드 서비스 관련 질문입니다

클라우드 서비스 관리자 계정이 해킹당하면 서비스를 제공 받고 있는 계정들도 해킹당한다고 볼 수 있나요?

피자 모양 만들기 css로

이렇게 동그란 원 안에 조각조각으로 나눠서 그안에 토핑처럼 올린 모양새의 느낌을 만들고 싶은데 이런 경우에 어떻게 만들어야할지 감이 안옵니다. 혹시 도움주실 분 알려주시면 감사하겠습니다

사내 스터디 진행 관련 경험을 이야기해주세요!

회사에서 사원급을 대상으로 spring 스터디를 진행하게 되었습니다. 사내 스터디에 좋은 경험이 있으신 분들은 ‘어떤 방식으로 진행되었을때 좋았다’ 라는 경험들을 공유해주실 수 있을까요

안녕하세요 Emotion 컴포넌트 관련해서 질문있습니다 ! (어느방식이 괜찮은 방식일까요?)

안녕하세요 ! 팀원과 Emotion으로 컴포넌트 작업을 하는데 스타일이 서로 달라서 갑자기 궁금해졌는데.... 아래의 두가지 방식중 어느 방식이 더 괜찮은 방식인지 궁금해서 질문 남깁니다 ! 1. @emotion/styled 활용 const Component = styled.div` background-color: blue; color: white; ` export default function Badge({ text }: any) { return <Badge>{text}</Badge> } 2. @emotion/react 활용 const badgeStyles = css` background-color: blue; color: white; ` export default function Badge({ text }:any) { return <div css={css([badgeStyles])} >{text}</div> } 이렇게 간단하게 두가지 예시를 적어봤습니다 ! 읽어주셔서 감사합니다 :)

소프트웨어 불법 복제 방지 방법에 대해 궁금합니다

제목 그대로 소프트웨어를 배포하는데 오피스365나 한글과 컴퓨터, 윈도우와 같이 시디키나 회원 아이디로 복제를 방지하는 방법도 있겠지만 이런 방법 말고 불법 복제를 방지할 다른 방법이 있을까요?