# components

49개의 포스트
post-thumbnail

Components

ReactJS의 코드 구성은 다음과 같다. 리액트를 아예 모르는 상태에서 보면 App이라는 함수가 HTML을 반환하는 형식이다. 저렇게 구성된 App은 기본적으로 생성된 index.js 파일에서 모듈 형태로 불러와지고, 다음과 같이 사용된다.create-react-ap

2023년 5월 7일
·
0개의 댓글
·
post-thumbnail

[HIG] Components - Boxes

스테퍼는 값을 증감시키는 두 세그먼트 컨트롤로 이루어진 UI 요소이다.Untitled스테퍼 자체는 값을 표시하지 않기 때문에 현재 값을 표시하는 필드 옆에 배치한다.스테퍼가 영향을 미치는 값을 명확하게 하라.스테퍼 자체로는 값을 표시할 수 없으므로 사

2023년 4월 21일
·
0개의 댓글
·
post-thumbnail

[HIG] Components - Boxes

box는 논리적으로 관련이 있는 정보와 구성 요소들을 포함하여 다른 요소들과 시각적으로 구별되는 그룹으로 만드는 방법이다. 기본적으로 box는 테두리 혹은 배경색의 구분을 통해 다른 인터페이스 요소들과 구분한다.

2023년 4월 3일
·
0개의 댓글
·
post-thumbnail

React Styled-Components

리액트를 사용할 때 css처럼 사용하려면 어떻게 할까?Styled Components를 이용하면 된다.사용 방법Styled-Components import해 불러와준다.구분할 수 있는 태그로 변경해 작업을 해보겠다.이제 변수선언 구간에 Styled-Components작

2023년 4월 1일
·
0개의 댓글
·

[TIL]23.03.31 useState, Components

React useState > >>prev : count 값

2023년 3월 31일
·
0개의 댓글
·

[React] 자식 컴포넌트에서 함수 끌어올리기가 안 될 때, 두 번씩 함수가 불러질 때

모달을 만드는 와중에 에러가 났다 상황 ❗ 자식컴포넌트에서 버튼을 클릭하면, 부모컴포넌트에 있는 함수가 실행되게 하고 싶다. 이렇게 props 이름 다 맞춰도 함수가 두 번씩 is not function 에러를 내뿜을 때 SOLUTION ✅ 부모 컴포넌트에서 화

2023년 3월 26일
·
0개의 댓글
·

카카오 FE 기술 블로그 '아토믹 디자인을 활용한 디자인 시스템 도입기' 정리

이 글은 카카오 FE 기술 블로그 '아토믹 디자인을 활용한 디자인 시스템 도입기'를 정리한 글입니다. ⭐ 카카오 FE 기술 블로그 '아토믹 디자인을 활용한 디자인 시스템 도입기' 바로가기container-presentational 패턴을 사용했었습니다. 그러나 문제가

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

조금조금 REACT, CSS in JS

JS의 문법체계에서 CSS를 제어한다는 것은 어떤 것일까? 정적으로 기록되었던 CSS를 동적으로 조작이 가능하게 된다는 말이 아닐까?

2023년 3월 3일
·
0개의 댓글
·
post-thumbnail

[React] Components and Props

Components와 Props의 정의, Props의 특징 및 사용법, Component 만들기 및 렌더링, Component합성과 추출, (실습) 댓글 컴포넌트 만들기를 하면서 Components와 Props에 대해 알아보자!

2023년 1월 9일
·
0개의 댓글
·
post-thumbnail

React 기초정리 (Components)

컴포넌트는 컴퓨터 소프트웨어에 있어서, 다시 사용할 수 있는 범용성을 위해 개발된 소프트웨어 구성 요소를 일컫는다.리액트에서 컴포넌트는 class형, function형으로 나뉜다. 개념적으로 컴포넌트는 JavaScript 함수와 유사하다. “props”라고 하는 임의의

2023년 1월 6일
·
0개의 댓글
·

Vue Components - #Part_2

재사용 가능한 컴포넌트 제작하기 컴포넌트를 작성할 때 나중에 다른 곳에서 다시 사용할 것인지에 대한 여부를 정해놓는 것이 좋다. 일회용 컴포넌트는 단단히 결합되어도 상관없지만, 재사용 가능한 컴포넌트는 깨끗한 공용 인터페이스를 정의해야 하며 사용된 콘텍스트에 대한 가정

2022년 11월 30일
·
0개의 댓글
·

Vue Components - Slots

다음과 같은 템플릿이 있다고 가정했을 때 message는 부모 데이터에 바인딩 된다.컴포넌트 범위에 대한 간단한 법칙 :<span style="background-color:일반적인 실수는 부모 템플릿의 하위 속성/메소드에 디렉티브를 바인딩하려고 하는 것이다.상위

2022년 11월 30일
·
0개의 댓글
·

Vue Components - Props가 아닌 속성

props가 아닌 속성 props가 아닌 속성은 컴포넌트로 전달되지만 props로는 정의되지 않은 속성이다. 임의의 속성 명시적으로 정의된 props는 하위 컴포넌트에 정보를 전달하는데 쓰이지만, 컴포넌트 라이브러리 작성자는 컴포넌트가 사용될 수 있는 상황을 항상 예

2022년 11월 29일
·
0개의 댓글
·

Vue Components - Props

컴포넌트 A와 컴포넌트 B가 있다고 가정할 때, 서로 의사 소통을 필요로 한다면부모는 자식에게 데이터를 전달할 수 있어야 하고, 자식은 자신에게 일어난 일을 부모에게 알릴 수 있어야 한다.Vue.js에서 부모-자식 컴포넌트 관계는props는 아래로<span sty

2022년 11월 24일
·
0개의 댓글
·
post-thumbnail

Vue Components - #Part_1

Vue의 가장 강력한 기능 중 하나기본 HTML 엘리먼트를 확장하여 \*\*<span style="background-color:- 경우에 따라 특별한 is 속성으로 확장된 원시 HTML 엘리먼트로 나타낼 수 있음Vue 컴포넌트는 Vue의 인스턴스<span

2022년 11월 23일
·
0개의 댓글
·

Vue 컴포넌트를 사용한 작성 방법

Components 컴포넌트 시스템은 독립적이며 재사용할 수 있는 컴포넌트들로 구성하여 대규모 앱을 구축할 수 있게 해주는 추상적 개념이다

2022년 11월 20일
·
0개의 댓글
·
post-thumbnail

리액트의 컴포넌트란?

컴포넌트는 리액트를 만들어진 앱을 이루는 최소한의 단위이다.리액트는 여러 컴포넌트 조각으로 이루어져 있음.원래는 클래스형 컴포넌트를 많이 사용했지만,지금은 함수형 컴포넌트를 이용해서 많이 개발을 한다.

2022년 9월 3일
·
0개의 댓글
·
post-thumbnail

components(separateBy:)

프로그래머스를 스위프트로 풀어보면서 알게된 점을 정리중입니다.

2022년 7월 17일
·
0개의 댓글
·

[React] Components(컴포넌트) 란?

리액트를 공부한다고? 그럼 컴포넌트부터 알아야지! 컴포넌트의 정의부터 코드 작성까지 한 번에 알아보자!

2022년 7월 8일
·
0개의 댓글
·

React 컴포넌트 스타일링

JSX inline style inline style을 스타일링의 주요 수단으로 사용하는 것은 권장되지 않는다. JSX에선 style 어트리뷰트는 camelCase 프로퍼티를 가진 JavaScript 객체로 받아들임 DOM 노드의 프로퍼티에 접근하는 것과 일관되게

2022년 7월 7일
·
0개의 댓글
·