#frontend

(SSR 새로고침 문제)NextJS page에서 redux persist gate 설정하면 Client컴포넌트로 인식되는 문제

NextJS Pages Router에서 유저 데이터를 상태관리하기위해 redux를 사용했으나, 새로고침 시 데이터가 날라가는 문제를 해결하기 위해 persist gate를 사용했습니다. 하지만 redux persist gate를 사용하면 클라이언트 컴포넌트로 인지되는 문제가 있습니다. 궁금한 것 1) persist gate를 잘못써서 생긴 문제일까요? 아님 persist gate를 쓰면 안될까요? 2) 해결 방법으로 생각 해본 것은, "persist gate를 사용하지 않고 매 새로고침 시 저장되어있는 local storage에서 데이터를 새로 가져온다." 입니다. 3) ssr시 상태관리 새로고침 다른 방법으로 해결해본 경험 있으시면 아무렇게나 대답해주시면 감사하겠습니다!!! ----------------------------------------------- 문제의 코드 위치: https://github.com/bbookng/zippyziggy-v2/blob/main/frontend/zippy-ziggy/src/pages/_app.tsx 문제의 코드: import GlobalStyle from '@/styles/Global.style'; import useDarkMode from '@/hooks/useDarkMode'; import { media } from '@/styles/media'; import { darkTheme, lightTheme } from '@/styles/theme'; import type { AppProps } from 'next/app'; import { ThemeProvider, createGlobalStyle } from 'styled-components'; import normalize from 'styled-normalize'; import '@/styles/index.css'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import AppLayout from '@/layout/AppLayout'; import store, { persistor } from '@/core/store'; import { PersistGate } from 'redux-persist/integration/react'; import { Provider } from 'react-redux'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; import 'toastify-js/src/toastify.css'; import { ToastContainer } from 'react-toastify'; import 'react-toastify/dist/ReactToastify.css'; import DefaultHead from '@/components/Head/DefaultHead'; import Construction from './construction'; const queryClient = new QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: false, // default: true }, }, }); function App({ Component, pageProps }: AppProps) { const { colorTheme, toggleTheme } = useDarkMode(); return ( <Provider store={store}> <PersistGate persistor={persistor}> <QueryClientProvider client={queryClient}> <ThemeProvider theme={colorTheme === 'dark' ? darkTheme : lightTheme}> <AppLayout toggleTheme={toggleTheme}> <Component {...pageProps} /> ... </AppLayout> </ThemeProvider> <ReactQueryDevtools initialIsOpen={false} /> </QueryClientProvider> </PersistGate> </Provider> ); } export default App;

DRF를 자세히 공부해보고싶은데 독학으로 하려니 자꾸 턱턱걸립니다... django 백엔드에서 프론트엔드로 보낸 data가 안불러와져요

django rest framework로 웹을 개발하는 것을 공부하는 중인데 막히는부분이 많아서 점점 괴로워지네요. 이거를 보면서 독학하고 있는데요. https://wikidocs.net/book/9596 django views.py에서 response(data)를 발신하는 것까지는 되는데 next.js를 이용한 프론트에서 data를 받아오지 못하고 있어요... 왜 그럴까요? 디버그 메시지가 안뜨니 더 알기가 어렵네요. # backend/views.py """ from django.shortcuts import render from django.http import HttpResponse from rest_framework.decorators import api_view, permission_classes from rest_framework.permissions import AllowAny from rest_framework.response import Response # Create your views here. @api_view(['GET']) @permission_classes([AllowAny]) def hello_world(request): return Response('Hello, World!') # frontend/index.js """ import React, { useState, useEffect } from "react"; // config.js export const BACKEND_URL = "http://127.0.0.1:8000/"; const Home = () => { // State to store the data fetched from the backend const [data, setData] = useState(""); // useEffect hook to fetch data from the backend when the component mounts useEffect(() => { // Fetch data from the backend API using the '/api/hello' endpoint fetch("${BACKEND_URL}api/hello") .then((response) => response.json()) .then((data) => setData(data)); }, []); // Render the component JSX return ( <div> <h1>Welcome to Fine-Tuning Chatbot!</h1> <p>{data}</p> </div> ); }; export default Home; """ pure django-template를 이용해서 홈페이지 만들고 그 원리를 이해하는 것까지는 되는데 DRF는 정말 다른 세상이라고 느껴지네요...ㅎㅎ 좋은 강의나 책이 있으면 추천부탁드립니다. ㅠㅠ 위에 언급한 강의로 RESTful 배워보려는데, 기술스택이 많아서 그런건지 정보량도 많고 어렵네요 ㅠ

