# component

427개의 포스트
post-thumbnail

읽은 글들 (~22.9.29)

메일링, 블로그, 구글링 등을 통해 읽은 좋은 글들을 모아놓은 글이다.

약 13시간 전
·
0개의 댓글
·

Unit4 회고

프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리선언형코드를 자세히 분석하지 않고도 코드의 의도를 분명히 알 수 있게 작성하는 방식하나의 파일에 명시적으로 작성할 수 있도록 JSX를 활용한 선언형 프로그래밍을 지향컴포넌트 기반독립성: 컴포넌트 간 의존성이

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

React

: JavaScript를 확장시킨 문법으로, 주로 React 컴포넌트를 작성할 때 사용하는 문법Babel을 이용해 JSX를 브라우저가 읽을 수 있는 JavaScript로 컴파일해줘야 한다.: 어떤 프로그래밍 언어의 코드 전체를 다른 프로그래밍 언어로 바꿔주는 과정Jav

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

[ TIL🌼] 리액트 기본기

리액트 오늘 배운 거 정리컴포넌트는 JSX 코드를 리턴하는 함수이고 태그처럼 사용하여 커스텀할 수 있음 HTML 태그와 구분하기 위해 컴포넌트 이름은 항상 대문자로 시작useEffect(실행할 함수, 값)는 값이 변할 때 실행하고 싶은 함수 지정 가능 즉, 특정 코드를

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

Vue: Suspense 컴포넌트

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

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

Component 란?

컴포넌트(Component)란 프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈을 뜻한다.그림에서 확인 할 수 있듯이 컴포넌트 기반 프로그래밍을 하면 마치 레고 블록처럼 이미 만들어진 컴포넌들을 조합하여 화면을 구성할 수 있다.웹 컴포넌트는 이러한 컴포넌트 기반 프

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

[iOS] Storyboard Component & AutoLayout

Storyboard iOS 어플리케이션의 UI 흐름을 시각적으로 표현한 것으로 화면의 내용과 화면과 화면간의 연결을 보여준다 Storyboard는 ViewController와 View로 이루어진 Scene의 집합으로 이루어졌다. Scene들은 두 개의 ViewCon

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

[React] Component

리액트로 만들어진 앱을 이루는 최소한의 단위첫글자는 대문자로 시작한다 (소문자로 시작하는 컴포넌트를 DOM html 태그로 인식하기 때문)컴포넌트를 다른 컴포넌트에 넣을 수도 있음.함수형 컴포넌트와 클래스형 컴포넌트로 나누어진다.props를 입력받아 view상태에 따라

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

import, export, component생성 연습해보기

서버에서 값을 받아와 데이터 바인딩하는걸 하고싶은데, 서버가 없으니 ... 리엑트부트스트랩을 이용하여 html,css를 짜고 , 서버에서 값을 받아오는 것처럼 하기 위해 data.js파일에 object형식의 데이터값을 저장했음export 문법 1 : export def

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

React_Component

리액트로 만들어진 앱을 이루는 최소한의 단위 (가상 DOM)데이터(props)를 입력받아 View(state)상태에 따라 DOM Node를 출력하는 함수컴포넌트 이름은 항상 대문자로 시작 (ex. Header, Article, Nav)UI를 재사용 가능한 개별적인 컴포

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

[react] 동적인 UI (모달창 만들기)

동적인 UI란 유저가 조작시 형태가 바뀌는 모달창 탭 서브메뉴 툴팁 경고문 등으 UI들을 의미함1\. html css로 미리 UI 디자인 구현2\. UI의 현재 상태를 state로 저장3\. state에 따라 UI가 어떻게 보일지 조건문 작성형식은 자유: 모달창 상태만

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

[react] component

긴 html,css를 한 단어로 치환해서 쓸 수 있는 문법▲ 이런식으로 쓰면 됨function을 이용해 함수를 하나 만들고 함수 안에 return()안에 축약을 원하는 html 담기 (여기서 return안에서는 하나의 태그로만 써야함. 두개 태그 사용불가)원하는 곳에서

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

[Salesforce] Component2

cmp 내에서 자주 사용하는 구문

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

[SpringBoot] 스프링 빈 등록 (컴포넌트 스캔, 직접 등록)

스프링 빈 등록 방식. @Component, @Serivce, @Repository, @Controller, @Autowired , @Bean, @Configuration

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

[React] 반복되는 UI구조를 map함수로 간결하게 만들어보기

반복되는 코드를 컴포넌트화시켜 보다 간결하게 만들어보자

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

생성자 함수와 class로 component 만들기 | Javascript

데브코스에서 진행한 개인 프로젝트 - 노션 클론을 리팩토링하면서 생성자 함수로 작성된 컴포넌트를 클래스 문법으로 변경했습니다리팩토링하면서 클래스는 어떤 특징들이 있는지 공부한 내용을 공유합니다new 키워드와 함께 사용해서 객체를 생성하는 함수를 생성자 함수라고 합니다생

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

사용했지만 따로 볼 컴포넌트 및 라이브러리들

그라데이션 효과 스크롤 시 이벤트 발생 statusbar 변경 Animated TypeScript 객체 접근

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

리액트 공식 문서 정리(3) - component and props

리액트 공식 문서 정리 - components and props

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

React hooks - useEffect

컴포넌트의 LifeCycle (함수형 컴포넌트)useEffectReact에서 컴포넌트의 LifeCycle은 크게 3가지로 구분Mount - 브라우저에서 컴포넌트가 처음 렌더링 될 때 실행update - 브라우저에서 컴포넌트가 재 렌더링 될 때 실행Unmount - 컴포

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

[리액트를 다루는 기술] 컴포넌트의 defaultProps 와 props.children

props에 전달받은 값이 없어도 오류 안 남component.defaultProps 후 객체로 설정사용한 component 사이에 내용을 넣으면 props.children으로 넘겨짐

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