#리액트

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

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

산업체로 게임업계 포폴 질문

4급 보충역이라 산업체(병역특례)로 가고 싶어서 회사 찾아보고 있는 상태입니다. 대학은 사이버대라 사실상 학위만 딴 수준이고, 포트폴리오는 iOS 앱, 리액트 웹게임, C++ 프로젝트 등이 있는데, 유니티/언리얼 관련 프로젝트가 없는 상태입니다. 계속해서 서류조차 붙지 못하는 상황인데, 유니티나 언리얼 프로젝트로 포트폴리오를 보강하면 붙을 가능성이 있을까요 또 포트폴리오를 부트캠프 다니면서 만드는 것도 괜찮을까요?

서비스 회사에 취업

안녕하세요. 서비스 회사에 취업을 하게 되었는데 개발자가 2명뿐인 회사입니다. PM으로 되어보이시는 분과 3년차인 저 이렇게 두명이 될 예정입니다. 제가 고민이 되는건 서비스회사에서 PM으로 되어보이시는 개발자분이 저의 사수가 되어서 일을 진행 해주실지 아닐지 애매하다는 점과 기존 회사의 시스템을 리액트로 버전업 하는게 메인 개발건이라고 들었는데 문제는 그 개발건을 si 업계에 어느정도 맡긴다고 이야기 하셨습니다. 이럴 때 제가 어떻게 공부하고 성장하는 방식이 옳은지 혹은 다른 회사를 알아봐야하는 것인지 고민이 됩니다. 또 다른 고민으로는 회사 생활 중에 코드리뷰나 비즈니스 로직같은 경우 혼자서 회사생활 및 공부하면서 진행해야할 때 다른분들은 어떻게 하셨는지 궁금합니다!(ai를 활용해서 코드리뷰를 했다거나 혹은 리팩토링을 어떻게 하셨는지) Ps.면접때는 개발을 한다고는 하셨습니다.

리액트 프로젝트에 FSD 아키텍처 적용. 이 구성이 맞을까요?

