#리엑트

1년미만 프론트엔드개발자 포폴 준비

9개월차이고 1년 채우고 이직하려고 이제 포폴 다시 준비하려고합니다. 취준 때 썼던 플젝은 지우고 새 사이드 프로젝트로 채우는게 좋겠죠? ㅠㅠ 근데 지금 회사에서 js 만 써서 리엑트 수준이 취준때 머물러있습니다. (Si 프로젝트했습니다.) 팀플로 무언가를 하기엔 시간이 빠듯할 것 같아서 firebase로 프론트 프로젝트 혼자하려는데 하나정도 규모 좀 있게 배포까지히면 경쟁력이 있을까요??ㅠㅠ 어떤 부분을 강조하면 좋을까요ㅠㅠㅠ

안녕하세요 개발이 하고싶은 20대 후반 직장인입니다.

안녕하세요. 27살 sqa회사 입사 3개월차 직장인 입니다. 자바기반 국비공부를 6개월 하며 개발자를 꿈꾸었지만 최종학력은 4년제 중퇴(고졸), it관련 경력도 없고 개발쪽 취업이 자꾸 미끄러져서 급한마음에 지금 회사에 온 것 같습니다. 처음엔 qa업무도 개발관련 지식이 있다면 활용가능하고 도움이 된다고 해서 입사하게 되었는데 막상 입사하고 나니 단순 테스터업무와 엑셀문서(함수) 정도를 하고 있습니다. 연차가 쌓이고 먼 훗날 전문적인 qa로서 일을 할 수도 있겠지만 제가 애초에 it로 뛰어든 이유와 맞지 않아 괴리감을 느끼고 있네요.. 이 상황에 안주하고 싶지 않고 이직을 하여 개발자로서의 커리어를 쌓아가고 싶기에 부족하지만 학점은행제를 통해 학위만이라도 따려고 등록하여 강의를 듣고있고, 기존에 가지고 있던 포트폴리오에 제 개인 프로젝트를 하나 추가해보면 어떨까 싶어서 다시 시도중에 있습니다. 제가 배운것이 많지 않기에 리엑트,자바(스프링),오라클,공공api사용등 같은 기술을 가지고 새로운 프로젝트를 하는게 좋을지 아니면 새로 다른 언어,툴 등을 배워 진행하는게 좋을지 이 시도를 하며 제가 잘 하고 있는것인지 이 방법이 무의미한 방법인지 자꾸 저를 의심하게 되어 긴 글 남깁니다. 욕이라도 좋습니다. 제 현상황을 바라봐주시고 조언 부탁드립니다.

스프링부트 타임리프 결과 처리 방법

스프링부트 서버개발하는데요 리엑트와 통신할때는 그냥 데이터만 보내주면 되니깐 상관이 없는데 스프링부트 자체 프로젝트로 타임리프로 처리할때 결과 처리를 어떻게 하시는지요? 지금 카카오 간편로그인으로 버튼 클릭시 간편로그인 창으로 이동되고 가편로그인 완료후 콜백처리 한다음에 나중을 생각해서 RestAPI처리 하려고 했는데 타임리프로는 처리가 안되서 페이지로 로드를 시켜야 하는것 같은데요 ㅠ 이럴경우 통신 성공, 실패 페이지를 만들어서 처리하고 다시 페이지 호출 하는지 궁금합니다.

닫힌 질문 | 리엑트 클론코딩 연습을 위해 작성했습니다.

리엑트 클론코딩 연습을 위해 작성했습니다. 수정하기 및 삭제가 어떻게 되있는지 확인하기 위한 것이니 답변은 안해주시면 감사하겠습니다.

이번년도에 컴공졸업하는데

프론트엔드 요새 연봉이 궁금합니다 물론 사람마다 다르고 회사마다 다르겠지만 css, html, js, 리엑트, 뷰 까지 공부한 상태에서 서울쪽 중소기업에 취직한다치면 3000은 받을수 있을까요?

비전공자) 취업하기 위한 공부계획 관련해서 도움을 요청드립니다

