#next

자기주도적인 개발이 너무 어렵습니다.

안녕하세요.🙇‍♂️ 올해 3월에 부트캠프를 수료하고 취업준비를 하고있는 프론트엔드 지망생입니다. 부트캠프를 통해 js, react, vue, tailwind, zustand등의 스택을 주로 사용하며 프로젝트를 만들었습니다. 부트캠프를 진행하면서 react에서 useEffect훅은 컴포넌트의 생명주기 사이 ~때에 사용한다, 페이지 라우팅 기능을 사용하려면 리액트 라우터 같은 라이브러리를 활용해서 써야한다, 테일윈드가 현재 개발시장에서 가장 많이 쓰이는 CSS 라이브러리다 이런 정도로 기술스택들이 학습되었습니다. 이제 부트캠프도 수료하고 혼자 공부하는 시간이 찾아왔는데 어떤것 부터 어느정도 까지 손을 대야할지 감이 잡히질 않습니다. 1. 어떤것 부터 해야하는지 예를 들어 현재 저에게 가장 부족하다고 생각하는 스택은 next 프레임워크, zustand 외의 전역 상태관리(recoil, redux), 필수 개발 외의 인프라적인 스택?(Storybook, monorepo, sentry, jest )이라고 생각하는데 이 지식들의 우선순위를 정하는 방법과 이 외에도 개발자 시장에서 반드시 장착하고 있어야 하는 필수 스택에 무엇이 있는지를 알고싶습니다. 2. 어느정도 까지 손을 대야할지 예를 들어 React 같은 경우엔 하나의 프로젝트를 만드는 역량까진 가능해졌지만 프로젝트 안에서 퀄리티 있는 디자인 패턴이라던지, 사용해보지 못한 수많은 리액트 메서드들을 딥다이브 해봐야 할 거 같은데, 어느정도 까지 공부해야 너무 깊게 들어가지 않고, 현재 개발시장에서 경쟁력 있는 지식을 쌓았다고 할 수 있는지의 경계를 모르겠습니다. 강사님의 강의에서 벗어나 혼자서 주도적인 학습을 진행하려고 하니 시간낭비를 하게 될 거 같고, 겉햝기 식으로 공부하는 나날을 보내게 될까 심적으로 큰 부담이 됩니다.. 현업 개발자님들의 조언을 듣고싶습니다!!🙇‍♂️🙇‍♂️🙇‍♂️

기본서 추천 부탁드려요

node.js , react, typescript, next.js 를 공부해야합니다 서점가보긴했지만 그래도 괜찮았던 책이 있었다면 추천 부탁드려요! 괜찮은 강의도 혹시 아신다면.. ㅎㅎ

풀스택 개발자 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중 뭐로 하나요? 개발팀과 상황에따라 다르기야 하겠지만, 일반적으론 어떤지 궁금합니다..!

Supabase와 Springboot에 대한 질문

안녕하세요. 현재 기계공학과 4학년으로 캡스톤 디자인을 진행 중이며, 팀원들과 함께 앱 개발과 창업까지 목표로 하고 있는 학생입니다. 기술 선택 문제로 고민이 많아 조언을 구하고자 글을 남기게 되었습니다. 상황 요약 - 저희 팀: React Native + Spring Boot 기반으로 개발 중 제가 직접 백엔드 설계/구현 예외처리, 디버깅 포함 전체 구조 정확히 이해 진행도 약 60-70%, 구조 안정적, 유지보수 자신 있음 - 교수님 프로젝트: Next.js + Supabase 진행도 약 80% 다만 구조가 낯설어 코드 파악과 에러 수정에 시간 소요 예상 고민 포인트 - 교수님 코드 이어받으면 빠르게 MVP는 가능하지만, 구조 이해가 부족하고 디버깅이 어려움 - 제가 만든 Spring 기반 프로젝트는 구현은 부족하지만, 구조적으로 명확하고 확장성에 유리함 - 배포까지 걸리는 시간은 둘 다 비슷할 것으로 예상됨 저희의 목표 - 단기: MVP 완성 → 실제 사용자 배포 - 장기: 창업을 고려한 실서비스 개발 - Redis / Kafka / Elasticsearch 등 트래픽 대응과 기능 고도화 예정 - 따라서 유지보수성과 확장성이 핵심 질문 - 기능 많은 Supabase 기반 코드를 이해하고 고도화하는 게 나을까요? - 아니면 Spring 기반 구조를 그대로 밀고 나가는 게 더 현명할까요? - 장기적으로 유지보수와 확장성을 고려했을 때 어떤 선택이 실무적으로 맞는 결정일까요? 비슷한 경험 있으신 분들이나 현직자 분들의 현실적인 조언 부탁드립니다. 긴 글 읽어주셔서 감사합니다.