안녕하세요. 현재 진행 중인 리액트 프로젝트에서 유지보수성과 확장성에 어려움을 느껴 폴더 구조를 Feature-Sliced Design(FSD) 아키텍처 기반으로 전면 리팩토링했습니다. 기존에는 `components/`, `pages/`, `apis/` 등 기능과 역할이 섞인 구조로 되어 있어, 코드의 위치가 불분명하고 협업에 어려움이 있었습니다. 이를 해결하고자 다양한 아키텍처를 조사한 끝에, FSD의 레이어 개념(Layers)에 맞춰 다음과 같은 방식으로 구조를 정리했습니다. - `app/`: `App.js`, `index.js` 등 프로젝트 진입점과 글로벌 설정 파일을 포함 - ` entities/`: `User`, `Article`, `CodingZone` 등 주요 도메인의 데이터 모델과 API 연동 담당 - `features/`: 로그인, 게시글 작성, 코딩존 출석 등 각 기능별로 모듈화하고, 필요한 경우 `hooks/` 등의 내부 디렉토리로 세분화 - `pages/`: 라우팅과 연결된 실제 페이지 컴포넌트 관리 (예: `CreatePage`, `EditPage` 등) - `widgets/`: 재사용 가능한 독립 UI 요소들 (예: `Footer`, `Navbar`, `Pagination` 등) - `shared/`: 공통 API, 유틸, 모달 컴포넌트 등 여러 기능에서 공유되는 요소들을 배치 기능 중심의 구조로 바꾸면서, 각 요소의 역할이 명확해지고 코드 탐색 및 유지보수가 훨씬 쉬워졌습니다. 현재는 복잡한 비즈니스 로직이 없어 `processes/` 레이어는 생략했지만, 추후 워크플로우가 필요한 기능이 생긴다면 도입할 계획입니다. 제가 구성한 이 폴더 구조와 레이어 분리가 실제 FSD 아키텍처 가이드에 부합하는 방향인지, 혹시 보완하거나 개선할 부분이 있다면 조언을 구하고 싶습니다. 자세한 내용은 블로그에 정리해 두었습니다. 👉 [https://juncci.tistory.com/4](https://juncci.tistory.com/4) 읽어주셔서 감사합니다!

프론트에서 백엔드로 변경

저는 리액트로 취업을 했습니다. 몇달 지나지 않아 리액트네이티브도 회사에서 시켜서 앱도 개발했습니다. 근데, 2년차때부터는 백엔드도 같이 하라고 합니다. 근데 거부감이 들었고, 프론트를 하고 싶었으니까요. 근데 회사 체계가 어떻게 변하면서 잠깐 2개월 코드 한줄 고치는걸로 끝나다가 3년차때 갑자기 저한테 백엔드를 맡겼습니다. 제 생각으로는 프론트로 해왔으니, 백엔드 시켜서 업무처리 속도까지는 바라진 않겠지. 당연하지. 난 프론트야. 백엔드 시킨 회사 체계 잘못이야. 라는 생각을 가지고 왔는데요. 얼마전 인사평가에서 백엔드 처리 속도 등으로 안좋게 받았습니다. 제 생각이 잘못되었는지. 회사 체계 잘못인지. 프론트로 들어왔다가 프론트만 하는 사람이 없는게 현실인건지. 따끔하게 조언 부탁드립니다. +추가적으로, 제가 하는 앱, 리액트 전부 추후에 다 jsp, 웹뷰로 바꿀 생각이라고 합니다. 제가 하는 일들 다 사라져버리는 상황입니다.

타입스크립트 변경점이 리액트에 미치는 영향이 궁금합니다

타입스크립트가 컴파일러를 Go로 재작성하면서 약 10배 빨라진 성능으로 화제가 되고 있다는걸 들었는데용 이 점이 리액트에서 타입스크립트를 사용할때도 어떤 영향이 있을지 궁금한데 현직자분들은 어떻게 생각하시나 궁금합니다

2년차 물경력 이직에 메리트있을까요..?

2년전에 백엔드개발, 데이터베이스관리로 취업을했지만 개발업무는 전혀안하고 DB관리업무만 했습니다. 경력에 쓸만한 내용은 신규프로젝트 데이터베이스 구축및 설계, 마이그레이션 이구요 기존프로젝트 고도화작업이라 기존 데이터정합성 안맞는 테이블구조 정규화 및 데이터검증후 마이그레이션 작업이 주 업무였어요 부가적으로는 유지보수성 DB관리, 그리고 번거로운 노가다성 쿼리작업을 대체할려고 간단한 코드짜서 데이터채우거나 일부 데이터 마이그레이션정도 했습니다. 제가 고졸이라 방통대 재학중이고, 집에서 혼자서 스프링부트, 리액트로 회사프로젝트(윈도우 프로그램입니다)를 웹으로 1인개발하고있는데 시작한지 얼마 안되었어요. 냉정하게 봤을때 2년차의 개발자실력이 절대아니고... DBA나 관련업무로 봤을때도 깊이나 전문성이 많이 모자른거같습니다.. 지금 당장 이직을 한다면 지금까지의 경력으로 이직이 될거같나요..? 아니면 스터디나 개발연습을 더해서 이직을할까요?? 서두르는 이유는 더물경력리 되기전에 옮겨야 할거같아서 입니다..

iOS 웹뷰에서 getUserMedia 호출 시 마이크 권한 관련 질문입니다.

안녕하세요 React를 이용하여 웹뷰 기반 애플리케이션을 제작 중입니다. 다름이 아니라 리액트 코드 내에서 마이크 권한 획득 및 녹음 기능이 있는데요, navigator.mediaDevices.getUserMedia 메소드로 권한 획득과 녹음을 진행하고 있습니다. 그런데 최초 접속 시에는 위 메소드를 사용하는 컴포넌트가 렌더링 될 때 애플리케이션 자체(네이티브)에서 마이크 권한 여부를 물어보는데요 "앱 이름"에서 마이크 권한을 요청합니다. 라고 노출이 됩니다. 그런데 문제는 여기서 허용을 했음에도 불구하고 녹음을 진행하려고 하면 "웹뷰 도메인"에서 마이크를 사용하도록 허용하겠습니까? 라고 이중으로 권한을 확인하게 됩니다. Safari 자체적으로 막는거라 정상적인 동작인지, 아니면 다른 옵션이 있는지 모르겠네요ㅠㅠ 해결 방법이 있을까요?

비전공자 프론트엔드 신입 취업 조언 부탁드립니다..

28살 비전공자 프론트엔드 개발자로 도약 준비중인 취준생입니다. 23년에 대학교 졸업 후 공간디자인 전공을 살려 인테리어 회사에 입사하여 인테리어 디자인&설계를 진행하였습니다. 누군가가 사용하고 거주할 공간에 대해 설계를 진행하고 인간중심적인 디자인을 고안하는 과정 자체가 재밌고 흥미로웠습니다. 그렇게 나온 결과물을 사용자가 보고 기뻐하고 실제로 이용하는 모습을 보며 뿌듯함을 느끼기도 했습니다. 그렇게 실무를 진행하면서 동시에 인테리어라는 직업의 한계를 느끼기도 했습니다. 현실의 물리적인 제약으로 생각했던 설계가 불가능하기도 하고 사용자 중심으로 디자인을 진행했지만 실현이 불가능하기도 했습니다. 무엇보다 공간적, 시간적 제약이 크다는 느낌을 많이 받았습니다. 그렇게 생각하던 때에 같은 과 친구를 통해 '부트캠프' 라는 것을 알게되었고, 공간디자인을 전공하면서 관심을 기울이고 있던 '개발'이라는 분야에 대해 꿈을 꾸게 되었습니다. 나이가 더 들기 전에, 더 시간이 늦기 전에 접어뒀던 꿈을 도전해보고 싶다는 생각이 들었고 다니던 회사를 퇴사함과 동시에 국비지원 프로그램에 지원해 교육원을 다니며 5개월 가량의 수업을 들으며 개발자로서의 역량을 키워갔습니다. 교육원의 커리큘럼은 풀스택 과정이였지만 저는 프론트엔드 개발이 사용자 경험과 직결되어 있다는 부분이 제 이전 전공 경험과 실무 경험을 살릴 수 있다는 생각과 동시에 제 성격과 잘 맞을 것 같아 프론트엔드 개발에 집중하게 되었습니다. HTML, CSS, Javascript, jquery, 리액트 배우고 팀 프로젝트에서 MySQL 과 MariaDB 를 활용하여 프로젝트를 제작하였습니다. 지금은 개인 포트폴리오인 랜딩페이지와 이력서를 작성해 1월 한달동안 공고를 찾아보며 지원하고 있는데 열람은 되지만 연락이 거의 오지 않는 상태여서 나에게서 어떤 부분을 개선하고 어떤 부분에 더 노력을 쏟으면 좋을지 고민이 정말 많이 되고 선택지도 정말 많고,,조금 답답한 심정입니다. 얼른 실무에 뛰어들어 실무역량을 키우고 싶습니다.. 지금도 늦었다는 생각이 자꾸만 듭니다.. 선배님들께 피드백을 받고싶어 질문 드립니다. 아래에는 랜딩페이지 링크입니다. 현실적인 팩트 피드백 부탁드립니다 ! https://jonggu-portfolio.vercel.app/

리액트에서 이벤트 루프관련해서 질문이 있습니다

안녕하세요. 리액트에서 이벤트 루프 동작 관련해서 제가 이해한내용이 맞는지 질문드립니다! 코드를 간단히 설명드리면 List를 그리는 scroll container가 있고 아이템이 추가되면 마지막으로 추가된 아이템으로 스크롤을 시키려는 코드입니다. (useEffect를 사용해도 되지만 이벤트 루프를 이해하기 위해서 작성하였습니다!) 스크롤을 시키기 위해 작성한 코드는 세가지입니다! 1번 코드는 스크롤이 되지 않습니다. 이유는 리액트에서 batch 업데이트 과정에서 렌더링되기 전에 호출되었으니 스크롤이 되지 않습니다. 2번 코드는 스크롤이 되었습니다. 리액트의 상태변화는 마이크로태스크큐에서 실행이 되었고 렌더링이 발생한 후에 매크 태스크큐가 실행되기 때문에 올바르게 렌더링 후에 실행이 되었습니다. 3번 코드는 스크롤이 되었습니다. 이건 이유를 정확히 모르겠습니다. 개발자 도구에서 실행된 시점을 봐도 마이크로태스크큐에서 스크롤 함수가 실행되었지만 올바르게 실행이 되었습니다. 마이크로 태스크 큐 실행과정에서 appenchild가 발생하고나서 렌더링이 되기전에 이미 레이아웃이 다 계산은 완료가 되는걸까요? 어떻게 이해를 해야될지 모르겠습니다.

웹 플러그인 만들때..

안녕하세요. 회사에서 우리 api를 쓸수 있는 스크립트 형태로 주입가능한 플러그인을 만들어야 합니다. 보통 이럴때 리액트를 사용해서 만드나요?? 얘를들면 사용자는 자신의 서비스의 저희가 만든 스크립트를 심으면 우측 하단에 버튼이 생성돼서 버튼을 클릭하면 채팅이 가능한 챗봇을 제공 하려고 하는데 이럴경우 챗봇을 리액트를 이용해서 만들어야하나요? 아니면 그냥 자바스크립트로 만들어야하나요? 그리고 무엇으로 만들던지 어짼듯 스크립트 형태로 배포 해야하는데 어떻게 해야 하는지 감이 안 잡혀서 질문 드립니다. 두서 없이 쓴 긴글 읽어주셔서 감사합니다.

웹 프론트 개발자가 웹뷰 앱 서비스를 하는게 도움이 될까요?

안녕하세요 ! 제가 대학생 창업 초기 멤버로 서비스를 운영하고 있는데 기존에는 리액트로 웹을 만들고 RN으로 웹뷰를 띄워서(거진 웹을 그대로 띄우는 수준)앱도 같이 서비스 하고 있었습니다 그러나 점점 방향성이 b2c 에서 b2b2c로 바뀌고 서비스도 앱쪽으로 기우는 것 같습니다. (웹도 운영은 할 것 같지만 서브 개념) 물론 빠른 배포가 가능하고 제가 익숙한 리액트로 계속 개발 후 웹뷰로 띄우는 방식으로 이어갈 예정이기는 하나 저는 이후 웹 프론트엔드 커리어를 희망하는 터라 아무래도 앱 위주 서비스를 지속적으로 하는게 커리어에 부정적인 영향을 미치게 될지 고민입니다 ㅠ 여러분들이 봤을 땐 크게 지장이 없다고 생각하시나요?

국가과제 r&d 개발자 역량 강화 방법이 뭐가 있을까요?

현재 국가과제 R&D 개발자로 중소기업에서 일을 하고 있습니다. 사수는 없고 혼자서 개발 + 밑에 새롭게 들어온 신입사원하고 개발을 하고 있습니다. 현재 python를 활용한 오픈소스 모델을 실증 테스트 및 필요한 모델 부분만 추출해서 수정해서 사용하거나, 다른 모델과 합쳐서 이용을 하고 있습니다. 아니면 간단한 학습 모델을 만들어서 사용하거나 하고 있습니다. 그외 노드.js로 간단한 백앤드만들고 리액트.js로 프론트엔드 만들고 파이썬 api 서버 만들고 aws로 배포도 해보고 국가과제 R&D 사이트 결과물 테스트 용으로 막 높은 수준의 레벨이 아니고 국가연구과제 R&D 심사에서 통과할 수준까지 개발하는게 다인 것 같아서 현재 2단계 통과를 했으며 3단계 작업에서도 이것과 비슷한 수준보단 좀 더 높은 수준으로 점수도 잘 받아서 추 후에 커리어에 도움이 되고 싶습니다. 국가과제 R&D 개발자로 일하시는 분이 있으면, 개발 역량 강화에 무슨 방법이 있는지 궁금합니다.

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

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

검색 모달 창에서 검색할 때 리액트 쿼리 사용 여부

안녕하세요, 현재 제가 검색 모달 창에서 텍스트를 입력하면 검색하는 작업을 하고 있습니다. 보통 useQuery 훅은 페이지 마다 데이터를 불러오는 경우 많이 사용하는 걸로 알고 있습니다. 제가 작업하는 검색 모달은 사용자가 검색 창을 누르면 검색 모달이 나와서 검색하는 기능이라 여기서도 React-Query에서 제공하는 useQuery를 쓰는지 궁금합니다!

프론트엔트 개발자로 이직하기 위해서 어떻게공부 해야하나요?

안녕하세요, 문과 4년차 직장인입니다 2025년에 제대로 공부해서 1년안에 프론트엔드 개발자로 이직하고 싶습니다. 추천하는 공부방법 있으실까요?? 최근 4-5개월간 인터넷 강의(udemy)로 자바스크립트를 독학했고 배열, 함수, 비동기함수 등 이론은 대부분 이해했지만 혼자 완벽하게 구현하기에는 미흡한 상태입니다) 아래 방법 정도로 생각해봤는데 경력자분들 시선에서 가장 효율적인 방법이 공부방법이 무엇일지 조언을 부탁드립니다 1년안에 프론트엔드 개발자로 이직하기위한..!) - 프론트엔드 개발자로서 사용할 줄 알아야하는 프로그램이 뭔지? (자바스크립트, node.js, 리액트..?) - 자바스크립트만 공부하면 되는건지? - 강의를 독학으로 들으면서 개인 프로젝트를 할지? - 아니면 부트캠프를 들으면서 개인 프로젝트를 할지? - 추천하는 부트캠프가있는지? 회사를 그만두고 준비하기에는 너무 부담이 클것같아서 다니면서 준비하려고합니다! 꼭 조언 부탁드립니다 :) 감사합니다

