# 컴포넌트

173개의 포스트
post-thumbnail

[리액트] 3. 컴포넌트(2)

3. 컴포넌트 3-3. state(상태) state는 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다. 리액트에는 두 가지 종류의 state가 있다. 클래스형 컴포넌트가 지니고 있는 state이 있고, 함수 컴포넌트에서 useState 함수를 통해 사용할 수도 있다.

어제
·
0개의 댓글
·
post-thumbnail

[리액트] 3. 컴포넌트 (1)

3. 컴포넌트 3-1. 컴포넌트 애플리케이션의 사용자 인터페이스를 설계를 할 때 사용자가 볼 수 있는 요소들은 여러 컴포넌트로 구성되어 있다. 컴포넌트는 단순한 템플릿 이상의 기능을 갖추고 있다. 데이터가 주어지면 UI를 구성 라이프사이클 API 이용 컴포넌트가 화면

어제
·
0개의 댓글
·
post-thumbnail

[ MySQL 아키텍처 ] 1. MySQL 엔진 아키텍처 (2)

MySQL 엔진 아키텍처 (2) 4. 플러그인 스토리지 엔진 모델 5. 컴포넌트 6. 쿼리 실행

4일 전
·
0개의 댓글
·

매니페스트 & 컴포넌트 & Intent

매니페스트 주요 속성 10가지 & 4대 컴포넌트 & intent

4일 전
·
0개의 댓글
·
post-thumbnail

Vue: Suspense 컴포넌트

리액트 <suspense> 아니다. 뷰의 <suspense> 다. 뭐? 리액트 따라한 거 아니냐고? 맞다. 이건 부정할 수 없는 사실이다. 하지만 리액트 개발자들아 한가지만 기억하라. 리액트가 함수형 컴포넌트로 전환한 게 뷰의 영향이 컸다는 사실을.

5일 전
·
0개의 댓글
·
post-thumbnail

[React] 개념 및 특징

✅ 리액트란 ✨ React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 📌리액트의 특징 > 1. SPA(Single Page Application) Component 기반 구조 one-way Data Flow

6일 전
·
0개의 댓글
·
post-thumbnail

React 라이프사이클 feat.Hooks

태초에 클래스형 컴포넌트가 죽지 않고 살아있던 시절이런 그림이 아주 성행했다아마 리액트 유저중에 안본사람 없을듯?나도 부트캠프시절에 봄스윽봄그래서 아직도 잘 몰라서 다시 씁니다 이제는 제대로 araboza일단 라이프사이클, 즉 생명주기를 알려면 꼭 알아야하는것Mount

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

리액트의 컴포넌트란?

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

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

React 컴포넌트 props.children

리액트의 컴포넌트 props는 children이라는 값을 가진다.

2022년 8월 28일
·
0개의 댓글
·
post-thumbnail

TIL_컴포넌트 재사용 연습

1. 컴포넌트 재사용 연습 ➡️ 몬스터카드 만들어서 연습하기 ** > 각 컴포넌트를 연결하여 메인페이지에 몬스터카드 나오게 하기 몬스터 정보는 fetch를 이용해 가져오기 props를 사용해 데이터 자식 컴포넌트에 데이터 전달하기 Array.filer(), Array.

2022년 8월 27일
·
0개의 댓글
·
post-thumbnail

Vue 컴포넌트

컴포넌트view, Data, Code의 세트컴포넌트의 가장 큰 특징은 재사용이 가능하다.페이지 자체일 수도 있고, 페이지 내의 특정기능 요소일 수도 있습니다.Vue CLI를 이용해서 프로젝트를 최초로 생성했을 때 src 폴더 밑에 components 폴더가 있는 것을

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

TIL_컴포넌트 재사용 이해하기

두 개의 페이지를 확인했을 때 재 사용 가능한 컴포넌트 (반복적으로 사용하는 것)타이틀 (회원가입 / 로그인)input box (이름, 이메일, 비밀번호 / 이메일, 비밀번호)버튼 (회원가입 / 로그인 )문구 (이미 가입했나요? / X)컴포넌트를 생성 후 컴포넌트에

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

TIL_리렌더링, 조건부 렌더링 연습하기

부모컴포넌트와 자식 컴포넌트 처리되는 순서를 알아야함.부모 컴포넌트자식 컴포넌트버튼을 아무 순서대로 눌러도 박스는 순서대로 쌓아져야함(블럭들은 각자의 자리가 있음/ 조건부 렌더링 : 있으면 보여주고 없으면 숨기면 됨.)(1) 부모 컴포넌트에서 버튼 만들기 - 버튼에 o

2022년 8월 23일
·
0개의 댓글
·
post-thumbnail

TIL_React사용_props 사용

1. 피드, 댓글 컴포넌트화 + props로 데이터 전달하기 1) map함수 사용해서 피드, 댓글 목록 구현 2) 부모의 state에 저장된 댓글 데이터에 Array.map 메소드 적용해 댓글의 개수만큼 댓글 컴포넌트 나타나게 하기 ⏬ ⏬ ⏬ ``가 길어지기 때문에

2022년 8월 18일
·
0개의 댓글
·
post-thumbnail

리액트 컴포넌트 생성하기

리액트의 컴포넌트를 직접 생성하며 자세히 알아보았다.

2022년 8월 14일
·
4개의 댓글
·
post-thumbnail

프론트엔드에서 비즈니스 로직과 뷰 로직 분리하기 (feat. MVI 아키텍쳐)

오늘 해볼 이야기는 상태 관리, 비즈니스와 뷰 로직의 분리 프론트엔드 개발의 구조 등 프론트엔드의 아키텍쳐에 대한 이야기입니다. 프론트엔드를 하다보면 많이들 물어보는 (저 역시 지금도 고민을 하고 있는) 질문들을 꼽아보자면 "컴포넌트 추상화 구조는 어떻게 하면 좋나요

2022년 8월 12일
·
24개의 댓글
·
post-thumbnail

[React] react의 본질, component

🔎 리액트로 다양한 과제를 진행하고 있는 요즘.리액트의 기초부터 다시 정리하며 복습해나가고자 한다. 이번에는 그 중 component.&lt;mark style='background-color: 이것이 리액트의 본질이다사용자 정의 태그는 대문자로 시작하는 함수를 정의

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

실무에서 바로 쓰는 Frontend Clean Code 정리

본문은 토스 SLASH 21 - 실무에서 바로 쓰는 Frontend Clean Code 영상을 보고 정리한 글입니다. 모든 내용은 해당 영상에 포함되어 있습니다.클린코드는 '명확한 이름', '중복 줄이기'와 섬세하게 코드를 정리하는 스킬을 요구합니다.지뢰코드는 흐름 파

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

[Android/Kotlin] 콘텐츠 프로바이더

💌 [Android/Kotlin] 콘텐츠 프로바이더 📌 콘텐츠 프로바이더란? 앱끼리 데이터를 연동하는 컴포넌트. ContentProvider 클래스를 상속받아 작성. 이용하는 곳에서 contentResolver 객체를 이용해 query(), insert(), update(), delete() 함수를 호출. 매니페스트에 등록한 autorities 속성값으...

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

[React] React Router

🔎 React SPA에 이어서 React Router에 대해서 학습하고자 한다.라우팅이란 무엇인지, 라우팅을 위해 사용하는 라이브러리 React Router를 어떻게 사용하는지, React Router 주요 컴포넌트로는 어떠한 것들이 있고 각각의 역할은 무엇인지에 대

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