프론트엔드 직군 외 다른 개발 직군도 끊임없이 기술 공부를 해야하나요?

웹 프론트엔드 취준하고 있습니다. React 하나도 제대로 알려면 정말 어려운데 Next, 각종 상태관리 라이브러리, 스타일 라이브러리 등 기술이 넘쳐나다 보니 공부가 끝도 없게 느껴져요. 물론 개발자라는 직업이 공부를 계속해야하는 것은 알고있지만 그냥 하나의 기술에 대해 깊게 배우고 싶습니다.. 백엔드나 iOS, Android 개발자도 새로운 기술이 계속해서 나오나요? 나온다고 해도 웹 프론트엔드에 비해 적은게 맞나요? 웹 프론트에 비해 기술 범위가 비교적 적고, 그것에 대해 깊게 공부하는 걸 하고싶다면 직군을 바꾸는게 좋을까요?

next중인데 질문있습니다!

사드씨엔 설치하니깐 컬러관련 테마 이런 건 생겼는데 text-body-02이런 것 처럼 최적화하는 것도 하고싶습니다! 근데 전혀 모르겠어여 ㅠㅠ

프론트엔드 ENV Key 관리 방법

현재 Next.js로 프로젝트를 진행하고 있는 중 궁금한 점이 있어 질문 남깁니다 KEY 값을 ENV 파일에 등록 후 사용중인데 NEXT_PUBLIC으로 붙여 클라이언트측에서도 접근 가능하게 만들어 사용중인데 이렇게 되면 키가 공개되어 보안상 위험하다고 생각이 들었습니다 혹시 어떤 방식으로 클라이언트 측에서 접근이 가능한 KEY 값을 관리하는지 방법에 대해 공유해주시면 감사하겠습니다!

next.js15 img태그에 Link태그 감싸기

안녕하세요 next.js15에서 img태그에 링크를 감싸고 있는데 아예 아무 반응을 하지않습니다.. useRouter도 먹히지않고 브라우저 콘솔에는 DOM에 클래스가 존재하지않는다고 뜨는데 아무리 찾아도 이유를 모르겠습니다

기술지원 엔지니어에서 개발자로 이직 할수있을까요?

저는 보안 솔루션 업체에서 기술지원 엔지니어로 일하고 있습니다. 처음 일하다가 개발자로써 일을 하고싶다고 생각이 들어서 JS(ES6)부터 시작해서 Next까지 지금 계속 열심히 배우고 있습니다. 처음에는 겹치는 업무 영역도 있고, 조직 안에서 확장 개발을 하면서 react로 프로젝트도 진행하고 새로운 제품군 프로토 타입도 만들고, 내부 시스템 프론트엔드도 개발했었습니다. 요즘은 완전한 개발 및 프론트엔드 지식을 공유 할 수 있는 팀에서 일하고 싶다고 생각해서 이직을 진행하려고 이력서를 넣어보니... 제가 이미 기술 지원쪽에서 5년을 일하다 보니 경력이 부적합하다고 서류에서 많이 떨어지네요. 제가 어떻게 앞으로 보완을 해야 이직이 가능할까요? 이직을 하기에는 너무 늦어버렸을까요??

이직 시 단독 작업한게 걸림돌이 될까요?