코딩국비듣는 학생인데 gpt의존도 질문입니다.

리액트와 스프링부트로 웹개발을 진행중인데 GPT나 구글링에 너무의존이되요. 그걸 가져다쓰면 이해는가는데 혼자써보라고하면 조금애매한것같아요 의존을많이해도 실무에서도 괜찮을까요?? 너무 걱정됩니다

로컬스토리지 데이터 변환 감지

리액트에서 로컬스토리지에 데이터가 변환되는걸 감지하여 쿼리 데이터를 무효화하고 싶은데, 좋은 방법이 있나요,,

FE 물경력이 될지 않을까 싶어 고민됩니다

안녕하세요 저는 25살입니다. 졸업하고나서 작은 스타트업에 들어가게 되었습니다. 회사 자체 솔루션을 가진 회사인데, 기존에 앵귤러를 사용하다가 이제 리액트를 이용한 프로젝트를 하고자, 제가 취업하게 되었습니다. 문제는 리액트 개발자도 저 뿐이고, 선임 프론트엔드 개발자도 없는 상황이라 제가 어떤 코드를 짜던지 돌아가기만 하면 오케이인 상황입니다. 저는 회사에 들어가서 저보다 경력있는 사람이 만든 코드를 보고, 제가 짠 코드 리뷰를 하면서 어떤 점이 부족하고 어떤식으로 코드를 짜야하는 등 배우는 것을 생각하고 있었는데 정작 회사에 들어오니 제 마음대로 하게 되었습니다. 그리고 리액트 개발자가 혼자이다 보니, 컨벤션 뿐만 아니라 최적화, 테스트 코드 이런 것들을 지키지 않는 제 모습이 보이더라고요.. 그래서 이러한 경력이 제게 도움이 될까 싶어서 질문 올려봅니다.. 장점은 제가 어떤 기술 스택을 쓰던, 뭘 하던 관여 안하시는 거지만, 제가 배워가는게 있는가 싶기도 하네요..