안녕하세요 저는 24살이고 웹 개발자를 목표로 하고 있습니다 제가 앞으로 약 2~3년의 기간을 두고 웹 개발자( 프론트엔드 ) 로 취업하기 위해 유튜브에 올라온 몇 가지 로드맵을 참고해보면서 계획을 짜봤는데 들어보시고 조언 부탁드립니다 우선 저는 학은제로 학점만 따놓은 비전공자입니다 그래서 군복무가 끝나고 25년도부터 방통대 3학년으로 편입해서 학위를 딸 계획입니다 ( 목적 : 고졸꼬리표도 때고 취업 문턱을 조금이라도 낮추기 위해서 ) 방통대에 편입한 뒤에도 짜놓은 계획대로 계속 공부하면서 졸업과 취업 준비를 병행하려고 합니다 방통대 졸업이 어렵다고 하니 취업에 필요한 공부까지 같이하기 위해서 27년도까지 취업을 해보자라는 목표를 잡고 있습니다 여기서 도움받고 싶은 부분은 앞으로의 제 계획에 대한 질문과 조언 입니다 ( 아는게 거의 없어서 중요한게 빠졌거나 비효율적인 계획일 가능성이 높습니다 직설적이고 현실적으로 피드백 부탁드립니다 ) 어떤 유튜브 로드맵을 참고하였는데 파이썬 또는 c언어로 먼저 시작하고 어느정도 공부한 뒤에 자료구조와 알고리즘 공부를 하라고 하셨습니다 그 뒤로는 제 목표인 프론트 엔드에 맞게 CS 공부 하면서 html, css, 자바스크립트 병행 -> 리엑트 등 공부하면서 나만의 프로젝트 만들기 병행 이런 식으로 짜봤는데 여기서 궁금한 점이 파이썬으로 시작하고 자료구조와 알고리즘을 어느정도 공부하고 나서 프론트에 필요한 것들을 손대는게 더 효율적인지 아니면 html, css, js 를 먼저해서 최대한 깊이 있게 공부하고 리엑트에 넘어가면서 자료구조와 알고리즘, CS 지식 등을 건드리면서 공부를 시작해 나가는게 더 효율적인지 잘 모르겠습니다 물론 둘다 효율 따질거 없이 다양한 방법 중 하나일 수도 있고 둘 다 별로 안좋은 계획일 수도 있기에 이렇게 긴 글 써가면서 도움을 청해봅니다 저는 막연하게 공부해나가는 상황을 너무 무서워하는 성격이라서 앞으로 긴 시간을 투자해 나갈텐데 누군가가 제 앞으로의 계획에 확신을 주셨으면 좋겠습니다 마지막으로 정리해서 질문 드립니다 제 상황 (고졸이라서 25년도 방통대 편입 예정, 27년도까지 취업하는 것을 목표함 ) 을 참고 해주시고 프론트엔드라는 목표에 맞게 계획을 짠다면 어떤 순서와 어떤 부분을 특히 중요하게 여기면서 공부해 나갈지 조언 부탁드립니다 긴 글 읽어주셔서 감사합니다

컴공과 2학년, 공부 방향 조언이 절실합니다.

안녕하세요! 경기권 컴공과 재학중인 2학년입니다! 대학입학 전까지는 관련 지식이 아무것도 없던 상태라 1학년은 뭘해야 할지 몰라서 동아리(멋쟁이사자처럼)에서 하라는 것들이랑 성적관리를 최대한 열심히 했습니다(동아리 해커톤-기본적인 자바스크립트로 웹앱 껍데기 만들기) 그래서 현재 그나마 조금 다룰수 있겠다 싶은게 html, css, js입니다.(학교에서 대충배운 C,java,파이썬 제외) 무언갈 계속 만들어보고싶어서 미니프로젝트로 동기들이랑 학교 축제 사이트도 만들어봤습니다. 백엔드와 api 연결하는것은 잘 다루지 못한 상황이고, 프론트엔드가 처음 배우기 수월할 것 같다는 생각에 시작했습니다. 올해는 동아리를 하지 않아서 작년에 리엑트 강의를 들으려 사놓은게 있어서 유데미 강의 듣고 있는데, 진로를 막연히 고민히다 앱을 만들어 보고 싶다는 생각이 들었습니다. 이정도 지식상황에서 바로 앱관련 언어를 배워도 될까요? 아니면 리엑트를 다 끝내고(리엑트 끝장판이라 아마 깊이 알아갈수 있을것같아요) 백엔드도 어느정도 하고 앱으로 들어가야할까요..! +) 번외로 인강은 시간에 비해 효율적이지 못한것 같아 바이블같은 책으로 공부해보고 싶은데 어떻게 생각하시나요! 혹시 언어별 추천서가 있다면 댓글로 남겨주시면 너무 감사할것 같습니다!!

