#넥스트

금융권 개발자에서 서비스 기업 개발자로 이직

금융권 회사에 입사 예정입니다 거의 전산 시스템 유지보수 수준의 업무라 회사에서 쌓을만한 실적이 전혀 없는 상황인데요 1년 동안 알고리즘+cs+프로젝트 보충하면서 내년에 신입공채를 지원할 생각입니다 (1년 미만만 받는 회사 제외하고) 다만 1년 물경력이라는 부분이 걱정입니다.. 채용담당자 입장에서 둘 다 동일한 스펙일 때 1년동안 회사에서 크게 실적을 쌓지 않은 지원자 vs 쌩신입 지원자 중 후자를 더 선호할 것 같아서요 비슷한 경험을 가진 현직자 분들의 의견 구합니다 또한 회사 내에서 실적을 쌓을 만한 환경이 없는 상태에서, 이걸 상쇄할 수 있는 회사 밖의 개발 활동이 뭐가있을지 알려주시면 감사하겠습니다 일단 다른 개발자 직장인 지인들과 사이드 프로젝트, 넥스트같은 직장인 개발자 동아리에서 프로젝트, 직장인 대상 부트캠프 정도로 생각 중입니다

부트캠프 추천, 앞으로의 방향성

제가 1년정도 프론트엔드 공부를 하다가 si회사를 다니고 다시 프론트쪽으로 하려고 나왔는데 2년정도 프론트를 안하다보니 기억이 잘 안나서 다시 공부하려고 하는데 1. 짧게 잡고 혼자 공부&복습을 하고 플젝을 할지 길게 잡고 다시 부트캠프에 가서 기초부터 탄탄히 다질지 고민입니다 2. 후자를 선택해서 부트캠프를 간다면 코드잇 스프린트 vs 멋쟁이 사자처럼 중에 고민입니다. 코드잇은 기초 2개월하고 그 다음에 리액트, 넥스트, 타입스크립트 위주로 하는것같고 멋쟁이 사자처럼은 기초를 짧게 가지고 바닐라 자바스크립트를 중요하게 생각하고 그 다음에 리액트,넥스트, 타입스크립트 플젝을 하는것같은데 어떤게 좋을까요?

프론트엔드 이직용포폴에 대해 고민이 있습니다.

현재 저는 si회사에서 일한지 1년이 되었고 리액트 ,리액트네이티브로 화면개발 및 어플리케이션 개발을 담당하고 있습니다. 도메인은 주로 Saas이고 헬스케어,학생관리,b2c어플 ,관리자 및 웹대시보드 , 어플 등등 회사의 요구사항에 맞게 프로젝트를 만들어주고 있습니다. ( 주로 한 프로젝트당 프론트1 백1 이렇게 2인1조로 개발을 합니다 ) 지금 당장은 아니지만 1년 후에는 이직 할 계획이라서 미리 공부계획을 세운 후 기술숙달이 되면 이직용 포폴을 만들 생각입니다. 그래서 현재 저는 (docker aws nodejs mysql) 조합으로 백단 공부를 할 예정이고 nodejs부터 차근차근 공부를 해서 프론트 ,백 혼자 해서 이직용 포폴을 만들계획입니다. 일단 제가 가고 싶은 회사가 규모있는 si회사 프론트직군 또는 saas쪽으로 가고싶고, 현재는 모바일과 웹 앞단을 다하고있지만 다음회사부터는 웹 프론트로 전향하고 싶은데 이로 비추어봤을때 이직용 포폴을 만들때 기술을 뭘써야 할지에 대해 두가지의 갈림길에 놓이게 되네요.. 첫번째는 현재 제가 잘 하는 리액트 알엔 조합으로 웹뷰앱 + 백엔드로 한다 이고, 두번째는 넥스트 + 백엔드 조합으로 웹 포폴을 만들 계획입니다. 두개 다 관리자페이지도 만들어서 퀄리티있는 프로젝트를 만들 계획입니다. 이 두개중 이직시 포폴로는 어떤게 더 적합할것 같나요?? 다른 의견 남겨주셔도 감사하고 쓴소리 모두 환영합니다..! 긴 글 읽어주셔서 감사합니다..!

웹 개발자 RN , 플러터 질문드립니다