React Spring 배포과정 중 의문의 404

react + spring boot로 진행하는 프로젝트가 현재 cloudtype이라는 플랫폼으로 배포중에 있습니다. 문제는 정확한 서버주소를 호출하는 것 같음에 불구하고 404 에러가 발생하여 해결하지 못하고 있습니다. 현재, 아래 사진과 같은 로그가 클라이언트, 서버에 각각 발생합니다. 서버에서는 다음과 같이 구성되어있고 @RestController @RequestMapping("/v1/login") @RequiredArgsConstructor @CrossOrigin(origins = "https://web-secondchance-front-bug-1cupyg2klvnmgdft.sel5.cloudtype.app") public class KakaoController { private final KakaoService kakaoService; private final Logger LOGGER = LoggerFactory.getLogger(KakaoController.class); @PostMapping("/kakao-login") public ResponseEntity<UserDto> kakaoLogin(@RequestBody KakaoLoginDto kakaoLoginDto) { String code = kakaoLoginDto.getCode(); LOGGER.info("Get Code from FrontEnd : {}", code); LOGGER.info("Request getAccessToken()"); kakaoLoginDto = kakaoService.getAccessToken(code); String accessToken = kakaoLoginDto.getAccess_token(); LOGGER.info("access_token : {}", accessToken); if(accessToken != null){ UserDto userDto = kakaoService.getUserInfo(accessToken); return ResponseEntity.ok(userDto); } else { return ResponseEntity.status(HttpStatus.BAD_REQUEST).body(null); } // accessToken이 null임에도 getUserInfo를 부름. // 안부르게 끔 위의 방법을 포함하여 // 1. map에서 true, false를 사용하여 해봄 // 2. getAccessToken을 map객체로 반환하게끔 하여 accessToken이 있으면 true, 없으면 false로 하여 isEmpty 함수로 체크하여 부름 // 위의 두 방법 전부 소용없음. 그냥 getUserInfo를 부름. } @PostMapping("/kakao-logout") public String kakaoLogout(){ return "ok"; } } 현재 리액트에서는 다음과 같이 axios.post로 접근하여 code를 전달합니다. 무엇이 문제일까요?

국비교육 조언부탁드립니다.

전자공학과를 나왔고 과에서 전공에 코딩이 많아서 접하는 일이 많다보니 흥미를 갖게 되었습니다. c언어, java, linux 등 하나를 깊게 배우지 않고 조금씩 접하다 보니 제가 배운게 뭔지 몰라 개발자가 되고싶다는 막연한 생각을 하던 와중에 국비지원을 알게 되었습니다. 저는 대부분 개발자를 접할 때 웹으로 많이 시작을 한다고 해서 저도 백엔드쪽을 집중적으로 공부를 하고 추후에 클라우드도 공부를 해서 데브옵스를 전문적으로 공부를 하고 싶다는 생각을 했습니다. 그래서 여러가지 학원들을 보고 있는데 배우는 내용과 난이도가 어떤지 몰라 조언을 구하려고 합니다. C언어는 다 배웠고 JAVA는 조금 배우고 졸업작품으로 안드로이드 스튜디오로 간단한 어플리케이션 만든정도 입니다. A학원 Database : Oracle DBMS, 설치 및 Admin, SQL 기본과 활용 Programming : Java 환경설정, 기본문법활용, 클래스, 네트워크, JDBC Front-end : HTML/CSS, Javascript, jQuery Back-end: 웹개발 환경구축, 서블릿&JSP, AJAX&MVC패턴, 리눅스&클라우드 Framework: Spring Framwork(DI, JDBC, MVC), Springboot, Mybatis B학원 클라우드 기반 웹 프로그래밍 - 클라우드 기술의 이해 (리눅스, NCP Laas 등) - 웹 프로그래밍 기초 (HTML, CSS, BootStrap) - 자바스크립트 - 리액트 기초프로그래밍 - 자바 프로그래밍 - 데이터베이스 (MySQL, JDBC) - 스프링 입문 - 스프링 데이터 - SaaS API 사용하기 DevOps 프로그래밍 - 네이버클라우드 플랫폼 - DevOps 를 위한 리눅스 - NCP DB&스토리지 - 도커를 활용한 컨테이너 구축 - 운영자를 위한 DevOps - 개발자를 위한 DevOps MSA 기반 프로그래밍 -MSA 개발을 위하 쿠버네티스 - 스프링 클라우드 - 스프링 배치 - 스프링 시큐리

webpack-dev-server proxy설정으로 cors 정책 우회가 가능한 이유

안녕하세요, 2년차 프론트엔드 개발자입니다. 최근 모회사 프론트엔드 직무 면접을 보던중, cors에 대한 질문을 받았었습니다. 이에 대해 제가 드린 답변은 아래와 같았습니다. "cors는 다른 출처임에도 불구하고 브라우저상에서 서로 상호작용이 가능하도록하는 정책이고, 이를 정석적으로 사용하기위해서는 Backend 서버에서 HTTP 응답 헤더의 Access-Control-Allow-Origin 속성에 Frontend 서버의 origin을 추가해주면 된다. 또한, Frontend단에서 개발간에는 위에서 말한 Backend 서버측에서의 작업없이도 webpack-dev-server의 proxy설정을 사용하면 proxy서버가 Backend 서버의 origin과 동일한 origin에서 상호작용해줌으로써 cors 정책관련 이슈를 우회할 수 있다." 위 답변에 추가로 면접관께서 여쭤보셨던 것은 "개발간에 어쨌든 로컬에서 proxy서버를 띄울텐데, 그 서버가 어떻게 Backend 서버와 같은 origin으로 상호작용할 수 있느냐?" 였는데요, 제대로 된 답변을 드리지 못하고 면접이 끝난 뒤에도 찾아본다고 찾아봤지만 해당 내용에 대해서 명확한 이유를 찾지못하였습니다. 제가 네트워크 지식이 부족해서 기본적인 proxy개념을 이해하지 못하고 있을 수도 있는데요, 혹시 관련 내용에 대해 잘 아시는 분이 계시다면 알려주시면 감사하겠습니다!

프론트엔드 부트캠프 어떤 걸 선택해야할까요

안녕하세요. 현재 4학년 1학기를 마친 26살 대학생입니다. 학교 수업에서 HTML, css, JavaScript를 배우고 난 뒤, 프론트엔드에 관심이 생겨 7월 모집인 프론트엔드 부트캠프에 지원을 하게 되었고, 감사하게도 두 가지 캠프 모두 최종합격을 하게 되었습니다. 엘리스 트랙 react 트랙 https://elice.training/track/react kakao x groom Deep dive 프론트엔드 개발자 과정 https://deepdive.goorm.io/frontend - 둘 중 하나를 선택해야 하는 상황인데, 이에 대한 도움을 받고자 질문 드립니다. 1. 현직자 관점에서 어떤 커리큘럼이 더 나을까요? 2. deep dive에서 진행하는 프로젝트가 조금 독특(?)하던데 (웹 애플리케이션 디버깅 및 최적화, 고객사 대응 프로젝트) 다른 부트캠프에서도 이런 프로젝트를 진행 하나요? 이에 대한 정보가 부족해, 질문 드립니다 🥲

Front-end 신입 취준생입니다. 이력서 Feedback 부탁드립니다 !

https://docs.google.com/document/d/1ksH6FggIJ5eHc01-UjGvTiAEKb_VQYbLZzFbI8YKzbo/edit?usp=sharing - 사진이 필요한지 ? - 프로젝트가 부족한지 ? (퀄리티가 부족한 것 같습니다..) - 어떤 점을 추가하면 좋을지 ? 서류에서 계속 떨어지다보니 경력있는 분들이 보셨을 때 어떤 느낌인지 궁금합니다!

SpringBoot3 + React 개발 방법

안녕하세요. 현 SpringBoot2 + thymeleaf로 서비스 운영 중에 있습니다. 다행히? 올해 전반기 서비스 개편 작업 건이 생겼습니다. 그래서, 신규 서비스의 개발 환경을 구성 중인데 SpringBoot3 + React를 하려 합니다. 환경 구성하려고 이것 저것 테스트 삼아 만들고 있는데 Backend, Frontend를 완전히 분리해 각각 구성 할지 말지 고민입니다. - 분리의 이유 : 기존 유지보수 입장에선 Back or Front 쪽 소소한 수정 사항이 있어 해당 파일 수정하고 전체 jar 패키징 해서 올리는 작업이 비 효율 적이라 생각했습니다. Back or Front 해당 부분 서비스만 적용 하면 좋다 생각했어요. - 병합의 이유 : 기존처럼 한 프로잭트에서 개발해야 관리도 편하고 서비스 배포도 Jar 하나만 관리 하면 되니까 손 쉬울 것 같습니다. 실무쪽에선 서비스 개발 및 배포를 어떻게 하고 있는지 궁금하네요. 두서 없는 글 읽어 주셔서 감사합니다.

django의 request로 받는 imagefile

안녕하세요. 저는 스타트업회사에서 백엔드 개발자로 근무하고 있습니다! django의 drf 프레임워크를 활용하여 api를 생성하여 사용합니다. 개발을 하던 도중에, 모바일 앱(react-native)에선 사진을 uri, name, type의 필드들로 이루어진 json 객체를 보내는데 이것을 어떤 원리로 django가 사진이라고 이해하고 저장하는지가 궁금합니다 왜냐하면, 기존에 있던 사진들을 s3에 저장된 url 문자열로 frontend에 보내주는데, 그 값을 가지고 다시 uri, type, name으로 쪼개서 다시 백으로 넘겨준다고 하더라고요(기존 사진을 그대로 사용하는 경우) 그런데 그렇게 받은 사진에 대한 객체를 처리하기 전에, s3상에서 그 파일이 삭제가 된 경우에도 정상적으로 작동하는 이유를 모르겠어서 그렇습니다 웹(react)에서는 같은 백 api를 사용하더라도 작동이 안 되고, 앱에서는 작동이 잘 되는데 이것 역시 원인을 잘 모르겠습니다...

REST API 서버에서 페이지 이동

현재 REACT FRONT END SERVER와 SPRING BOOT REST API SERVER 두 개의 서버로 된 프로젝트를 만들고 있는데 제가 알기로는 REST API 서버에서는 VIEW에 관여하지 않고 그렇기 때문에 REST API 서버에서 페이지 이동을 못 시켜주고 또 안시켜주는걸로 알고 있는데 REST API 서버에서 페이지 이동을 시켜달라는 요구에 제가 설명하는 능력이 부족해서 그런데 어떻게 설명하면 좋을까요?

유튜브 알고리즘 영상이 떠서봤는데요!

신입 백엔드 개발자 최소 기준이라고 하시면서 -필수- CRUD REST API JWT Swagger ERD -옵션- Docker Frontend 현업에 계신 시니어 개발자분들이 보셨을때 주니어 개발자들이 필수는 다 가지고있었을까요?? 저는 스프링만 진득하게 공부하려고했는데 늦은걸까요? ㅠㅠ 저기서 crud rest api빼고는 아직 잘 모르겠네요

어떤 회사, 직무를 선택해야 하나요...

안녕하세요.. 저는 경력이 1년이 안 되는 주니어 개발자입니다.. 제가 개발하는 폭이 꽤 넓어요... 첫 번째 회사는 2달동안 인턴, 데이터 엔지니어로 근무했고, 2번째 회사는 시간제 풀스택 개발자로 일했어요. 그런데 최근에 회사를 선택해야 되어서 질문을 남겨봐요... 국내 인강회사 - 데이터 엔지니어 NFT Metaverse 스타트업 - Software Engineer (Unity, Babylon js) 에듀테크 스타트업 - Backend Engineer 커뮤니티 스타트업 - Front-end Engineer 위 회사중 메타버스 기업은 시니어분들과 유명 인사가 창업해서 시니어 분들만 있지만 그 시니어분들이 능력이 좋고 글로벌 등 네트워킹 기회가 열려있어요... 또 제가 NFT와 메타버스를 즐기고 싶어요. 그런데 저는 개발 직무 중에 데이터 엔지니어가 가장 재미있었어요. 데이터 팀에서 자동화와 여러 작업을 하는게 즐거웠어요. 그래서 데이터 엔지니어 직무가 즐길 수 있는 일인거죠. 위 NFT와 메타버스는 제가 개발하는 결과에 관심이 있지만 개발하는게 재밌을지는 모르겠는거와 다르게요. 아래 백엔드 개발자는 그냥 단순한 스타트업 중 하나에요. 보험느낌으로 지원했긴 하나 제가 제대로 개발 시작하고 처음 접한게 백엔드 개발이였어요. 4번째 프론트엔드는 아마 가면 생각없이 쉬울꺼라 생각해요. 월급만 받고 제 취미 생활을 즐길 수 있을꺼에요. 연봉 테이블은 아마 다 비슷할 거라 생각합니다. 백엔드를 제외하고는 다 저한테 제안을 주셨고, 4000~8000으로 줄 것 같아요 솔직히 재미로는 데이터 엔지니어가 하고 싶지만 10년 뒤에 메타버스 개발자를 보고 그때 메타버스 개발을 할걸 후회할 것 같아요. 여러분들은 어떻게 생각하시나요

FrontEnd Data Serialize

현재 벡엔드 프레임워크는 자바 스프링을 사용하고있습니다 자바 객체를 만들어서 프론트엔드에서 주는 데이터를 받을려고 하는데 자바 객체안에 또객체가있고 리스트형태의 객체도있습니다 푸론트엔드에서 어떤식으로 데이터를 보내줘야할까요? 아래보시면 as-is 를 to-be의 형태로 보낼려고합니다 차이점은 무엇이고 어떻게 프론트에서 데이터를 만들고 벡엔드로 보내줘야하나요 ? 벡엔드에서 데이터를 받을때 JSON parse error가 발생합니다 도와주세요 ㅠㅠ as-is { key :value } to-be { node :[ { key: value } ], node2: { key: value } }

서로 다른 front end 합치기

Vue로 작성된 a 라는 페이지에서 일부를 React로 작성된 b 라는 페이지를 보여주려면 어떻게 해야 되나요? gpt 물어보니 아래처럼 알려주던데 usestate나 그런 javascript가 잘 실행 안될까봐 걱정이네요

취업목표 개발공부 시작하는데 FE/BE 및 node/spring 선택 관련 조언 구합니다

질문1) Front-end, Back-end 중에 비전공자가 취업에 유리한 포지션은 무엇인가요? 좀 더 추천해줄 만한 것이 있는가요? 질문2) node.js, Spring 중 어떤 것이 더 비전공자 취준생에게 유리한가요?