프론트엔드 3년차 입니다. 디자이너,백엔드 개발자와 작업은 같이 했지만 프론트엔드 파트는 혼자 전부 진행하였습니다. 회사에서 보낸 시간이 너무 많아서 1년반정도가 인생에서 사라진 느낌이 들 정도였습니다. 그동안 트러블 슈팅, 혼자서 해결한 문제들이 너무 많아서 그런것들 보단 ( 알고보면 단순한 내용들이거나 시니어가 있었다면 금방 해결될 문제들입니다. ) 어려운 전제조건 하에 개발한 기능, 수치적으로 표현 가능한 기능에 대해서 이력서에 기입했습니다 허나 기입한 기능들 자체가 글로 적으면 대단해 보이지가 않는다는게 문제입니다. 오히려 단독으로 했다고 하면 과장해서 적어놓은 사기꾼같아보일까봐 걱정입니다. 이력서에 적힌걸 보면 정렬,최적화,구조 변경 이런것들이거든요... 근대 그것들을 클라이언트 단에서 디자인 패턴까지 쓰지않으면 안될정도의 복잡한 로직을 구현한거긴합니다만 결과 자체는 단순히 필터링 정렬 표기 그런것들입니다.. , 그걸 이력서에 다 기입할 수가 없어서 고민입니다. (react , next를 사용하였습니다) 또한 혼자서 서비스와 백오피스를 다 작성했다보니 효율적으로 수정 가능하게 진행했다, 다른 프로젝트에서 사용하기 용이하게 코드구조를 변경했다. 정도만 적을 수 밖에없었습니다. 어렵기 보단 얼마나 효율적으로 구조를 잡고 진행하냐의 문제였거든요. 이력상으로 봤을때 화려한 기능이나 서비스를 만든건 아니라서 더 더욱 차반 취급받을까봐 고민입니다.. 혼자서 많은 고민과 문제를 해결했지만 3자입장에서 봤을때 전혀 볼게 없는 심각한 상황입니다.. (시간만주면 3d든 스트리밍 chart든 브라우저 api 활용이든 map api든 canvas든 다 금방 배워서 할 자신이 있지만 그런 종류의 작업들은 회사 일로선 전혀 하질 못했습니다.. ) 연봉을 대거 낮춰서 신입 자리라도 지원해야할까요..? 최근엔 회사에서 먹고 자지 않아도 될정도라 알고리즘도 공부하고있고 트러블 슈팅이나 개발하면서 문제해결에 도움되었던 것들을 적으려고 블로그도 만들고 있긴합니다만. 너무나도 부족하고 모자라 보입니다.. 개발 실력도 올랐고 배포,운영 경험도 쌓였지만 작업내용 특성상 죄다 공개를 하지 못하니 어떻게해야할지 고민입니다..

nextjs middleware 에서 protected route 처리 하는 방법이 궁금합니다

middleware 에서 토큰 인증에 따른 redirect 를 구현 할려고 합니다 제가 생각한 로직은 인증이 필요한 페이지는 accesstoken을 쿠키에서 받아오고 토큰이 없거나, 인증이 실패하면 login 페이지로 이동, 토큰이 만료된 경우에는 refresh 요청이후 accesstoken,refreshtoken 재발급 이후 원래 이동할려는 페이지로 이동 이렇게 생각중인데 다만 하나 걸리는게 middleware에서 refresh api 요청을 하는게 과연 올바를까? 궁금합니다 그럼에도 굳이 middleware 에서 할려는 이유는 page단 에서 처리할경우에는 결국에는 한번 그 페이지로 이동했다가 처리되는거라 깜빡이는 이슈가 생겨서 그렇습니다 보통 어떤식으로 처리하는지 궁금해요

하이브리드앱 화면 전환 애니메이션 도움 부탁드립니다

nextjs 로 하이브리드앱을 개발하고 있습니다. 네이티브 쪽은 AOS - kotlin, IOS - swift 입니다. 제가 궁금한 부분은 보통 앱들을 보시면 페이지 이동시, 새로운 페이지가 기존페이지를 덮으면서 슬라이딩 되어 나타나고, 뒤로가기를 하면 다시 현재페이지가 슬라이딩 되어 사라지면서 밑에 있던 이전 페이지가 보이는 형태입니다. 요즘은 하이브리드앱으로 많이 개발하는것으로 알고 있는데, 하이브리드앱인데 위의 페이지 전환 효과가 있는 앱들은 보통 어떻게 구현하는지 너무 궁금합니다! 애니메이션을 구현하려면 네이티브 기능을 꼭 써야 하는걸까요? 써야 한다면 하이브리드앱에서도 가능한 걸까요? 구글과 유튜브 상의 페이지 전환 애니메이션을 적용해봐도 제가 사용하는 앱들만큼의 자연스러움이 없네요. 선배님들의 도움 부탁드립니다!

졸업자 고민 들어주시면 감사하겠습니다