서버 개발자입니다. 취미 삼아 사이드프로젝트를 진행하면 항상 앱 프론트 쪽에서 문제가 발생해서( 기간, 퀄리티, 배포, 도망, 유기 등등) 앱 개발자들 다 내보내고 2명에서 플러터나 RN 고민 중에 있습니다. 저는 리액트 넥스트를 어느 정도 다룰 줄 알기 때문에 RN EXPO 생각 중입니다. 네이티브 앱 개발하시는 분들 중에 최근 RN EXPO를 사용하신분들 의견을 들어보면 react native cli 만큼 요즘 기능도 좋다. DX가 플러터 수준이다 배포가 너무 좋다라는 의견이라 저는 무조건 RN 생각 중이지만,, 다른 한명의 리액트 학습곡선 + 초보자가 개발하기 편한 여론이 flutter가 많아서 고민 중입니다. 취업 , 커리어 이런 고민은 하지 않고 그냥 개발, 관리 유지보수 적인 측면에서 어떤 것이 더 괜찮은 선택인지 하다보면 분명이 고도화, 서드파티, 디자인 등등에서 막힐텐데 주변에 이렇게 상세하게 상황 설명을 할 수도 없고 너무 단편적이고 편향적인 의견이 많고 어떤 플랫폼이 더 괜찮은지 아직 제대로 해보지 않아서 경험있는 분들에게 질문드립니다.

웹 프론트엔드 디렉토리 구조 어떻게 가져가나요?

3년차 서버 개발자입니다 반 년 전 부터 리액트 넥스트 시작 해서 공부 중 입니다 몇 개의 프로젝트를 해도 이거 컴포넌트 분할이 되게 힘들고 정리가 안되네요 서버는 뭐 DDD 헥사고날 MSA 등등 있지만 저는 경험에서 모든 것을 의존성 기준으로 도메인을 분리하고 이에 대한 트레이드 오프나 규칙같은 것도 리드할 수 있을 정도인데,,,, 프론트는 재사용성을 강조하는데 뭘 재사용하는 지도 모르겠고 UI랑 기능이랑 분리하기 힘든 것도 있고 많은 설계방식도 있는데 저한테는 과도하다 생각하고 프론트도 도메인 기준으로 나누는 FSD도 있지만 프론트 특성상 UI랑 기능이랑 분할이 되게 힘들어보이고 아무리봐도 프론트는 사용자 중심으로 가야할 거 같은데 어떻게 해야될지 모르겠네요..

학부과정이 중요한가요?

안녕하세요 현재 대학교 3학년인 프론트엔드 개발자입다. 저는 현재2년동안 프론트강의를 들으면서 혼자 개발공부를 하면서 리액트까지 과정을 마쳤고 지금은 넥스트도 배울 예정입니다. 외부 사람들과 사이드 프로젝트도 진행중이고 이번에 공모전 예선에 합격되서 사이드 프로젝트 끝나면 바로 공모전 프로젝트 준비를 할려고 합니다. 이렇게 프론트엔드 개발자로써 준비하고 있는 상태인데요.. 요즘은 백도 할줄 알아야하다보니 앞으로 계획은 백도 배울예정이기도 합니다. 근데 제가 컴공을 복전을 한 상태라서 아예 주전공이 컴공 친구가 그러길 “넌 지금 이거 할때가 아니라 c언어,자바 같은 기초 수업을 들어야한다”라고 하더라구요.. 백을 할려면 자바를 해야한다고는 하지만 c는?..왜 써야하는지 의문이더라구요. 솔직히 저는 프로젝트 하면서 느낀게 학교 수업은 그렇게까지 도움이 되지 않는다고 느껴지네요. 친구말이 옳은 걸까요? 제가 기초가 부족한 상태로 지금 개발 공부를 하고 있는걸까요?

넥스트js에서 사용자 인증 페이지 구분

사용자 인증은 jwt토큰으로 하고 있습니다 현재는 serversideprops 또는 클라이언트 사이드에서 토큰을 가져와서 로그인 페이지로 보내고 있는데요 어느정도 모듈화가 필요한 것 같은데 마땅한 방법이 떠오르지 않아 질문 드립니다 제가 생각한 방법은 사용자 인증이 필요한 pathname을 array로 정리해 app.js에서 구분하려 하는데 더 좋은 방법이나 현재 사용하고 계신 방법이 있다면 공유 부탁드립니다

개발자가 되고 싶지만 알고리즘이 문제입니다...

안녕하세요 저는 개발자가 되고 싶은 대학생입니다. 저는 프론트 개발자가 되고싶어서 리액트, 넥스트 등 여러 라이브러리나 프레임워크를 배우고 있는데 제가 프론트 개발을 할 때는 정말 이해도 잘되고 구현도 상상하는대로 잘 되는거 같은데 막상 지금 학교에서 자바프로그래밍, C프로그래밍 들을 때는 주로 수업에서 알고리즘 푸는 문제가 많이 나오는데 그런 알고리즘 문제들 때문에 너무 쩔쩔맵니다.. 알고리즘은 구현도 잘 못하고 이해도 잘 안되고.. 매주 이 수업들때문에 머리가 아픕니다.. 그치만 개발할 때는 진짜 180도 달라지는거 같네요.. 오히려 개발 할때가 진짜 힐링 되는거 같습니다.. 저는 프론트 말고도 백도 배워서 전체적으로는 풀스택인데 주로 프론트를 다루는 개발자가 꿈입니다.. 하지만 제가 이러한 알고리즘이 너무너무 약해서 문제입니다.. 개발자가 되고 싶지만 이런 문제가 있습니다.. 이렇게 알고리즘이 너무 약하면 개발자가 되기엔 많은 문제가 생길까요?..여러분들의 조언이 필요하네요.. 어떡하면 좋을까요..