프론트 커리어,,,,,,

안녕하세요 Frontend로 일하고 있는 신입개발자 입니다. 지금 회사에서 React 커리어를 6개월 정도 경력을 쌓았고 이전 회사에서는 스타트업이어서 수익 문제 때문에 VueJS로 6개월 정도 커리어를 쌓았습니다. 그런데 이번 회사에 합류한 팀이 어쩔 수 없이 해체 되어서 회사에 주력적인 Frontend 기술인 Sencha ExtJs를 사용하게 될 것 같습니다. 구인 사이트에 찾아보니까 Sencha를 사용하는 기업이 많이 없는 것 같아서 커리어를 쌓아도 되는지 고민 됩니다. 많은 의견 주시면 좋겠습니다.

금융권 SM 개발 5년차 커리어가 너무 걱정됩니다

안녕하세요. 올해로 벌써 경력 5년이 넘은 32살입니다. 전 직장에서 4년, 지금 직장에서 1년해서 총 5년동안 근무를 했습니다. 이전 직장은 워라밸은 좋았으나 성장성이 없다고 판단하여 이직을 결심했고 현재 회사에 왔으나 개발이 아닌 관리자 역할을 맡게 되어 불만이 많습니다. 이직을 고려한 가장 큰 이유가 개발역량을 쌓기 위함이었는데 전 직장과 별반 다를바가 없습니다. 그래도 프로젝트 PL로 involve 되면서 짧은 시간내에 배운 점이 없진 않습니다. 하지만 전 아직 개발이 하고싶고, 요즘 각광받는 SPA framework 개발경험과 네이티브 두 가지를 주 무기로 Front-End 개발자로 성장해나가고 싶습니다. 아쉬운대로 퇴근시간이나 주말을 이용해서 틈틈이 react 공부도 하지만 쉽지 않고, 3월부터 이력서 넣는 곳도 서류 합격조차 어렵네요. 이대로 현직장에 머물러도 관리만 하게될게 보이고 제가 원하는 방향이 아니라 의욕도 안생깁니다. 지금 제 상황에서는 공부하며 때를 기다리는 것이 답일까요? 개발자로 방향과 입지를 굳힌 분들을 보며 항상 부럽습니다.