React lazy에 대해 질문드려요

안녕하세요 프론트엔드를 공부하고 있는 초보 개발자입니다 제 사이드 프로젝트 App.js에는 총 13개의 페이지를 Routes안에서 처리해주고 있습니다 리엑트 공식문서를 보고 따라해봤는데 콘솔 네트워크 탭에서 봐도 초기 로딩속도는 약 2.2~2.6초 였습니다. 이걸 전부 lazy로 바꾸니 확실히 1.3~1.47초가 나오더라구요 여기서 궁금한 점이 있습니다 1. 초기 로딩 속도를 줄이긴했는데 더 많은걸 request하고 있더라구요 lazy 전에는 네트워크 요청 쿼리랑 이미지 리소스가 떴다고 하면 lazy 후에는 뭔가 그 패키지들의 이름이 쫘르륵 나오면서 17개 였던게 27개가 됐어요 근데 속도는 더 잘나와요 이게 맞는건가요 ? 2 . 메인페이지에서 굳이 상세 페이지나 다른 페이지를 초기에 받아오지않아서 초기 로딩 속도를 줄여주는건 알았는데 반대로 사용자가 다른 페이지에 갈때마다 그 페이지를 다시 받아와야하는걸로 알고 있습니다 그 부분은 로딩 스피너로 구현을 해놨는데 프로젝트 규모에 따라서 lazy를 해주고 안해주고의 차이인가요?

JWT 로그아웃 관련 질문 입니다.

JWT 를 사용하여 로그인 기능을 구현 하였습니다. 저같은 경우에는 로그인시 에세스토큰과 리플레시 토큰을 생성해서 사용중이 mysql 테이블에 저장을하고 토큰 두개를 반환하면 프론트(리엑트) 에서 세션 스토리지에 저장해서 에세스 토큰으로 통신하다가 만료가 되면 리플레시를 요청하고 리플레시를 보내서 데이터베이스에서 유효시간과 변형이 되지 않은것을 확인하면 다시 에세스 토큰을 발급하는 시스템으로 구현을 했는데요 이때 에세스 토큰은 30분 리플레시 토큰은 8시간을 주고 개발 하였습니다. 그런데 생각해보니 로그아웃을 구현 안했더라고요 프론트에서는 로그아웃하면 세션스토리지를 날려버리면 끝인데 RestAPI라 데이터만 주고 받으면 되는 형식이라 딱이 제가 받는게 없다는겨죠 그렇게 로그아웃을 찾아 보다가 다른분들은 Redis를 사용하여 리플레시 토큰을 입력받은 아이디를 key로 저장한후에 에세스를 발급하고 로그아웃하면 그토큰을 블랙리스트로 만들더군요 만료시간후에 자동 삭제되게 설정도 하는거 같아요 이게 어느 방향으로 개발하는게 맞는지 도통 모르겠습니다. 로그아웃 할때마다 리플레시를 무효화 시키고 로그인할 때 새로 생성해서 저장하는게 맞는지 로그아웃해도 데이터베이스에 리플레시 유효기간이 남아 있다면 그것을 계속 사용하는게 맞는건지 어느 글들을 보면 리플레시를 7일 한달도 주는 경우가 있더라구요... 그래서 잘 모르겠습니다. 로그인 -> 에세스,리플레시토큰 발급 -> 프론트 세션스토리지 저장 -> 에세스로 통신 -> 만료되면 리플레시 요청 -> 프론트에서 리플레시 통신 -> 데이터 베이스 확인후 유효검사후 에세스 다시 발급 -> 재로그인시 유효시간이 남으면 기존의 리플레시 토큰 사용 로그인 -> 에세스,리플레시토큰 발급 -> ........ -> 로그아웃시 Redis에 블랙리스트로 저장 -> 블랙리스트 접근불가 -> 다시로그인시 리플레시 새로발급 실무에서는 어떻게들 관리하시는지 알려주시면 감사하겠습니다.

json parse error 문제입니다.