이번달에 졸업한 학생입니다 현재 주요 고민이 제가 다녔던학교에서 학점이 좋았어서 제가 아는 개발자형은 한번 대학원을 생각해보는게 어떻냐고 물어보네요 지금은 대학원을 못들어가니 6개월 인턴하면서 개인프로젝트하고 내년에 대학원들어가서 석사까지는 해보는게 어떻냐고 물어보네요 하지만 제가 지금 웹 개발자를 목표로 공부중인데, 웹 개발자가 대학원을 가서 얻는 이점이 있을까요? 또한 웹개발자가 대학원을 가면 무엇을 배우나요? 현재 next.js 공부중이며 이와 관련된 프로젝트를 하나만들어서 react로 만들었던 프로젝트와 차이점을 주로 서술하고 어려웠던점이나 그런걸 써서 프로젝트를 만들려고 합니다 이런식으로 공부하면서 개인프로젝트를 만들고 3월이나4월부터 본격적으로 취업하려는 생각이였는데 요즘 개발자시장이 안좋다고 듣기도했고, 대학원 말을들으니 머리가 복잡해져서 현직 개발자들의 의견이 궁금해 여쭤봅니다 부디 지혜를 빌려주세요

NextJs에 따로 백엔드를 두는경우

안녕하세요. 토이프로젝트로 글, 댓글, 로그인 기능을 포함한 블로그를 만들어보고있습니다. 원래 프론트엔드는 ReactJs, 백엔드는 Golang으로 만들려고 했는데, 글 기능을 구현하던 중 글기능은 SEO가 필요한데, React는 그게 잘 안되서 원래 React프로젝트 구조를 유지하고 SSR로 렌더링 하기 위해서 NEXTJs로 바꾸려고 합니다. 또 이미지 최적화 기능이나 폴더기반때문에 편하기도 하고요. 근데 Next로 프론트엔드만 바꾸고 GO 백엔드는 유지하려고 하는데, NEXTJS를 프론트로 사용하고 따로 백엔드를 두는게 많이 쓰이는 방식인가요..? NEXT가 백엔드기능까지 제공하는 풀스택 프레임워크로 알고있는데 백엔드서버를 따로 두는게 바보같은 방식인가 궁금합니다.

프론트엔드 이직 준비로 어떤 것들을 하는게 좋을까요?

안녕하세요. 경력 2년차 프론트엔드 개발자입니다. 이전에 두 개의 회사에서 프론트엔드 개발자로 일했는데 불행하게도 두 회사 모두 임금체불로 인해 퇴사를 하게 되었습니다. 그래서 이번에는 50인 이상의 규모를 가진 회사로 이직하는 것을 목표로 이직을 준비하고 있습니다. Next.js, React, Typescript @tanstack/react-query, Context API, Recoil Vanilla-extract, emotion, styled-components, tailwind-css, Sass 위와 같은 스킬들을 공부 및 경험해보았고, Vanilla-extract, tailwind-css를 제외한 스킬들은 실제 업무에서도 활용하였습니다. 현재 저는 [1. 코딩테스트, 2. 기술블로그, 3. 개인프로젝트] 를 매일 반복하며 이직을 준비하고 있습니다. 이대로 계속 이직을 준비하면 될지, 아니면 다른 무언가를 더 준비해야할 지, 앞으로의 이직 준비 방향에 대해 알려주시면 감사하겠습니다. 추가로 혹시 이력서 피드백 해주실 수 있는 분 계시면 말씀 부탁드립니다... 서류에서 계속 떨어지다보니 개발자 입장에서 피드백을 꼭 받아보고 싶습니다...!

React면 되는것을 굳이 Next.js로 구현하는것

SEO나 서버사이드 렌더링이 필요없는 서비스를 구현할 때, 이걸 그냥 React로 개발하는것과 Next.js로 개발하는것의 차이가 있나요? 저는 Next.js를 써야겠다 싶은 경우가 아니면 React로 개발하고 싶은데, Next.js에서 모든 컴포넌트를 그냥 다 클라이언트 컴포넌트로 하면 React랑 똑같은 거 아니야? 라는 질문을 들었을 때 할말이 없더라구요. React만으로 구현할 수 있는걸 굳이 Next.js를 쓰는게, 뭔가 그냥.. 닭잡는데 소잡는 칼 쓰는 느낌이라 굳이 그럴필요 없다 정도로만 생각했는데 정확한 근거를 들어보라니 대답을 못하겠더군요 둘의 차이가 정확히 무엇일까요? 기존의 SPA 앱같은걸 개발할 때 React만 쓰는게 좋은 이유가 있나요?

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

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

1년차 이직 준비 관련 고민