Redux 사용이유

안녕하세요 frontend 신입 개발자입니다. 운좋게 비전공자에서 교육 수강 후 바로 취업은 했지만, 성에 차지 않아서 바로 이직 준비를 하고 있습니다. 이직 준비과정에서 자소서에 쓴 내용도 그렇고 현재 기업에 취업할 때 받은 질문도 그렇고 해서 궁금한게 있습니다. 제가 첫번째 프로젝트에서 리덕스를 쓰고 그 이후부터는 리코일을 사용했습니다. 그 이유가 리덕스는 처음 배울때 너무 어려웠고, redux-thunk등 비동기 처리코드가 너무 길고 복잡하다는 단점이 있고, 리코일은 리액트의 useState훅과 비슷한 형태로 쉽게 전역 상태관리를 할 수 있다는 점이었습니다. 그래서 리코일을 사용한 이유는 저 위에 말한 이유로 대답을 했었는데, 첫 프로젝트에서 리덕스를 사용한 이유를 말하지 못했습니다. 그래서 면접에선 솔직하게 그땐 첫 프로젝트라 그때 검색했을 때 가장 많이 사용하는 것 처럼 보였기 때문에 리덕스를 선택한 것이지 장, 단점을 파악하진 못했다고 대답을 했습니다. 다행히 기업은 스타트업이고 면접관이 젊으신 분이어서 솔직함을 좋게 봐주신거 같은데, 이후에 대기업 면접에서도 똑같이 말하면 안될거 같아 고민입니다. 검색을 해봐도 리덕스 사용 이유보단 리덕스를 버리고 리코일로 넘어간 글만 보이는데, 혹시 리덕스를 사용하시는 분들이 있으시다면 그 이유를 알 수 있을까요?