리엑트에서 {userId : id} 이렇게 보내는데 컨트롤에서 Resolved [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Cannot deserialize value of type int from String "[object Object]": not a valid int value] 에러가 발생합니다. User VO로 맴버필드도 int 타입으로 선언되어있는데 파싱에러가발생... @RequestBody User user 로빼고 있는데 이유가 뭘까요?.. 예전에도 비슷한 문제가 있었던거 같은데 검색해도 못찾겟습니다 ㅠㅠ 알려주세요 ㅠ

react 에서 새탭을 띄우면서 헤더에토큰을 포함시켜 전달할 수 있나요?

리엑트로 프로젝트를 만들고 있습니다. 리액트 내부에서 라우터로 정의된 url이 아닌 완전 별개의 url을 요청하고 싶습니다. url요청시 토큰이 필요해서 토큰을 같이 전달해야하는 상황인데 방법이 있을까요?

취업을 위한 프로젝트 기술 스택 React vs. Next.js

안녕하세요. 프론트엔드 취업을 준비 중이에요. 이제 포트폴리오용 프로젝트를 진행하려고 하는데, 기술 스택에 고민이 있어 질문 올려요! 혼자하는 프로젝트여도 좀 규모를 크게 완성도 있게 가져가려고 계획 중이고, 기간은 3개월 안 쪽으로 잡고 있어요. 하나 고민인게, 아직 react만 써서 어떤 프로젝트를 개발해 본 적이 없는데, 요즘 회사에서 많이 요구하는 next.js 프레임워크를 바로 플젝에 사용하는 것이 옳은 것인지 조언를 구해요. 물론 next.js를 쓰면 리엑트가 따라오겠지만, 리엑트와 next.js 사이에도 차이는 존재할텐데요. 예를 들어 라우팅하는거나 이미지 태그 등등 지금은 사소한 것 밖에 차이를 모르지만 아마 둘 사이에 많은 것들이 조금씩은 다르겠죠?? 그래서 회사에서 요구하는 next.js를 조금은 나중에 토이 프로젝트로서 경험하고 이번 프로젝트는 제대로 만드는 만큼 오직 리엑트만을 써서 최적화까지 딥다이브하고 나면 다음에 next.js로 프로젝트 할 때 더 많은 것들을 배우지 않을까 싶어서요! 당장 취업도 바라봐야 하지만, 개발자라는 길에 들어선 만큼 리엑트를 깊게 잘 딥다이브를 해야할지 next.js를 쓰면서 리엑트를 같이 배우는 것이 좋을지 의견 듣고 싶습니다!

FFMPEG 를 사용해서 영상편집 가능한 플랫폼 개발을 하려는데요..

말그대로 플랫폼을 개발하려고 하는데 프론트는 리엑트를 사용할 예정입니다. 영상편집 기능에 AI관련 기술도 붙을 예정이라 PYTHON을 희망하는데 PYTHON으로 한다고하면 NODE나 DJANGO를 배워야 하는데 장고는 레퍼런스가 없고 노드와 파이썬을 둘다 배우기에는 시간적 여유가 부족하지 않을가 싶기도 합니다. C로 한다면 C만 배우겠지만 요즘 사용하는곳이 적어서 유지 보수가 나중에 힘들것 같구요 인력 구하기도 마찬가지로 말이죠.. RUST도 시간적 여유가 있을지 싶습니다... 4K 영상을 편집하며 동시에 접근이 되어야하기 때문에 가볍지 않다고 생각하는데요 배워야 하는 시간은 뒤로하고 현실적으로 사용해야 할 개발 환경에 대해서 조언 부탁드립니다.

ssr을 사용 시, 조건부 렌더링의 문제점

ssr을 사용하는 가장 큰 이유 중 하나는 seo입니다. seo는 html 내부의 데이터를 수집해서 웹 결과를 구성하는데 csr은 초기에 빈 html을 받고, 이후 링크된 자바스크립트를 통해 화면을 렌더링 합니다. 이러한 구조 때문에 seo에 취약하다는 단점이 생깁니다. ssr은 프리렌더링을 통해 미리 화면을 렌더링 하고 완성된 html을 클라이언트에게 보내줌으로 seo를 최적화 합니다. 하지만 리엑트 코드를 작성중 이런 경우 생기는 데 동적으로 받아오는 데이터가 있고, 이에 따라 달라지는 화면이 여러가지인 구조입니다. 이런 상황이 빈번하다면 프리렌더링을 하더라도, 핵심적인 데이터가 html에 나타나지 못하니 여전히 seo에 취약한 것 아닌가 하는 의문이 들었습니다. 그리고 만약 그러하다면, 이런한 코드방식을 지양해야 하는가 의문도 있습니다.