선배님들 안녕하십니까. 저는 현재 금융관련 스타트업 회사에서 1년 남짓 근무한 병아리 개발자입니다! 현 회사에 백엔드 개발자 타이틀을 달고 들어왔지만 어쩌다 보니 프론트엔드도 다루면서 사실상 풀스택(?) 개발자로서 일하고 있고 여러가지 사정으로 9-10개월정도 후에 이직을 생각하고 있습니다. 현회사 입사후 바쁜 업무핑계로 자기계발에 전혀 쏟지 못했었는데, 두세달 전부터 각오를 다지고 나름의 계획을 짜며 커리어 개발에 노력을 조금씩 해보고 있습니다. 본격적으로 이직을 생각하다보니 입사후 초라해진 이력서와 녹슨 코딩테스트 실력 등등에 마음이 조급하고 혼란스러워 제 상황을 설명드리고 조언을 구하고자 글을 올려봅니다…! 현재 진행중인 저의 노력은 다음과 같습니다. 1. CKA 공부 사실 회사 들어오기 전까지는 쿠버네티스가 뭔지도 모르는 생초짜 학생이었습니다… 아무래도 회사 규모가 작다보니 버그가 생겼을때 주변의 도움없이 해결해야 하는 경우가 있었고 애플리케이션 코드 밖에서 발생하는 이슈들에 대응하며 무력감을 많이 느껴 운영/인프라쪽 공부를 조금 해보자 란 마음에서 시작한 노력입니다… 주니어 레벨에서 시간투차할 이유가 크게 없다고 조언해주신 분들도 종종 계셨지만…시작한 이상 꾸준히 해서 4월, 늦어도 5월 안에는 자격증 취득을 목표로 하고 있습니다. 2. 알고리즘 (코딩테스트) 원래도 그렇게 자신있는 종목이 아니었는데 1년동안 많이 까먹어서.. 틈틈히 풀면서 공부중이고 백준 기준 골드 초급문제 까지는 고민 많이 하면 풀 수 있는 수준 정도입니다 그리고 제가 염두에 둔 계획은 크게 다음과 같습니다 1. 새로운 프레임워크 배우기 저희 회사에서 제가 다루고 있는 프로젝트들은 전부 NodeJS 기반 (Next JS, Nest JS) 에서 이루어져 왔습니다. 학교다닐때야 언어라도 이것저것 간단히 다뤄봤지만 사실상 지금 제대로 다룰줄 아는 백엔드 개발 프레임워크는 Nest JS 밖에 없는것 같습니다. 근데 아무래도 한국에서는 Node 개발자의 풀이 그다지 넓지 않다보니 성공적인 이직가능성을 높이기 위해서 새로운 프레임워크를 익혀볼까 하는 고민이 됩니다. 그래서, 만약 배운다면 어떤 프레임워크를 추천하시는지 궁금합니다. 현재는 Spring + Java, Python + Django 를 후보로 생각중입니다. 조금 부연설명을 하자면 Java는 학교에서 초급레벨 수업들으며 2학기정도만 해봤고 Python 같은경우는 언어 자체는 익숙하긴 하지만 AI, 알고리즘 등 외에 제품 개발에 사용해본 경험은 전무합니다. 또한 저는 현재 병역특례로 근무중인 상황이라 이직을 하더라도 스타트업/중견 업체를 겨냥해야 합니다. 2. 프로젝트 제가 원래도 컴공 전공자가 아니다보니 깃헙/포폴들이 전부 통계나 AI 관련이고 개발 관련해서는 좀 약한편이었습니다. 그런데 인터넷에서 대단하신 분들의 이력서를 구경하다 보니 제 포트폴리오를 조금 보강해야하지 않나 하는 생각이 들더군요. 또 조금 더 욕심을 부리자면 위의 1번 질문에서 조금 더 나아가서 새로 익힌 프레임워크에 대한 숙련도를 증명하는 목적으로 프로젝트를 하나 시작하는 어떨까 하는 생각을 해보고 있습니다 쓰고나서보니 상황설명에 하소연만 실컷 하는 글이네요…ㅋㅋ 아무래도 주변에 조언을 구할 분들이 적다보니 이래저래 걱정을 많이 하고 있습니다. 제가 계획하고 있는 노력의 방향성이 바람직한지. 좀더 선택과 집중을 해야한다면 어떤 방식이 좋을지, 별도로 지적해주실 내용이 있는지 (ex. 새로운 프레임워크를 독학하기보다 지금 가지고있는 기술스택으로 더 완성도 높은 프로젝트를 해라). 선배님들의 귀중한 의견 주시면 정말 감사드리겠습니다 . 두서없는 글 읽어주셔서 감사합니다!!!

Next 14 전역 상태 관리 질문