APM(모니터링 서비스)에서 경력을 쌓으면 APM으로만 커리어를 이어 나갈 수 있을까요?

안녕하세요~ Front-end 개발자로 커리어를 시작하고 싶은 취준생입니다! 취업하는데 도메인 선택으로 인해 고민이 있어 개발자 선배님들의 의견을 여쭤보고 싶어서 글을 남기게 되었습니다..(주말에 쉬시는데 정말 죄송합니다ㅠㅠ) 최근에 APM 도메인에 관심이 있어 알아보았고 Front-end개발자는 모니터링 툴을 개발하며 주로 데이터 시각화 업무를 하는 것으로 파악했습니다. 저의 궁금증은 1. APM(모니터링 서비스)에서 경력을 쌓으면 APM으로만 커리어를 이어 나갈 수 있을까? 입니다. APM 도메인에서는 커머스 등 많은 회사에서 사용하는 빠른 기술 변화가 일어나는 기술 스택(SSR, 상태 관리 등)에 대한 경험을 쌓기가 어려운 것 같더라구요. 나중에 이직해야 하는 상황일 때, 어려움이 있을까?에 대한 궁금증이 있습니다. 2. APM에서 경력을 쌓아도 사이드 플젝 등 자기 계발하면서 다른 도메인으로 이직 준비를 해도 문제는 없을지 선배님들의 의견을 여쭙고 싶습니다! 긴 글 읽어주셔서 정말 감사합니다! 즐거운 주말 되세요!