styled-components 모듈 관리는 어떻게 하는게 효율적인가요?

리엑트에서 프로젝트 하실 때, styled-components 로 만들어진 모듈 관리는 보통 어떤식으로 하시나요? GPT 한테 물어보니까, 아래와 같은 답변을 얻을 수 있었는데, 컴포넌트 기반 구조 components: UI 컴포넌트를 저장하는 폴더입니다 Button: 버튼 컴포넌트 index.js: 컴포넌트 로직 styles.js: styled-components 스타일 Card: 카드 컴포넌트 index.js styles.js -------------------------------------------------------- 저는 현재 프로젝트에서, Header.jsx : 헤더 컴포넌트 StyledHeader.js : 헤더 styled-components 로 관리하고 있습니다. styled-components 에 대한 모듈 관리의 일관성은 생산성 측면에서 중요하다고 생각하는데, 다들 프로젝트에서 어떤식으로 관리하시는지 궁긍합니다!

리엑트네이티브와 플러터중 어떤것으로 밀고 나가야할까요

앱을 플러터로도 2개 개발했고 리엑트로도 3개 개발했는데 플러터가 더 편하더라구요 둘중 어떤것으로 밀고 나가야할지 고견부탁드립니다

React axios

안녕하세요 대학 동기와 미니 프로젝트를 진행중인 학생입니다. 친구는 리엑트를 이용한 프론트엔드를 저는 스프링부트를 이용한 백엔드를 맡고 있습니다. 본론으로 들어가자면 현재 프론트 측에서 성향테스트 답변들을 json으로 백엔드에 넘겨주면 백엔드는 이를 분석해 mbti 명을 반환해줍니다. 이때 요청은 post형식의 /api/mbti로 통일했는데 응답 이후 똑같은 post형식의 /api/(리턴된 mbti명)으로 요청이 들어오고 있습니다. 왜 한번더 의도하지않는 요청이 가는지 그리고 왜 리턴된 값으로 요청이 가는지를 모르겠습니다.. 프론트엔드 오류 코드는 다음과 같습니다.

취업이 됐는데 부트캠프도 듣고 싶어요..

안녕하세요. 이번 국비 자바 백엔드 과정 수료하고 운좋게 취업에 성공했습니다. 1.제가 취업이 안될까봐 미리 부트캠프 신청을 했는데 저는 부트캠프를 들으면서 회사를 다니고 싶은데 가능할까요.?신입으로 취업하는 겁니다.. (다행히 야간반이있습니다) 2. 부트캠프 중엔 자바 스프링 vs 프론트 (리엑트) 부분이있습니다. 저는 자바 스프링을 했기에 프론트로도 하고싶은데 국비로 날림으로 배우다 보니 자바 부분도 취약한것 같습니다. 풀스택으로 프론트 부분을 배울지, 백엔드 부분을 좀 더 탄탄하게 다져야 할지 고민입니다. 3. 그리고 사실 알고리즘이 가장 심각한 문제인것 같습니다. 비전공자인데 알고리즘 (코딩테스트) 문제를 건드리질 못합니다. 답을 보면 이해가 가지만, 문제 풀이 방식을 몰라서 문제를 외워버리고 인터넷에서 풀이된 풀이도 외우게 됩니다. 이렇게 공부하는 방식이 맞을까요?

중고신입 프론트엔드 이직 고민