커뮤니티 개발할 때 리스트같은 경우는 보통 useContext 로 전역 관리 하나요? 그래서 뒤로가기나 그럴 때 기존 상태 보여주도록 하나요?..

Next 14에서 새 탭을 링크로 열기 이후 뒤로가기 시 메인으로 이동하고 싶은데 방법을 모르겠어요.

Next 14에서 새 탭을 링크로 열기 이후 UI 헤더에 커스텀한 뒤로가기 버튼 클릭 시 history가 없어 router.back()이 작동하지 않네요. 새탭에서 url로 검색 시에도 뒤로가기 시 메인 페이지로 이동시키고 싶은데 방법을 모르겠어요. 예를 들면 카카오웹툰처럼 페이지 이동을 하고 싶습니다. 도와주세요 🙏

Next 서버 컴포넌트와 전역 상태관리

안녕하세요. Next15에서 서버 컴포넌트를 적극적으로 도입하여 프로덕트를 개발하고 있는데, 고민이 되는 부분이 있어 여러 분들의 도움을 얻고자 질문을 남깁니다. 서버 컴포넌트에서 받아온 데이터와 클라이언트 컴포넌트에서 사용하는 zustand가 적절히 사용되고 있는지 고민이 듭니다. 현재 GET 요청의 경우 각각의 서버 컴포넌트에서 fetch를 통해 진행하고, 해당 데이터를 자식 클라이언트 컴포넌트에서 사용할 경우 props로 내려 사용하고 있는데, 이때, 드릴링이 심해질 경우 zustand와 같은 전역 상태관리 라이브러리를 함께 사용하려고 합니다. 예를 들어, 서버 컴포넌트의 첫 번째 자식인 클라이언트 컴포넌트에서 zustand를 사용하고, 이후 자식 클라이언트 컴포넌트에서는 zustand를 통해 상태관리 할 때 자식인 클라이언트 컴포넌트의 업데이트가 진행되는 부분에서 try/catch를 통해 요청을 보내고, router.refresh()를 통해 서버 컴포넌트에서 데이터를 새로 받아옵니다. 이후 클라이언트 컴포넌트에서는 useEffect로 서버 컴포넌트에서 props로 받아온 데이터가 바뀌는 것을 감지하고, 해당 props를 zustand에서 사용하는 데이터로 업데이트하려고 하는데 문제가 될만한 점이 있을까요? 이와 관련된 링크나 답변이 있으시다면 감사히 받겠습니다!

회사 홈페이지 제작 퇴사하는게 맞을까요? 서버 및 api 구축하는데 걸리는 시간..

현재 혼자가 화면 개발을 하고 있는 중 입니다. 현재 페이지를 복사하라고 해서 복사를 하는 중인데. 저는 서버 지식도 그냥 mysql, node js사용해서 게시판 만들어본게 전부입니다. 근데 호스팅 업체를 사용중인데 거기서 웹 DB를 제공해주더라고요 그러면 그 웹 DB를 제공해주면 제가 그걸 연결해서 써야하는데 그러면 node js로 서버를 파고 api를 구축해서 연동해서 데이터베이스를 사용해야하지 않나요?? 근데 여기 호스팅업체에서 PHP와 FTP를 제공해줍니다. PHP는 알긴알지만 잘 사용해보지 못했고 FTP는 사용해본적도 없습니다. 근데 윗선에서 FTP로 파일 옮겨가지고 웹 사이트를 제작했다는 겁니다. 보니까 index파일로해서 뭐 했더라고요 그래서 FTP를 사용해서 제작을 하라는거에요 현재 저는 next js로 제작을 하고 있고 저한테 서버랑 api구축 하는데 얼마나 걸리라는데 저는 신입이고 잘 알지 못하는데 왜 말을 못하냐고 구박하고 한 달 이상 걸리면 저를 쓸 필요가 없다고 하시는데 데이터 내용이 180개 정도 되고 CRUD까지 해야하는 상황입니다. 그리고 DB를 쓰는데 뭔 데이터처리 및 서버를 왜 깔고 그러냐고 물어보시는데 챗봇 + 찾아본 결과를 이야기해도 아니 그게 FTP라니까? 너 컴공 맞냐고 이러시는데 지금 얼른 퇴사해서 시간 박아서 프로젝트 했던 부분 고치면서 다시 취준을 하는게 좋을까요? 아니면 최대한 해보다가 FTP로 제작하라고 하면 그때 나갈까요.. 그리고 서버랑 api구축하는 부분이 얼마나 걸릴지... 그 부분도 알려주시면 감사하겠습니다.. 제가 봐도 답답하네요..