Next.js로 프로젝트 중인데, 팀원과 의견조율이 잘 안돼서 도움 부탁드립니다.

안녕하세요, 저는 백엔드 개발자로 일한지 이제 2년차가 된 개발자입니다. 사이드프로젝트에서는 프론트 개발을 하고 있고 현재 Next.js를 사용하고 있습니다. 백엔드팀도 따로 있어서 Next.js의 API routes는 BFF같은 느낌으로 사용하고 있습니다. [Next pages] <-> [Next API] <-> [백엔드 서버] 현재 상황은 유저의 로그인정보를 어떻게 관리하냐로 이야기를 하고 있습니다. 1. 마이페이지 -> 프로필 수정 페이지 2. 로그인 -> 메인페이지 이렇게 유저의 프로필 정보가 많이 쓰이다보니까 이걸 매번 GET해서 가져올까, 전역상태로 관리할까 이야기를 하는데 좀처럼 의견이 좁혀지지가 않는 상황이라 다른 분들의 의견을 여쭙고 싶습니다. (참고로 저희 둘 다 프론트 개발경험이 그리 많지 않습니다) A: 그냥 매번 GET하자.(넥스트 API 캐싱을 사용하자) - 전역상태관리보다 코드 복잡도가 줄어들 것 같다. - 넥스트의 API 최적화를 사용하는 게 더 Next스러운 방식같다. B: 전역 상태로 관리하자. - useEffect로 현재 모든 GET 요청을 하고 있기 때문에 윌업데이트에 변경이 일어나면 재렌더링이 일어남 - (하지만 컨텍스트 정보가 바뀌지 않으면 최초 렌더 이후 리렌더 되지 않음) - 캐싱한 데이터를 받아오더라도 결국 불필요한 api요청을 보내는 것이며 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/

네이버 지도 api 라우팅이 궁금합니다 ㅠㅠ

마커를 생성하고 마커를 클릭시 페이지 이동을 하고 싶은데 아무런 미동조차 없어서 해결하고자 올려봅니다 ㅠㅠ 페이지 구조는 넥스트 앱라우터 /dashboard/[shipId]/page.tsx 로 되어있습니다. 클릭시 아무런 반응도 없고 지피티나 구글을 찾아봐도 저렇게 이벤트를 주는 방법 말고는 보이지가 않아서 질문드립니다 ㅠㅠ

프론트엔드 취업에 인턴이 결정적인 역할을 하나요?

프론트엔드 취업에 있어서 인턴을 하는게 크게 당락을 좌우 할지 궁금합니다. 저는 프론트로 전향한지 얼마 안된 컴공 학부생 4학년입니다. 현재 리액트는 조금 아는 상태이며 타입스크립크 자바스크립트 넥스트를 더 공부 해보고 싶습니다. 그래서 인턴 기회와, 공부&프로젝트를 하는것 중에서 어떤것이 좋을지 심각한 고민에 빠져있습니다. 선배님들은 저와 같은 상황에서 어떻게 하실지 궁금합니다.

리액트 공식문서에서의 넥스트(프레임워크) 권장

3개월차 프론트엔드 주니어입니다!! 넥스트를 공부하다가 문득 리액트 공식문서가 궁금하여 찾아보니 이제는 프레임워크를 쓰는 것을 권장한다고 글을 보았습니다. 혹시나 그렇다면 이제는 정말 넥스트로 만들고 쭈욱 유지보수 하게 되는 것이 권장되는지 갑자기 궁금하여 글을 남기게 되었습니다.!! 그렇다면 애초에 CRA로 할 필요도 없어지게 되는 것인지 의문입니다!!

서버사이드렌더링 페이지에서 참조하는 DB가 변한것을 어떻게 알게 할 수 있을까요

넥스트js 13 app라우터를 사용중입니다 A라는 SeverSideRendering페이지에서 fetch를 이용해서 get을 서버에 요청해서 Db를 받아오고 있습니다 B라는 페이지에서는 버튼을 누르면 DB를 변경시켜줍니다 B페이지에서 버튼을 눌렀을때 A페이지의 데이터가 바로바로 변경이 안되는데 무슨이유인지 궁금하고 이것을 해결하는 방법이 궁금합니다