안녕하세요. 프론트엔드 개발자로 일한지 1년정도 된 신입 개발자입니다. 처음 개발입문을 웹개발로 시작해서 React를 공부했고 그렇게 React개발하는 회사에 취업해 6개월정도 JS기반 React 프로젝트를 진핸했습니다. 이후 회사가 모바일앱을 개발하게되어 독학으로 Flutter를 공부하게되었고 현재 5개월째 Flutter개발로 앱개발을 업무를 하고 있습니다. 이런 상황에서 여러가지 이유로 이직을 고민하고 있는데요...! 웹개발과 앱개발 모두 개발하는 과정에서 다 재밌었고 좋았습니다. JS로 개발하다가 오히려 Dart를 사용하면서 타입이 적용되서 더 꼼꼼히 개발하게되는 경험이 있었고 상태관리를 쓰는것도 웹개발때 보다는 flutter개발에서 더 그 구조를 잘 이해하게 된거같습니다. 그런데, 이직을 고려하는 시점에서 React개발자로 이직을 하고 싶습니다. 현재 회사에서는 flutter개발을 하고있지만, flutter를 개발한 경험이 제 스스로에겐 개발 전체적 경험에서 많은 도움이 된거같은데 이런 부분을 React웹개발자로 지원하는데 이력서를 어떤식으로 작성해야 할지 모르겠습니다. 처음 6개월 리엑트 개발을 하면서는 첫 프로젝트고 정신이없어서 개발했던 내용들을 잘 정리를 못했더라구요.. 그래서 flutter개발을 하면서는 개발이슈라던가 그런것들을 정리를 했는데, 앞선 리엑트 경험이 6개월전 경험이어서... 이걸 어떻게 어필하는게 좋을지 어필이 되는지... 다른 리엑트 프로젝트를 지금이라도 개인적으로 더 해야할지 고민이됩니다. 두서없이 길게 작성을 했네요 ㅠㅠ 짧게 정리하면, 6개월 리엑트 5개월 플러터 한 경험으로 리엑트 중고신입으로 지원하려면 어떤식으로 전략을 짜는게 좋을까요??? 긴글 읽어주셔서 감사합니다!

리엑트 네이티브에서 클라이언트, 서버 상태 관리를 같이 관리하시나요 따로 관리하시나요?

리엑트로 작업을 진행할 때 클라이언트와 서버 상태 관리를 각각 따로 하다보니 관심사의 분리로 관리하기가 편했어서 이번에 리엑트 네이티브에도 적용하려고 하는데 고민이 있습니다. 리엑트 네이티브에서 상태관리를 보통 어떻게 하시는지 궁금합니다. 혹시 제가 하고자 하는게 맞는건지도 고민이 됩니다.

신입 프론트 개발자 9개월차 이직조언 부탁드려요!