해외대학 프론트엔드 취업 질문

해외 대학 졸업반 학생인데 학점이 많이 낮은 편이에요. 졸업 후 학원다니면서 개발 공부 목표로 하고 현재는 Html, Css, JS, React 쓰고 있고, Next.js 강의 들으면서 공부하려고 하고 있어요. 아직 프로젝트 경험도 없고, 내놓을 만한 포트폴리오도 정리가 안된 상태인데 물론 지금 경기가 많이 안 좋아서 취업하기가 어렵다는 건 알지만 학점이 낮은 편인데 이거 많이 힘들까요..? 걱정할 시간에 개발공부 더 열심히 하는 게 정답이겠죠.. 불안하고 걱정되는 마음에 질문 남깁니다.... ㅠ.ㅠ

Router back 렌더링

Nextjs router가 페이지 이동 하다가 다시 back 할 때 이전페이지 상태가 유지가 안돼서 다시 렌더링 하는 문제가 있는데 어떻게 해결하나요? 이전 페이지 내용이 많거나 스크롤 이거나 페이지 그런게 있을 때 어떻게 해야 되나요

신입 프론트엔드 회사가 고민됩니다

안녕하세요 비전공자에서 프론트엔드 취업 준비 중인데 감사히도 한 회사에 입사할 기회가 생겼습니다 너무 좋은데 걸리는 것은 해당 회사가 React나 Next.js 같은 최신 프론트엔드 기술을 사용하는게 아니라 Vanilla JS만으로 개발을 한다는 것입니다 차후에 이직할 때가 걸리기도 하고 라이브러리나 프레임워크 하나 없이 Vanilla js로만 개발할 자신도 없고요... 그런데 위치도 괜찮고 요즘 같은 때에 신입으로 구직하는게 너무 힘들어서 깊은 고민이 됩니다 이런 상황에서 어떻게 하실지 여쭤보고 싶습니다

커리어리 개발툴은 뭘로 만들어졌을까요, 서버 최적화 방법 질의

커리어리 웹뷰는 뭘로 만들어졌나요 ? 우연히 커리어리를 알게 되어서 사이트를 구경하던중 글 남깁니다. 저는 올해 40세이고 취미로 코딩을 배우면서 현재는 메타의 threads 와 비슷한 웹뷰를 만들고 있습니다. 독학으로 배우다보니 깊이가 없어서 한계에 직면해 있는거 같아요. 커리어리에서 스크롤을 내리다보면 딜레이 없이 페이지들이 거의 무한으로 내릴 수 있던데 기술적으로 그게 참 궁금하고요. 게시글을 포스트 했을때도 거의 딜레이 없이 게시물 업데이트가 되더라구요. 저 같은 경우에는 Next JS 로 웹뷰를 구성했고 database 는 vercel neon (무료버전. 서버는 싱가폴위치) Image 는 uploadthing (100GB 유료걸제 10$. 서버는 한국) 게시글 post 시에 단순 텍스만 입력을 하더라도 업로드 되고 화면에 뿌려지는데 2~3초의 딜레이가 발생합니다. database 가 무료 버전에 싱가폴에 있어서 반응이 느린건지 코드 최적화가 문제인지 모르겠습니다. 제가 테스트중인 사이트 주소는 아래와 같습니다. https://newchat-omega-inky.vercel.app/ 게시글 업로드 속도만 높일 수 있다면 정말 좋을 거 같은데 뭔가 벽에 막힌거 같습니다 ㅜㅜ

프론트엔드인데 AWS, CICD에 대해 몰라요.

3년 차인데 물 경력인 것인 지, 요즘 다들 스펙보면 화려해보이던데 제가 할 줄 아는거라곤, JavaScript(TypeScript), HTML5, CSS3, React정도입니다.. 적고나니 엄청 물경력같네요; 요즘 Next가 핫하기에 Next.js까진 공부하려고 하는데 Vitest도 공부해야할 것 같고.. CICD 파이프라인도 공부해야하는 건 지, AWS도 요즘 스펙에 자주 언급되는 것 같고.. 막막하네여 스펙을 무엇부터 채워야할까요..?

[신입]Next.js로 백엔드 없이 작업 중인데 업무 범위와 연봉이 고민