리액트 퍼블리셔는 뭔가요?

국비 학원 졸업하고 일자리 알아보는 중 인데 리액트 퍼블리셔 라는 공고문을 보게되어서요. 리액트 퍼블리셔면 어느 정도까지 업무를 하는건가요? 리액트는 프론트엔드 영역인 줄 알았는데 생각보다 영역이 다양하네여.

개발 커리어에 대한 고민이 있어 질문드립니다.

저는 현재 1년 5개월 정도의 경력을 가지고 있는 리액트 네이티브 크로스플랫폼 개발자입니다. 작년 12월 말 권고사직 당하여 약 1년간의 공백을 가지고 있습니다. 솔직히... 6개월 정도는 심리적압박 때문에 그냥 휴식을 취했고 이후에는 사이드프로젝트와 이력서 수정 등으로 기업지원이 늦어져 현재 1.5개월 가량 본격적으로 지원하고 있는 상태입니다. 아무래도 웹 개발보다 포지션이 절대적으로 적은 것이 크로스플랫폼 포지션인 것과 더불어 불황으로 공고자체가 적다보니, 서류합격조차 어려운 상황인데요. 그렇다고 서류전형 간신히 통과한다고 해도 기술면접에 대한 자신과, 준비도 많이 부족한 상태입니다. 아무래도 휴직시간이 길어지다보니 경제적인 압박이 있는 상태이다 보니... 생산직으로 취직하여 저녁에 사이드 프로젝트와 기술면접에 대한 공부를 함께 병행하며 경기가 조금이라도 나아지길 기다리는 것을 고민중입니다. 물론 몰입하여 취업준비를 하는게 베스트인것은 알지만, 상황이 이렇다보니 선택 할 수 있는 방향이 이것뿐이라는 생각이 듭니다. 하지만 이 경우에 경제적으로 급한불은 끌 수 있겠지만, 개발경력 사이에 공백기가 너무 길어지는게 문제가 되지 않을까 하는 우려또한 있습니다. 나이 또한 30대 초반이다 보니 걱정되기도 하구요... 이 경우에 1. 이전의 짧은 이력이라도 인정 받을 수 있을지 2. 긴 공백기에 대한 합당한 이유가 될 수 있을지 3. 이 과정에 진행한 사이드프로젝트가 개발직군으로의 복귀에 유의미한 영향을 줄 수 있을지 4. 경기 회복이 불투명한 지금, 이렇게라도 버티는게 맞는지 선배 개발자님들, 그리고 인생의 선배님들께선 어떻게 생각하시는지 궁금합니다.

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

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