안녕하세요! 프론트 개발자로 9개월째 일하고 있는 신입 개발자 입니다! 아직 1년도 되지않은 이시점에서 자꾸 이직 생각이 드는데... 이런 상황에서 이직이 맞는걸지 아니면 좀더 회사를 다녀보는게 좋을지 조언을 구하고 싶습니다. 제가 처음 입사했을당시, 리엑트를 사용하는 신규 프로젝트를 하게 되었습니다. 신규 프로젝트인데 생각보다 규모가 크고 일정이 빠듯했기에 개발을 함에 있어서 다른 무엇보다 "속도와 일단 동작되도록" 에 가장 큰 초점을 두고 일했습니다. 당연히 일정을 맞추는게 가장 급한 일이었기에 코드리뷰같은건 꿈도 못꿨습니다. 테스트코드도 없구요. redux를 사용했지만, 제대로 상태관리를 하면서 사용하기보단, 그냥 거의 모든 상태를 useState로 관리하면서 props drilling이 생기는걸 지금은 당장 급하니 나중에 생각해보자고 하시더라구요. Style같은 경우도 일단 빨리해야하니 inline으로 다 작성하자고 하시더라구요. 이런 방식으로 개발을 빠르게 진행하고 프로젝트 배포를 했습니다. 물론 지금도 계속 배포 이후 버그를 수정중인데, 버그가많아 리팩토링은 계속 미뤄지고 있습니다. 이후 저는 리엑트가 아닌 플러터 프로젝트를 하게 되었습니다. 물론 처음 배우는 거라 혼자 독학으로 틈틈히 회사다니면서 공부했고 지금 기본적으로 레이아웃 잡고 api붙이고 하는 작업들을 하게되어 웹이 아닌, 크로스플랫폼앱 개발을 3개월째 하고있습니다. 리엑트할때는 사수(팀장)가 있지만 너무 바빠서 그냥 혼자 알아서 다 했던거같습니다. 가끔 여쭈어 보아도 그냥 혼자 해보라고만 하시더라구요. 그래서 고민을 더 해보고 이런이런 이유로 이렇게 코드를 짜서 이런 결과가 도출되길 바랬는데 저런 결과가 나왔다 근데 아무리생각해도 이런 논리가 제생각엔 맞는거같은데 어디서 문제일까요? 라고 물었지만 돌아오는 대답은 그냥 알아서 잘 해봐라 였습니다.. 그래서 그냥 6개월동안 거의 구글과 gpt한테 물어보면서 일을 했습니다! 다행히 앱개발에는 다른 사수분이 새로 들어오셔서 나름 잘 알려주시고 있긴합니다. 이런 상황에서 이직을 고민하게 된 이유는 먼저 개발적인 부분에서 - 코드리뷰 및 피드백 X - 상태관리 X - 디자인시스템 적용 체계 X - 코드컨벤션 X - git branch 분리 X (only main) - 사수(팀장) 있지만 바빠서 자기일만 함 (다들 혼자 일함) - 웹개발자로 취업해서 리엑트도 아직 숙달되지안은 상태에서 갑자기 플러터를 하게되니 이도저도 아닌 경력이 되버릴까봐 걱정됨 (물론 플러터 배우는게 재밌긴 함) 이런 점들이 있습니다. 이외에 비개발적인 부분의 이유도 좀 있지만 그냥 개발적인 부분만 고민했을때 지금 회사가 기술적이나 그런 부분이 발전에 도움이 될까 하는 생각이 듭니다 ㅠㅠ 그리고 제가 9개월차로 리엑트 6개월 플러터 3개월 프로젝트를 진행했는데, 타회사로 이직하기에도 너무 애매하게 일을 해본거같아 그런점들이 고민됩니다.ㅠㅠ 그리고 그 흔한 상태관리, 스타일라이브러리도 못다뤘기에 이력서에 어떤식으로 써서 준비해야할지도 잘 모르겠고 고민만 늘어가고 있습니다.. ++)) 추가질문! 회사프로젝트는 private 레포인데 이력서에 깃헙주소를 넣을수는 없을거같은데 그럼 이력서에 회사프로젝트 내용은 어떤식으로 정리하면 좋을까요?? 긴글 읽어주셔서 감사합니다 객관적인 조언 부탁드립니다!! 감사합니다.

리엑트에서 마크다운 형식 실행하기

const [markdownContent, setMArkdownContent ] = useState() ()안에 마크다운 문법 텍스트를 넣으면 문법이 꺠져서 실행됨 ><br>

모노레포 도입 고민

안녕하세요 현재 리엑트로 pwa게발중인 대학생입니다. 이번 프로젝트에서 두개의 앱을 만들어야 하는데 현재에는 멀티레포방식으로 레포지토리 두개를 파서 개발중입니다. 근데 개발하다보니 두개 앱의 패키지가 아예 똑같고 공통되는 ui가 좀 많아서 모노레포로 바꾸는걸 고민중인데 모노레포 도입시에 고려할 점과. yarn workspace, turborepo 등등 여러가지 있는것으로 아는데 어떤걸 사용하는게 좋을지 추천부탁드리니다!

2년차 프엔 개발자

안녕하세요! 이제 막 근무한지 1년반 된 신입 프엔 개발자입니다. 스타트업에 근무하고 있어서 사수없이 1년반을 근무했기에 제가 가는 길이 맞는 방향인지 개발자로서 저의 역량은 어느정도인지, 2년차 개발자는 보통 어느정도 실력인지 알고싶어서 질문 올립니다! 현재 타입스크립트로 리엑트, next.js 사용해서 어드민 사이트 2개 제작중에 있습니다. antd 라이브러리 쓰다가 예외사항이 너무 많아 라이브러리 없이 그냥 다 만들고 있습니다. 지금은 개발하면서 자바스크립트에 대한 깊은 지식을 알고싶어 딥 다이브 책 공부하고 있으며 cs지식도 공부하고 있습니다. 앞으로 개발자로서 어떤 자세로 나아가야하는지, 뭘 공부하면 좋을지 선배님들이 알려주신다면 너무 감사할 것 같습니다.

바닐라JS 로 만든 기존 프로젝트를 리엑트로 기술 변경 시 질문입니다

