inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

컴포넌트 분리하기

컴포넌트 분리하기 강의 편

44

양승근

작성한 질문수 38

0

checkbox를 커스터마이징 했다는 뜻이 무엇일까요?

react react-router redux-toolkit zustand react.js

답변 2

0

수코딩

안녕하세요.

인프런 AI 인턴의 답변이 정확하네요.

이번 프로젝트 같은 경우 기본 체크박스 모양을 사용하지 않기 때문에

커스터마이징 과정을 통해서 변환한 것이라고 이해하시면 됩니다.

전체적인 답변은 인프런 AI 인턴 참고하시면 될 것 같습니다.

추가로 궁금하시면 다시 문의해주세요!

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 양승근님.

React에서 “컴포넌트를 커스터마이징(Customizing a component)” 한다는 의미는 대개 해당 컴포넌트를 기본 형태에서 사용자 필요에 맞게 구조나 스타일을 변경하거나 추가적인 기능을 제공하는 것을 뜻합니다. 이는 기본적인 기능이나 스타일을 사용자 필요에 따라 수정하거나 확장하는 과정이 포함될 수 있습니다.

예시로 컴포넌트 커스터마이징을 설명하자면:

  1. 스타일 변경: 기본 Checkbox 컴포넌트의 스타일을 사용자가 지정한 CSS를 통해 변경할 수 있습니다. 예를 들어 색상, 크기 등을 조정하여 다른 스타일을 가지도록 만들 수 있습니다.

  2. 기능 추가: 기본 Checkbox 컴포넌트가 제공하는 기능 외에 추가적인 기능(예: 클릭 시 특별한 로직 수행)을 추가할 수 있습니다.

  3. Props 확장: 기존 컴포넌트가 받는 Props를 확장하여, 새로운 기능을 제공하거나 동작 방식을 변경할 수 있습니다.

커스터마이징된 컴포넌트를 사용하면, 사용자 경험이나 UI 디자인에서 요구하는 특정 스타일이나 기능을 쉽게 구현할 수 있습니다. 이러한 방식으로, 여러분의 프로젝트에서 재사용 가능한 컴포넌트를 구축할 수 있습니다.

아래의 링크는 컴포넌트 커스터마이징에 대한 이해를 돕는 유용한 참고 자료입니다:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

react-fetch -2 (loading) 에러

0

27

2

useEffect return문

0

41

3

할 일 수정 질문

0

38

2

몽고디비 접속의 건

0

48

3

소스코드 제공여부

0

61

2

기본 파일 구조

0

54

2

공부방향에 대한 조언

0

72

2

styled-components

0

53

2

상태(State) 가 "시간이 지남~" 에 대해 질문 있습니다.

0

66

2

import {} 중괄호 차이점

0

61

2

[ 문의]몽고DB connect 의 건

0

78

2

제공되는 react_code.zip 중에 ..

0

77

2

커리큘럼 비활성화

0

67

2

설명하시는 개념들을 잘 모르겠습니다.

0

74

2

이해가 절반 정도 되는데요.

0

79

1

styled-components(전역)

0

75

1

cloudinary 관련

0

97

3

useOptimistic 실전-1 useState

0

102

2

discord 초대장 갱신이 필요한거같습니다.

0

99

1

할일 관리 앱(메모이제이션)

0

124

2

Web 플랫폼 등록

0

184

2

함수 정의 기준

0

101

2

fetch는 사용되는가

0

102

2

전역상태 관리 선택 기준

0

140

2