취업 도와주세요 웹 퍼블리셔

현재 웹 퍼브리셔로 구직 중인데 php, google apps script, 그누보드, 카페 24, 리액트, sacss, bootstrap 등을 학습하려고 하는데 뭐 부터 공부 하는게 좋을까요?? 도와주세요 선배님들

자바스크립트의 이벤트 처리 질문

리액트로 이미지 inpainting 컴포넌트를 만들고 있습니다. 사용자가 이미지 업로드를 하면 canvas 영역에 그 이미지가 채워지고 그 이미지에 mask 영역을 칠할 수 있는 이미지 에디터 컴포넌트인데요, 궁금한게 생겨 질문드립니다. 첨부한 코드는 컴포넌트의 코드중 이미지 업로드 시 onChange 이벤트의 처리기인 handleImageUpload 함수와, handleImageUpload 함수에서 호출되는 loadImage 함수의 코드입니다. 사용자가 input 요소에 이미지를 업로드하면 onChange 이벤트가 발생해 handleImageUpload 함수가 실행되고 loadImage 함수가 실행됩니다. loadImage 함수가 실행되면 img 객체가 생성되고 img 객체의 src를 지정하죠. 그러면 브라우저는 이미지 로딩을 시작하고 이미지 로딩이 완료되면 onload 콜백함수가 실행됩니다. 저는 이 과정을 자바스크립트의 콜스택, 이벤트 루프, 태스크큐 구조에서 나타내보자면 다음과 같다고 생각했습니다. 1. 초기상태 콜스택 : [ ] 태스크큐 : [ ] 2. 사용자가 파일을 업로드 -> onChange 이벤트 발생 콜스택 : [handleImageUpload] 태스크큐 : [ ] 3. handleImageUpload 내부에서 loadImage 함수 호출 콜스택 : [handleImageUpload, loadImage] 태스크큐 : [ ] 4. loadImage 내부에서 img 객체 생성 및 src 할당 콜스택 : [handleImageUpload, loadImage] 태스크큐 : [ ] Web API : 이미지 로딩 시작 5. loadImage 함수 종료, handleImageUpload 함수 종료 콜스택 : [ ] 태스크큐 : [ ] Web API : 이미지 로딩 진행중 6. 이미지 로딩이 완료되면 Web API가 onload 콜백을 태스크큐에 추가 콜스택 : [ ] 태스크큐 : [onload] Web API : 이미지 로딩 완료 7. 이벤트 루프가 콜스택이 비어있음을 확인하고 태스크큐에서 onload 콜백을 콜스택으로 이동 콜스택 : [onload] 태스크큐 : [ ] 8. onload 콜백 실행 (캔버스에 이미지 그리기 등) 콜 스택 : [onload, drawImage, ...] 태스크큐 : [ ] 일단 이 과정이 맞나요? 만약 이게 맞다면 생기는 궁금증이 있습니다. Web API에서 이미지 로딩이 진행되는동안 loadImage 함수 및 handleImageUpload 함수가 종료되면 loadImage 함수 내에서 생성된 img 객체는 가비지 컬렉터에 의해 지워져야 하지 않나? 그렇게 img 객체가 GC에 의해 사라지면 이미지 로딩이 완료되었을 시점엔 img 객체의 onload 함수도 없어진것이니 onload 함수의 로직은 실행이 되지 않아야 하는 거 아닌가? 하는 생각이 들어 질문드립니다

