Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
component
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
해결
5
SVM~
·
9개월
638
1
해결 5
Vue or React 컴포넌트화의 범위?
안녕하세요, 프론트로 전향한지 얼마 안된 사람입니다 큰 프로젝트에 계신분들께 질문드립니다. 다들 컴포넌트화 하는 기준이 어떻게 되시나요?저같은 경우에는 정말 재 사용되는 곳이 많을 때(ex 검색바 같은....)만 컴포넌트화 했습니다.. 전 작은 프로젝트에 있다보니, 버튼 단위까지 나누지는 않는데, 큰 프로젝트 일수록 버튼 단위까지 나누는 게 유지보수 또는 개발 속도향상에 도움이 되는지 궁금합니다.그리고 어떤 CSS 프레임워크를 사용하시는지도 궁금
답변
0
마라야
·
약 2년
248
0
답변 0
react test에 대해
안녕하세요 현재 react에 단위테스트를 작성중입니다. (통합 테스트만 필요하다고해서 테스트하고 납품도 거의 끝났는데 갑자기 단위테스트도 혹시 에비던스 줄수있어요?라고...) 쭉 같은 대형고객사를 대응하고있었는데 지금까지 프론트엔드 쪽 단위테스를 필요없다 움직이면 된다는 마인드라...저도 안일했죠... 그래서 지금 부랴부랴 공부중인데 지금 도저히 검색해봐도 안나오는것들 좀 몇개 이론적으로 원래 가능한건지 안되는건지 어떻게 하는건지 알고 싶습니다.
해결
1
포도봉봉이
·
2년 이상
200
0
해결 1
React.memo 관련
안녕하세요 리액트에서 컴포넌트 메모이제이션 방법인 React.memo 관련해서 질문드립니다. "모던 자바스크립트로 배우는 리액트 입문" 이라는 책을 통해 학습중인데, memo의 개념을 아래와 같이 이해했는데요, 자식 컴포넌트에서, 부모 컴포넌트의 재렌더링으로 인한 자식 컴포넌트의 불필요한 재렌더링을 방지하고, memo로 자식 컴포넌트를 감싸면, Props가 변경되는 경우에만 재렌더링이 된다. 예제에서는 부모(App.tsx)도 memo로
해결
2
레쓰비11
·
2년 이상
401
0
해결 2
퍼블리셔에서 넘어온 코드를 컴포넌트화 하는 중입니다.
우선 저희 회사는 tailwind 씁니다. 궁금한것은 일반적으로 반복되는것들은 컴포넌트화를 쉽게 하는데, tailwind component로 만들어져있는 carousel같은것들을 더 작은 단위로 컴포넌트화 하는게 너무 어렵네요. 속성을 컴포넌트화 해야하는것 같은데... 보통은 어떤식으로 하나요? 그냥 통쨰로 뜯어서 하나의 컴포넌트로 봐야할지.. 더 작은단위의(슬라이드 1단위) 컴포넌트화를 진행하여 속성을 다 뜯어봐서 무슨 속성인지 이해하고 적용해야
답변
2
nodeand
·
2년 이상
382
0
답변 2
React 질문입니다. App.js 이렇게 작성해도 될까요?
프론트엔드는 React로 하고 있고 백엔드는 Express로 구축하고 있습니다. SSR 프레임워크로 개발할 때는 서버에서 data랑 route 관련해서 다 처리해서 편했는데 CSR은 처음이라 어제 라우팅부터 엄청 삽질했네요.. 제가 이해한 게 맞는지 모르겠습니다. React로 개발할 때 라우팅은 React쪽에서 처리하는게 맞나요? Express 쪽에서는 모든 경로(*)에 대해서 index.html로 접근하도록 했습니다. 정상적으로 동작은 하는데 이게
답변
0
Black Jjigae
·
거의 3년
151
0
답변 0
insertAdjacentHTML 컴포넌트화
문뜩 insertAdjacentHTML를 사용하다가 아래처럼 구성하면 별도 프레임워크 없이 모듈화 흉내정돈 낼 수 있을 것 같은데,스택오버플로우나 블로그를 찾아봐도 insertAdjacentHTML로 페이지를구성했을 때 발생하는 단점이 뚜렷하게 안보이네요,,,insertAdjacentHTML로만 페이지 렌더링을 진행하게 되면 어떤 단점이 있을까요? index.html ... <body> <div id="backgroun
답변
2
손프로
·
3년 이상
314
0
답변 2
리액트 프롭스 관련
컴포넌트간 프롭스 전달 관련해서 질문드립니다.제가 구현하려는 기능은 부모컴포넌트에서 초기화버튼 클릭 시손자 컴포넌트의 텍스트 박스들의 값이 다 빈 값이 되고손자 컴포넌트의 텍스트 박스에 값을 입력하면 부모 컴포넌트의 state값에 데이터가 들어가는서로 연동되는 기능을 구현하고 싶은데 잘 안됩니다. 아래는 시도했던 코드 예시입니다.A.jsx (부모)pre spellcheck="f
해결
1
mystell
·
3년 이상
626
0
해결 1
React에서 state의 값을 class 외부에서 건드리는 방법을 모르겠습니다! 도와주세요!
JSX 를 사용할때 컴포넌트 클래스를 상속해서 사용하고 있습니다!여러 개의 컴포넌트를 관리하는 list 가 있는 컴포넌트에자식 컴포넌트들을 <Unit/> 으로 넣어두고변화가 생겼을때 부모 컴포넌트에서 그 <Unit/> 들이 지닌 state에 일괄적으로 변화를 주고 싶습니다.그런데 var u = <Unit/>; 형태의 JSX 형태의 컴포넌트에서함수를
답변
2
초보개발자입니다..
·
3년 이상
277
0
답변 2
react component 분리 기준
안녕하세요. React로 작업을 진행하고 있는 초보 웹프론트 개발자입니다.회사에서 혼자 웹프론트를 도맡아 하고 있는데, react component를 분리하는 기준을 어디에 두어야할지 고민과 생각이 너무 깊어져서okky 리액트 개발자님들은 페이지를 만드실때 어떻게 컴포넌트를 분리하고 작업하시는지간략한 고견을 듣고싶어서 글을 작성해봤습니다.예를들어 아주 세세하게
답변
1
레이블
·
3년 이상
414
0
답변 1
React 컴포넌트를 부르면 여러개가 나옵니다
구인구직 사이트를 프로젝트로 만들고 있습니다체크박스를 누르면 해당 체크박스에 해당하는것만 나오게 하고 싶은데 아래 사진처럼 글이 3개면 체크박스도 3줄이 나오고2개면 두줄이 나옵니다 그리고 제일 위에 있는 체크박스는 가장 최신글 두번째줄은 최신글 바로전글이랑 연결되어 있어뭘 눌러도 첫번째줄 체크박스를 누르면 가장 최신글이 나옵니다코드를 어떻게 수정해야 할까요? 체크박스 검색을 인터넷에 있는대로 하고
답변
1
hyungmin96
·
3년 이상
269
0
답변 1
웹 개발 MVC 패턴에서 서비스 레이어에 인터페이스를 상속하여 구현하는것도 CBD 기반의 개발론이라 할 수 있을까요?
CBD 기반의 서비스를 개발하는 산출물을 작성하려고 하는데 올바른 적용방법인지 궁금합니다..만약 틀리다면 CBD기반의 웹 서비스 산출물을 위해 어떤 방식을 고려 해 볼 수 있을까요?
답변
1
ryongryong
·
3년 이상
364
0
답변 1
리액트 컴포넌트 안에 배열 전달
제가 풀캘린더 라이브러리를 사용해서 일정 추가 기능을 만들고 있는데요! 풀캘린더 events 기능이 배열로만 받을 수 있어서 배열을 어떻게 전달하는지 잘 몰라서 질문 드립니다ㅠㅠ예를 들어 코드가const eventList
해결
1
초보개발자52
·
3년 이상
332
0
해결 1
React) 컴포넌트 자리에 url페이지 보이게 하기
안녕하세요. Tab menu를 선택하였을 때 보여지는 화면에, component화면이 아닌 다른 url 페이지가 보여지게 하고싶은데,이게 가능한건지 부터 잘 모르겠어서 질문 드립니다.대략 화면이 다음과 같습니다.img alt=""
답변
1
ryongryong
·
3년 이상
366
0
답변 1
리액트 props 전달 질문이요ㅠㅠ
import Calendar from './Calendar'const Events = ( { dataList } ) =>{ console.log(dataList); return( <> {dataList.map((it,idx)=&g
답변
4
G9
·
거의 4년
1.2k
0
답변 4
react 버튼 클릭으로 component 변경하는 방법
안녕하세요프로젝트를 만들어보는 중에 해결되지 않는 부분이 있어서 질문드립니다제가 만들고 싶은 부분은위 처럼 태그가 하나라도 선택이 되면 <News /> 에서 <Recommand />로 바뀌게 구현하고 싶습
해결
2
밍밍이이
·
거의 4년
2.4k
0
해결 2
vue3 cdn 방식에서 컴포넌트를 import해서 사용하는 방법을 알고 싶습니다.
<!DOCTYPE html><html><head> <title>Welcome to Vue</title> <script src="https://unpkg.com/vue"></script> <script src="https://unpkg
해결
5
cake moon
·
거의 4년
341
0
해결 5
React (Class Component 형) 에서 Reudx 사용 중 mapDispatchToProps 사용 오류에 대한 질문
안녕하세요! React-Redux 를 사용하다 mapDispatchToProps 가 잘되다가 새로 구현한 부분이 작동하질 않아서 질문드려봅니다. -- 소스 코드 첨부 --div style="color:rgb( 212 , 212 , 212 );background-color:rgb( 30 , 30 , 30 );font-family:'consolas' , 'courier new' , mono
답변
4
잘해보고싶다
·
약 4년
337
0
답변 4
React 컴포넌트 개발 질문
아토믹 디자인으로 컴포넌트를 개발하고 있습니다. 컴포넌트를 개발할 때 어느 정도의 유연성(?)을 갖도록 개발해야 할까요?Button을 예로 들었을 때 "type"이라는 props가 있다고 가정할 때.type props를 "text"로 넘기면 border가 없는 Button이 되고"fill"이라고 하면 backgroundColor로 채운 Button이 뜨는 형식으
답변
4
례구
·
4년 이상
626
0
답변 4
Vue 에서 컴포넌트 별로 스타일 적용하기
안녕하세요.. 요즘 Vue 를 공부하고 있는데 어려운게 넘 많네여.... 현재 자바스크립트 에서 Vue 를 cdn 으로 끌어다가 쓰고 있고요... main.html 에다 vue router.js 를 적용 해서 호출 URI 에 따라 컴포넌트를 따로 요청 하고 있는데,main.html 에다 .css 파일을 전부 include 해서 그런지 UI가 깨져 나오더라고요..
답변
0
신입받아주세요
·
4년 이상
258
0
답변 0
안녕하세요 궁금한 점이 있어서 글을 씁니다
vue로 쇼핑몰을 만들고 있습니다.상품 클릭을 시 상세정보를 보이게 까지는 만들었는데상세정보 페이지 - 부모컴포넌트Q&A 페이지 - 자식 컴포넌트Q&A 상세보기 - 손자 컴포넌트이렇게 생각하고있습니다현재 상품 상세보기에서 Q&A 페이지까지는 보이는 상황인데/p
이전
1
2
3
다음
Search Bar