[Next.js] 디자인 패턴을 적용해보고 싶습니다.

안녕하세요. 저는 Next.js를 사용해 프로젝트를 처음 시작해보는 뉴비 개발자입니다. 넥스트를 사용해 2명에서 간단하게 토이 프로젝트를 진행하고자 하는데, 이번 프로젝트에서는 디자인 패턴을 적용해보고 싶습니다. 아토믹 패턴이 유명하다는 건 알고 있는데, 막상 적용하자니 프로젝트의 규모가 작아서 비효율적인 개발이 될 것 같기도 하고 아토믹 패턴 자체의 개념은 이해가 되어도 그걸 폴더나 컴포넌트 구조 설계로 이어나가는데 어려움을 겪는 것 같습니다. 제가 드리고 싶은 질문은 3가지 인데요. 1. 작은 기능 4개 있는 프로젝트에서 적용해볼 만한 디자인 패턴은 무엇이 있는지 알고 싶습니다. (최근 현업에서 사용하는 디자인 패턴을 사용해보고 싶어요.) 2. 그리고 그 디자인 패턴을 사용하며 폴더&컴포넌트 구조 설계를 잘 하는 방법이 있을까요? 초기 설계가 너무 어렵게 느껴집니다. (ex, 참고할 만한 레포 찾는 방법이라던지) 3. 디자인 패턴과 아키텍처 설계는 다른 건가요? 아직 초보 개발자라 제게는 크게 구분되어 와닿지 않는 것 같습니다. 글을 쓰다 보니 질문이 난해할 것 같은데, 긴 글 읽어주셔서 감사합니다.

리액트나 넥스트의 app.js를 미들웨어처럼 써도될까요?

로그인 유지나 자동로그인때문에 리프레시 토큰을 쓰려해도 백에서 지원불가능 하다는 답변을 받았습니다. 그래서 app.js(next 12.3.4)에서 로그인시 사용하는 페이지 컴포넌트를 로드하는 ...component와 나머지를 분기를 나눠 토큰 검사 및 에러 핸들링을 처리하려합니다. 이게 과연 옳바른지 모르겠습니다. 이전에는 next의 미들웨어쪽에서 유저의 토큰을 받아 백엔드서버에서 토큰을 인증받거나 토큰이 없을때의 로직을 구현했습니다만 비효율적인거 같다는 생각이 들어 방식을 바꾸려합니다.

리액트, 넥스트도 공부하는 게 좋을까요 ?

안녕하세요. 현재 스타트업에서 풀스택 개발자로 일하고 있습니다. nuxt.js, node.js 를 이용해서 개발 중에 있는데요. 리액트도 공부해 보는 게 맞을 지...가 정말 고민입니다. 앞으로 저희 회사에서는 계속 nuxt 를 쓸 예정이긴 합니다. 신입임에도 사수분께서 정말 잘 가르쳐주시고, 저도 열심히 공부한 덕분에 업무에는 잘 적응했고, 새 프로젝트도 무리없이 하고 있습니다. 업무 스트레스도 없고 회사 동료분들도 정말 다 좋으신 분들입니다. 그래서인가 저도 자꾸 고이려고 하는 느낌.. 어쨌든 공부를 하는 게 좋을 것 같다고 생각이 들긴 하는데.. 좀 더 경험 많으신 분들의 정확한 조언을 듣고 싶습니다. 나중에 이직할 수 있는 가능성을 생각하면서 공부를 해두는 게 좋겠죠? 사람 일은 모르는 거니까요... 원래는 프론트를 하고 싶었거든요.

API설계할때 백엔드와 커뮤니케이션 내용

현재 프로젝트가시작되엇는데 처음부터 정해가야합니다 일단 cna로 넥스트 만들고 스토리북 등 필요한 설정을 해놓은상태입니다만 뭐가 더 필요한지 잘모르겟어서 질문올립니다 1.일단 폴더구조를어떻게정해야할까요? 버튼 등 공통컴포넌트는 src밑에 콤포넌트폴더만들고 그안에 넣어놧고 그 걸 쓸 컨네이너 폴더는 src밑의 app폴더 밑에 각각폴더만들어서 작성해놓앗습니다 이대로 가도될까요? 2.스토리북설정해서 로컬에서확인하긴햇는데 이거를 나중에 다른사람하고 공유를 해야한다고알고잇는데 어떻게해야하나요? 3. Api 설계를 정해야하는단계인데 해본적이없어서 막막하네요 백엔드하고 어떤걸 상의하면되는걸까요? 구체적으로 알려주시면 감사하겠습니다 예를들어 프론트쪽에서는 뭘 하고 백엔드에서는 뭘 해야하는지요ㅜ

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

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