React에서 React native 개발 전환 경력

안녕하세요, 프론트엔드 3년차 개발자입니다. React로 웹개발을 주로 했고 새 회사에는 웹이 없고 RN으로 개발을 시작했습니다. React를 이제 좀 알겠고 웹을 구현만 하는 것에서 넘어 고도화 하는 단계가 필요하다고 생각했는데 RN으로 넘어오면서 앞으로의 경력이 걱정이 됩니다. 리액트와 비슷하지만 앱은 웹과는 다른 부분들을 처리해야하는 게 많아서 다르더라고요. RN을 계속하게되면 웹 React 경력으로는 볼 수 없는건지 아니면 호환 가능할지 의견을 구합니다.

인강 추천부탁드립니다.

현재 프론트엔드 개발자로 취업을 준비중입니다. 자바스크립트와 리액트를 위주로 공부를 하다보니 UI만드는 부분이 많이 부족한데 사이트에 들어 갔을 때 이미지들이 순차적으로 나오는 기능들과 슬라이드 등 HTML, CSS, JS를 가지고 실무처럼 사이트를 만드는 그런 인강이 있을까요? 괜찮은 인강이 있다면 추천부탁드립니다.

리액트에서 브라우저 Intersection Observer 사용 질문,

안녕하세요, 채팅 관련 프로그램을 개발하고 있습니다. 다름이 아니라 Intersection Observer를 통한 화면 최적화를 진행하고 있습니다. 원하는 최적화 방식은 isIntersector의 true/false 여부를 통해 화면에 메시지 컴포넌트를 제공하고 있습니다. 동작은 정상적입니다. 그런데 문제가 있습니다. 부모에 Intersection Observer를 두나 자식에 Intersection Observer를 두나 아래 2가지 버그가 동일하게 나타납니다. 1. 다소 긴 채팅 또는 무거운 채팅 메시지는 화면 영역에 나타났음에도 isIntersector가 가끔 false 인경우가 있습니다. 그래서 부모가 높이는 가지고 있으나 내용이 빈 경우가 종종있습니다. 2. 메시지가 화면에서 딱 사라지는 순간 isIntersector가 무한 루프 되면서 true/false를 번갈아 가면서 반환합니다. 브라우저는 엣지입니다. 크롬은 불가능합니다. 1번 같은 경우는 산발적으로 발생하고, 2번은 저 상태가 되면 무조건 발생하는 에러입니다. 검색을 이리저리 해봤는데 도통 해결방법이 나오지 않아 여기에 문의드립니다.