채팅서비스 운영시 front-end에서 채팅 관련 데이터는 어떻게 관리하는게 좋을까요?

채팅 서비스 관련하여 프로젝트를 시작하는데 보통 채팅 데이터를 어떤 방법으로 관리하는지 알고 싶습니다. 전에 채팅 서비스를 한번 구현해 보기는 했는데 그때는 주요 서비스가 아니라서 주먹구구식으로 indexed DB로 대충 관리했었는데 이번 프로젝트는 채팅이 주요 서비스라서 채팅 서비스 운영해 보신 분에게 조언을 받고 싶습니다. 주요 채팅 관련 웹/앱은 어떤 식으로 사용하는지 검색해 보았는데 프런트 기술은 잘 없어서 많이 고민이 됩니다. react로 개발하고 웹뷰로 앱을 대체 할것같습니다

생각과는 다른 분야의 취직

안녕하세요 따끈따끈한 신입 개발자 준비생입니다. 저는 front end 그 중에서도 react를 공부하고 그것을 기반으로 포트폴리오를 만들며 취업을 준비했습니다. 그런데 이번에 합격한 회사가 react는 사용하지 않고 안드로이드를 하는회사입니다. 면접때도 저한테 안드로이드 앱 개발을 배우라고 하였습니다. 아마 취직하면 안드로이드를 해야할것 같은데 사실 앱개발자가 얼마나 좋은 분야인지도 모르겠고 제가 잘 할 수 있을지도 모르겠습니다. 조언 부탁드립니다. ㅠㅠ