처음에는 리액트로 작업을 시작하려 했지만, 작업을 시작해보니 db만 덩그러니 있는 상태였고, API나 명세서 같은 기본적인 개발 환경이 전혀 갖춰지지 않은 상태였습니다. 통상적인 방법으로는 리액트만으로 구현이 어렵다고 판단해 Next.js로 전환하여 데이터를 받아와 사용하고 있습니다. 업무를 진행하며 백엔드 개발자 구인 여부를 문의했으나, 회사에서는 당장 백엔드 개발자를 채용할 계획은 없고, 데이터 엔지니어 한 명으로 충분할 것 같다는 답변을 받았습니다. 이에 따라 현재는 Next.js를 메인 기술 스택으로 사용하며, 추후 로그인/회원가입 같은 기능도 작업하려고 계획 중입니다. 궁금한 점 Next.js로만 프로덕트를 구성한 사례가 있는지 현재 별도의 백엔드 언어를 사용하지 않고 Next.js만으로 작업 중입니다. 이런 방식으로 프로덕트를 운영하는 사례가 있는지 궁금합니다. 업무 범위에 대한 의문 당초 프론트엔드 개발 업무로 시작했지만, API 구성 등 사실상 백엔드 작업에 가까운 업무 범위까지 포함되어 있는 상황입니다. 이를 고려할 때, 제가 맡게 된 업무가 일반적인 프론트엔드 업무 범위를 넘어선다고 생각되는데, 이 점에 대한 다른 분들의 의견이 궁금합니다. 연봉 및 근로 조건 연봉 적정성: 한달 전 쯤 이곳에서 프리로 일하면서 최소 연봉 3,000만 원 이상은 받아야겠다고 말했었고, 현재 계약서에는 식대 포함 연봉 3,000만 원으로 명시되어 있습니다. 추가적으로 5인 미만 사업장의 조건으로, 연차, 공휴일, 연장 근무 시 가산 수당에 대한 언급이 없습니다. 이런 조건에서 연봉 3,000만 원이 적절한 수준인지 궁금합니다. 요약 Next.js로만 프로덕트를 구성하는 사례에 대한 정보 업무 범위가 확대된 상황에 대한 타당성 연봉과 근로 조건의 적정성

프론트 개발중 고민 ..

저는 프론트엔드를 공부중인 주니어 개발자입니다 지금은 대학교 3학년 1학기 재학중이고 기술 스택은 react, typescript, query등등을 공부하면서 프로젝트 활동을 조금했습니다. 백엔드를 한번도 해보지 않아서 이번 겨울 방학때 백앤드를 공부하면서 서버에 대한 이해도 높여야 할지 아니면 next js를 공부하면서 프론트 관련 지식을 더 쌓아야 할지 고민이 됩니다. 이 정도 시기면 백엔드를 시작하기에 늦은게 아닌지 그리고 프론트를 차별성있게 공부를 어떻게 할지도 잘 모르겠습니다.. 물론 두개 다 해보면 좋을 것 같은데 여력이 되지 않을 것 같아 질문 올려봅니다.

비전공 개발자 공부

안녕하세요 현재 복지관에서 1년을 채워가고 있는 26살 직장인입니다. 취업하기 전 대학교 2학년 때 우연히 마주한 파이썬에 맛을 보고 텐서플로우 공식 자료를 봐가면서 인공지능 따라해보고 직접 캐글에 있는 csv파일을 받고 분석하고 결과를 내면서 재미를 느꼈습니다. 이후에는 사이트 제작에 관심이 생겨 기본적인 html과 css, 부트스트랩을 가지고 깃허브에 올려서 사이트를 만들어보고 4학년 2학기 방학 때 파이썬 장고로 사이트를 연결하면서 접해보았습니다. 현재 복지관에서 일을 하고 있는 가운데에도 관심이 있어 최근에는 장고-러스트와 next.js를 활용한 사이트 제작 자료가 있어 퇴근 후 한 시간씩 작업을 하고 있습니다. 앞서 말씀드렸듯이, 복지관에 재직중이며 계약직으로 2024년 12월 31일 계약을 마치고 본격적으로 웹개발 중 프런트에 대해서 배워보고자 합니다. 분명 제가 만들면서 재미를 느끼고, 조금이라도 어렸을 때 다양한 경험을 해보는 것이 좋다고 생각하지만, 한편으로는 퇴사 후에 취업이 잘 될까라는 불안함에 조금은 조심스러워 집니다. 저보다 앞서 다양한 경험을 해오신 선생님들께 제 판단이 괜찮은 선택인지 아닌지 조언해주시면 감사드리겠습니다. 긴글 읽어주셔서 감사합니다.