Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
reactjs
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
1
냥이둘의집사
·
약 2개월
712
0
답변 1
리액트네이티브 스타일 어떤거 쓰나요?
NativeWind ?Restyle ? 요즘 추세가 어떻게되는지 궁금합니다! 리액트 웹하다가 리액트네이티브 막 공식튜토리얼 expo 꺼 떼고 이제 투두리스트 구현해보려고하는데.. 보통 어떤 스타일링을 많이쓰나요?
답변
1
shockwave
·
2개월
442
0
답변 1
React오프라인 교육은 배웠으나 ... 취업은 어떻게 해야 하는지 .. 고민 :(
오프라인 교육으로 리액트 입문을 배웠으나 막상 수료를 마치고 나니 다시 원점으로 돌아와 리액트 교육은 교육일뿐 … 어떻게 경력을 쌓아야 할 지 고민입니다. 교육기관에서 수료 했다는 것으로만 프로젝트에 투입도 되는것도 안되고 어떻게 진입을 해야 프로젝트 경력을 쌓을수 있는지 선배님들 문의 드립니다. 경력은 19~21년 언저리(웹 개발,백앤드, API, JAVA-배치)이고 이렇게 하던것만 하다 보니 리액트 프로젝트 투입이 어렵네요 😞
답변
0
오드서
·
2개월
428
0
답변 0
자바 개발자 리액트 강의 추천
6년차 자바개발자입니다 현재 프로젝트에서 리액트를 사용하고있습니다 javascript, jquery 할 수 있습니다 저는 백엔드 개발위주로 api개발하고 있고 리액트도 정말 간단한 수정정도 하는 수준입니다 리액트를 처움 구조부터 만들어보지 않으니 어떤 싸이클로 돌아가는지 좀 정확히 이해가 되지않아 퇴근후 온라인강의로 리액트를 배워보려 합니다 실무자를 위해 추천할만한 리액트 온라인 강의 있을까요?
해결
2
개발로란트할래요
·
3개월
594
1
해결 2
리액트 공통 컴포넌트 렌더링 확인 방법이 궁금합니다
안녕하세요, 현재 퍼블리셔로 근무하며 Django와 Next.js를 활용해 개인 포트폴리오를 제작 중입니다. 설계한 디자인 시스템을 기반으로 공통 컴포넌트들을 먼저 코드화하고 있는데, 렌더링을 확인하는 과정에서 실무자분들의 조언을 얻고 싶습니다. 스토리북을 활용해본 경험은 있으나, 개인 프로젝트에서 활용하기에 초기 설정 및 유지 비용이 크다고 느껴져 지양하려고 합니다. 우선 단순히 /test/{컴포넌트명}/page.tsx 로 테스트 페이지를 만들어
답변
1
정중식
·
7개월
985
0
답변 1
nextjs에서 401에러시 jwt accessToken재발급 질문있습니다.
안녕하세요, nextjs에서 401에러시 토큰 재발급에관해서 방법이 여러가지인거를 알고있습니다. 먼저 저희 회사는 fetch를 채택해서 사용하고있기때문에 fetch를 래핑해서 각각 clientAPI와 serverAPI로 구성해준 상태입니다. 1. clientAPI는 axios가 인터셉터로 401에러시 재발급을하는 흔히하는 그런 코드 비슷하게 짜주었고 serverAPI는 ApiAuthErrorf라는 커스텀에러 래핑 클래스를 두고 401이뜰시 A
답변
3
요술의소라고둥
·
7개월
1.2k
2
답변 3
숙련자분들은 리액트로 컴포넌트 작업할 때 어디까지 컴포넌트화 하시나요?
이전 회사에서는 리액트를 안 썼어서 제가 따로 독학했어고 그 뒤에 리액트를 실무로 써본건 지금 회사가 처음인데 지금 회사는 p태그랑 div, span까지 전부 컴포넌트로 만들어서 각 컴포넌트에 module.css로 기본 스타일 잡아놓고서 시안에서 들어가는 스타일은 클래스 주거나 컴포넌트에 props로 스타일 값 넘겨서(fontSize라는 props를 등록해 놓고 컴포넌트에서 fontSize={10} 이런식으로 넘김.) html 태그 자체에 st
답변
1
코드깎는머슴
·
8개월
585
1
답변 1
리액트 RHF 제출 시 검사하는 방법 질문
안녕하세용. 제목처럼 리액트에서 RHF 쓰다가 궁금한게 생겨서 여쭤봅니다. 필수 필드인 경우 required 옵션을 사용하고, 특수한 조건이 필요한 경우 validate 옵션을 사용하는 거로 알고 있습니다. 근데 필드가 아주 많을 경우, 필드 하나하나에 찾아가서 직접 지정하는 게 너무 번거롭게 느겨지더라고요. 페이지가 여러개인데, 한 페이지당 최소 30개라서... 그래서 RHF를 사용하되, 제출 시 자동 검사 기능은 이용하지 않고, 직접 검사하
답변
8
고등어통조림
·
9개월
1.0k
1
답변 8
리액트 장점
요즘 프론트에서 리액트를 사용하는 경우가 늘어난 것 같은데…이유가 있나요? 최근엔 리액트 같은 spa 프론트를 사용할 때 장점이 뭔지 아냐는 질문을 받은 적도 있는데요 ssr? 보다 속도가 빠르다? 라고 생각을 했는데 ssr도 못지 않게 빠르다고 하여 그건 아닌가 보더라구요 장점이 뭐고 어떤 환경에서 유리한 점이 있는 건가요?
답변
3
wcleeg9g1
·
9개월
392
0
답변 3
react django 관련 로그인 로그아웃관련 질문입니다.
안녕하세요.React와 Django DRF를 처음 공부하면서 회원가입, 로그인/로그아웃, 인증, 권한, 보안 관련 기능을 구현해보려 합니다. 그런데 실무에서 어떤 방식을 주로 쓰는지 개념이 잘 정리되지 않아 질문드립니다. 특히 궁금한 점은, 실제 운영 환경에서 React와 DRF를 연동할 때 JWT 기반 인증을 많이 사용하는지입니다. 만약 JWT를 사용한다면 어떤 사항들을 고려해서 개발해야 하는지(예: 예시 소스, 참고할 만한 책이나 강좌 등)가 있을
답변
3
먹는토털끼
·
9개월
620
0
답변 3
next Request Memoization과 react cache
next.js에서 제공하는 Request Memoization 기능은 같은 엔드포인트 경로로 여러 개의 요청이 들어왔을 때 하나의 요청으로 캐싱해주는걸로 알고있습니다. 이와 관련해서 3가지 궁금증이 있습니다. Request Memoization 기능은 같은 페이지 한정인가요. 아님 프로젝트 전역에 적용되는걸까요?? 예를 들어 /dashboard 와 /home 두 페이지 모두에서 getUserInfo 라는 fetch 함수를 호출한다면 이 경우도 Re
답변
4
jinowe
·
10개월
542
0
답변 4
이미지 로딩 문제
이미지가 포함된 리스트를 페이지 진입 시 서버사이드에서 불러오고 이후 스크롤로 리스트를 불러오는 식인데, 데이터는 불러와도 이미지를 로딩하는데 약간의 딜레이가 있네요. 해결방법을 찾아봐도 UI를 개선하는 방법뿐이던데 근본적으로 해결하는 방법 없을까요?
답변
3
95****
·
10개월
853
0
답변 3
요새 리액트네이티브 등 앱 시장은 어떤가요?
안녕하세요. 저는 리액트 개발자고 next.js, react.js 정도는 혼자서 프로젝트 구성부터 배포도 가능한 수준 입니다. 다름아니라 현재 제가 리액트네이티브쪽 프로젝트 개발하고있는데 생각보다 재밌고 잘맞더라고여 그래서 웹에서 앱쪽으로 커리어 전환을 하고있습니다. 그래서 개인적으로 사이드프로젝트로 firebase + sqlite + react query로 채팅앱개발하고 테스트삼아 안드로이드 배포도하려고 하고있습니다. 현재 전체적
답변
0
코친자
·
10개월
236
0
답변 0
React Router SSR 적용하고 새로고침시 좋아요 적용 안 되는 문제
현재, 리액트 라우터 프레임워크 모드로 SSR을 적용하고 있고, react-query로 loader에서 가져온 데이터를 prefetchInfiniteQuery하고 클라이언트에서 그 쿼리를 useInfiniteQuery로 받아오고 있습니다. SSR 적용 전에는 좋아요를 누르면 새로고침을 해도 적용이 잘 되었었는데,SSR 적용 후에는 좋아요를 누르고 새로고침을 누르면 당시에는 분명 잘 적용이 되는데 새로고침시 좋아요를 누르지 않은 것으로 다시 돌아가게 됩
답변
0
jo98
·
10개월
285
0
답변 0
React 진행중에 proxy 서버 설정 문제
안녕하세요. 백엔드쪽을 하다가 이번에 React를 새로 시작해서 하고 있는데 에러가 나서 질문 드립니다. 기존에는 onClick을 통해 각기 다른 node서버를 열어서 사용하고 메인은 local:3000에 naver news 5000, youtube 5002번에 두고 사용중인데 이게 기존에는 navbar에서 클릭하여 다른 페이지로 이동하여 독립적인 페이지로 component를 만들었는데 원페이지 형태로 바꾸려고 app.js에 <WeatherNe
답변
5
수원백수아빠
·
11개월
244
0
답변 5
react에서 wav 에서 mp3로 변환하는 라이브러리 추천부탁드려요
react에서 wav 에서 mp3로 변환하는 라이브러리 추천부탁드려요 사용해보신 라이브러리 있으시면 추천 부탁드려요
해결
1
개발로란트할래요
·
11개월
388
1
해결 1
리액트 복합 컴포넌트 설계: cloneElement vs 합성 컴포넌트, 어떤 게 더 이상적인가요
안녕하세요, 리액트로 디자인 시스템을 구축하며 컴포넌트 설계에 대해 고민이 있어 질문드립니다. 아토믹 디자인 방법론에 따라 CustomSelect 같은 가장 작은 기본 단위 컴포넌트를 만들었습니다.이제 이 컴포넌트들을 조합해서 아래와 같은 Filter 컴포넌트를 만들려고 합니다. (실제 기능 구현까지는 배재) import clsx from 'clsx' function CustomSelect({size, children}) {
해결
5
개발로란트할래요
·
11개월
307
0
해결 5
Nextjs 페이지 라우팅 폴더 네이밍
안녕하세요. 퍼블리셔로 처음 Next.js 실무 프로젝트를 맡게 되어, 페이지 라우팅 구조를 설계 중입니다. 현재 개발자와 협의가 어려운 상황이라 구조만 먼저 설계해두고 있는데, 페이지 라우팅 네이밍 방식을 어떻게 잡는 것이 좋을지 고민되어 질문드립니다.현재 Next.js 13의 App Router 기반 구조 사용 중입니다. 페이지를 어떤 기준으로 네이밍해야 실무에서 유지보수 및 협업이 효율적일지 헷갈립니다. 제 나름대로 생각해봤을 때, 장점은 이렇게
답변
1
수원백수아빠
·
11개월
215
0
답변 1
아이폰 사파리 키보드 노출 이후 다른페이지이동시 포커스 문제
아이폰 사파리에서 로그인 페이지에서 키보드를 사용하고 다시 메인페이지로 돌아가면 포커스가 위로 올라가 있거나 사이즈가 이상해진 것 같은 데 어떻게 처리해야 하나요?
답변
3
정중식
·
11개월
396
0
답변 3
react와 framer-motion으로 웹앱게임만들었습니다.
시뮬레이션 게임을만들었는데요,div에 백그라운드 이미지입혔고 하단에 말풍선 세개 택1해서 대화+백그라운드 이미지가 달라지는 형식입니다.이런 게임만들때 이미지 최적화는 어떤식으로해야하나요? webp확장자로 다 바꿔줘야할까요?preloading같은걸로 어느정도 속도는 맞췄으나 새로고침하거나하면 새롭게 이미지를 로딩하기때문에 자원소모가 좀 심했습니다.그래서 vercel무료버전에서 유료플랜으로 갈아타게됬는데..nextjs/image 태그를쓰면 캐싱처
답변
10
코드깎는머슴
·
11개월
885
1
답변 10
리액트 종류? 갈래? 질문
안녕하세용. 1년차 뉴비인데, 프론트 춘추전국시대 언제 끝날까 기다리다가 도저히 안되겠어서 점유율 제일 높은 리액트 일단 하려고 합니다. 여태 혼자 공부하거나 대충 만들 땐 CRA로 끄적였는데, 연초쯤에 CRA가 이제 업데이트를 더 이상 하지 않는다고 하더라고용. 그럼 리액트 쓸 때 다들 뭐 쓰시나요? 바이트, Next.js 등등 리액트 쓰려고 할 때도 종류가 많던데 백엔드 위주로 다뤄가지고 프론트는 잘 모르겠네유...
이전
1
2
3
4
5
더 많은 페이지
171
다음
Search Bar