안녕하세요! 프론트엔드 취업 희망하고 있는 취준생입니다. 개인 프로젝트를 만드는 과정에서 생긴 궁금증인데 어떻게 해야할지 잘 모르겠어서 질문드립니다. 기존에 바닐라 JS로 만든 프로젝트를 조금씩 키우다가 바닐라로는 버거워서 리엑트로 기술을 바꿔서 다시 만들고 싶습니다. 이럴 경우 같은 프로젝트니까 같은 파일 내에서..? 음 그러니까 같은 레포지토리를 사용하면서 변경을 시키는 게 좋을까요 아니면 새로운 프로젝트로 생성 후 새로운 레포지토리를 만들어서 제작해나가야 하는지 궁금합니다. <정리> 1. HTML 등의 파일이 있는 기존 프로젝트 내에 리엑트를 설치한다 VS 새로운 리엑트 프로젝트 파일을 만든다. 2. 깃허브의 레포지토리를 기존에 사용하던 걸 그대로 쓴다 VS 새로운 레포지토리를 만든다. 어떤 방식이 더 괜찮은 방식일까요?? 더불어 현업에서는 기술 스택 변경 시 어떻게 하는지도 궁금합니다~~

외국에서 개발자 취준하기

지금 프론트엔드 쪽으로 자바스크립트 타입스크립트 리엑트 인강들으면서 혼자 독학으로 취업준비 하고있고 , 최종 목표는 풀스텍 개발자입니다. 지금 프론트엔드부터 하는 중인데.. 제가 다른 학과에서 넘어온거라 빠른 나이도 아니라 생각하고 공부해야할게 산덤이인건 알지만 일본으로 워홀을 가보는게 목표였어서 워홀도 가려고 합니다 근데 갔다오면 20대 중반이 되버려서 그때부터 취업준비를 하면 늦는게 아닐까 싶어서 워홀가서 온라인 부트캠프나 프로젝트를 참여하고 한국 와서 바로 취업할 수 있게 하고싶거든요 가능할까요 ? 외국에서도 한국 온라인 부트캠프로 참여 가능할까요 워홀을 가야하나 말아야하나 계속 고민이 됩니다..ㅠ

(고민)프론트엔드 개발자가 되고자하는 취준생입니다

CSS에 대해서 베이스가 부족한 상태여서 막상 웹사이트를 만들때에 어려움을 많이 겪고 있습니다 어떤 속성을 써야할지 고민이되고, 기존에 알고 있는 속성만 쓰다보니 픽셀을 쓰는 감도 부족한거같고, 이번에 기회가 생겨서 리엑트로 사이드프로젝트를 하게 되었는데, 퍼블리싱 단계에서 css에 대한 기초지식이 부족한것을 느꼈습니다! 디자이너 분에게 디자인을 전달받아서 받은대로 만들어보려고 하는데 막힌다면 어떻게 하는것이 제일 좋은 방법일까요? 여러 선배님께 조언을 구합니다 스타일컴포넌트로 사용하기로했습니다

웹 개발 반응형 테스트할 때 에뮬레이터도 사용해야할까요?

안녕하세요, 리엑트로 웹 개발을하고 있습니다. 1인 개발을 통해서 수익까지 창출하려고 하는데 서비스 특성상 모바일 접속이 많을 것 같아서 반응형에 신경을 많이 쓰려고해요. 현업에서는 웹 반응형 구현할 때 어떤 방법으로 테스트하는지 궁금합니다. 개발자 도구 통해서 responsive 조정해가면서 개발하고 있긴한데, 시뮬이나 에뮬레이터 실제로 켜보고 웹 접속해서 해봐야하는지 궁금하네요. 보통 어떻게 하시나요?

리엑트 props 전달 뎁스는 어느정도가 적당할까요?

props를 전달하는 뎁스에 대한 가이드라인이나 어느 정도의 뎁스가 성능적으로 좋은지 판단하기가 어렵습니다. 리엑트로 개발하시는 분들은 어떤 기준으로 props 뎁스를 전달하고 계신가요? global state로 전환하는 기준도 궁금합니다. 감사합니다!

React - 상태관리라이브러리 디자인패턴이나 전략

리엑트와 상태관리라이브러리를 사용했을 때 어떠한 전략이나 디자인패턴 그런 것을 이해하기 어렵더라구여..ㅠㅠ 추천해주실만한 공부 로드맵?이 있을까요? 아니면 실무에서 어떤 디자인패턴을 사용하시나요?