웹뷰 관련 공부를 어디부터 시작해야될까요?

웹으로만 프로젝트를 만들어봤는데 앱 관련 프로젝트도 해보고 싶어 웹뷰를 이용하여 기존의 프로젝트에 관련 로직을 추가해서 앱에서도 띄워보는 식으로 구현해보려고 공부하고 있는데 감이 잘 안옵니다.. 일단은 리액트 네이티브를 공부하고 있는데 제가 원하던 그림이 아니라 그냥 처음부터 앱 용으로만 개발하는 느낌이 들어서 좀 헷갈리네요.. 조언 부탁드립니다

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

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

현재 대학교 3학년 인생 최대의 고민입니다.

안녕하세요, 선배님들. 혼자 고민만 하다가 주변에 물어볼 사람이 없어 이렇게 글을 남깁니다. 저는 24살 지방대학교 컴퓨터공학부 3학년 2학기에 재학 중입니다. 현재 제 개발 실력은 상중하 중에서 '하'에 속한다고 생각하며, 주목할 만한 프로젝트를 진행해본 적도 없고, 다양한 경험을 쌓아보지도 못했습니다. 저는 웹 백엔드 개발자가 되고싶습니다. 이런 상황에서 학교에서 K-디지털 트레이닝 프로그램을 진행한다고 하여 지원을 고민 중입니다. 이 프로그램은 자바, 노드.js, 스프링, 자바스크립트, 리액트, CSS, 블록체인, 지능형 웹 프론트 개발 등 다양한 기술을 다룹니다. 프론트엔드와 백엔드뿐만 아니라 블록체인과 지능형 개발까지 배우는 프로그램인데, 약 7개월 동안 진행된다고 합니다. 하지만 제가 느끼기에는 한 가지 분야만 깊이 공부해도 1년이 모자랄 텐데, 이렇게 많은 내용을 7개월 만에 배우는 것이 과연 효과적일지 의문이 듭니다. 그리고 이러한 배움이 과연 제 것으로 완전히 체화되어 취업에 실질적인 도움이 될지도 걱정입니다. 그럼에도 불구하고 이 프로그램에 끌리는 가장 큰 이유는 인턴십 취업 연계형이라는 점입니다. 4학년 1학기에 프로그램을 수강하고 2학기에 인턴십을 나가는 방식으로 알고 있습니다. 물론 대기업이나 중견기업이 아닌 중소기업 위주겠지만, 어디든지 들어가서 실무 경험을 쌓고 싶은 마음이 큽니다. 또 한 가지 고민은 1년간 휴학을 하고 알고리즘 공부부터 다시 차근차근 시작해 프로젝트를 진행하며 경험을 쌓는 것이 나을지, 아니면 이 프로그램을 듣고 인턴십을 통해 취업을 시도하는 것이 좋을지에 대한 갈등입니다. 주변에서는 지금이라도 인턴십을 하거나 졸업 후 바로 취업을 시도하라고 조언하는 분들이 있었고, 국비 프로그램은 비추천한다는 의견도 들었습니다. 하지만 제 입장에서는 이러한 조언이 다소 모순적으로 느껴집니다. 졸업 후 취업이 어렵다고 판단하기에 인턴 연계형 프로그램에 관심을 두고 있는 것인데, 그럼에도 불구하고 국비 프로그램을 비추천하는 의견은 제 상황과 잘 맞지 않는 것 같다는 생각이 듭니다. 이런 상황에서 어떤 선택이 더 나은 길이 될지 고민이 깊어지고 있습니다. 이 프로그램을 선택하는 것이 옳은 결정인지 고민이 많습니다. 선배님들의 조언을 부탁드립니다. 요약해보자면 1. 약 6~7개월간 프로그램을 진행하는데 하나만 중점으로 해도 어려울것 같은데 저렇게 많은 내용을 공부하고 프로젝트까지 진행하면 정말 저에게 도움이 될까요? 2. 아니면 차라리 졸업하고 좀 더 도움이 될 것같은 부트캠프를 들을지 혹은 휴학을 하고 알고리즘 공부부터 차근차근 하고 기회가 된다면 휴학한 학기에 다른 유명한 부트캠프를 지원해보기 (휴학을 할까 말까도 고민됩니다..) 3. 중소기업이라해도 취업연계가 있다니까 그냥 프로그램에서 경험 쌓아보고 인턴십까지 해봐야 할지 4. KDT은 5년에 한 번 밖에 못 듣는걸로 알고있는데 이걸 듣는다면 그 기회를 잃게 되는건데 아까운것 같기도 합니다. 엉망에 가까운 글 읽어주셔서 감사합니다. 조언과 관심 많이 부탁드립니다. 욕을 해주셔도 괜찮습니다 많은 조언 해주시면 감사하겠습니다.