# 컴포넌트

34개의 포스트
post-thumbnail

우아한테크러닝 4기 "나만의 노션 만들기(feat.시니어봇)" 4차시

우아한테크러닝 4차시가 끝났습니다. 저번에 이야기했던 Bold, Italic, Underline을 글자 드래그 했을 때 팝업 형태로 나타나는 것을 구현한 PR을 함께 살펴봤습니다. 그리고 지금까지 진행하던 방식의 한계를 느끼고 진행 방식을 함께 논의해 바꾸는 시간도 있

2021년 6월 10일
·
0개의 댓글
post-thumbnail

TIL 01. React 란?

안녕하세요! 😎 이번 시간에는 제가 React 라는 새로운 주제를 학습하고, 그에 대해 같이 얘길 나눠볼려고 해요 ~ 먼저 오늘은 React 의 기본 개념에 대해 찬찬히 살펴보기로 해요! 1.  React 란? Facebook에서 F

2021년 6월 9일
·
0개의 댓글
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 2.2 동적 컴포넌트 만들기

지난시간에 우리는 이렇게 생긴 컴포넌트를 만들었다. 그런데 이 컴포넌트는 효율적이지 않다. 우리가 새로운 음식을 추가할 때마다 복붙해야하기 때문이다. 여기서 자바스크립트적인 활용이 드러나는데, 바로 배열 api의 활용이다!우리는 다양한 속성값을 오브젝트의 배열로 만들고

2021년 5월 25일
·
0개의 댓글
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 2.1 재사용 가능한 컴포넌트 with JSX + Props

오늘은 지난시간에 컴포넌트를 생성했던 것에 이어서 컴포넌트를 재사용하는 방법에 대해 살펴봤다.먼저 지난 번에 어떤 일이 있었느냐!index.jsApp.jsPotato.js이렇게 index와 App을 변형하고, Potato를 생성해서 App.js와 Potato.js에 있

2021년 5월 24일
·
0개의 댓글
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 2.0 나의 첫 컴포넌트 만들어보기

는 무엇일까? 바로 컴포넌트다. 리액트는 컴포넌트와 함께 동작하고 모든 것이 컴포넌트다. 컴포넌트란? > 컴포넌트는 HTML을 반환하는 함수다. 리액트는 컴포넌트를 사용해서 HTML처럼 작성하려고 할 때 필요하다. javascript와 HTML의 이러한 조합을 J

2021년 5월 22일
·
0개의 댓글
post-thumbnail

[Vue.js] 라이플 사이클 이해하기

어떤 vue 인스턴스나 컴포넌트가 생성될 때, 미리 정의된 몇 단계의 과정을 거치게 되는데 이를 바로 라이플사이클이라고 합니다.즉, vue 인스턴스가 생성된 후 우리 눈에 보여지고, 사라지기까지의 단계를 라이프사이클이라고 합니다.공식문서에서 설명하기로,vue 인스턴스는

2021년 5월 11일
·
0개의 댓글
post-thumbnail

React: 컴포넌트를 내려주기

컴포넌트를 전달하는 방법

2021년 5월 6일
·
0개의 댓글

[JAVA] 이미지 생성 및 크기 조절

컴포넌트를 이용한 이미지 생성 및 크기 조절

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

TIL [React 컴포넌트 / Props / State / 리스트와 Key]

컴포넌트를 선언하는 방식은 두 가지이다. 하나는 함수형 컴포넌트이고, 또 다른 하나는 클래스형 컴포넌트이다. 컴포넌트를 정의하는 가장 간단한 방법은 JavaScript 함수를 작성하는 것이다.위의 예시는 App이라는 함수를 통해 React 엘리먼트(JSX)를 반환하므로

2021년 2월 10일
·
0개의 댓글
post-thumbnail

[Vue.js] 2) 컴포넌트

컴포넌트란? 컴포넌트끼리의 통신 컴포넌트의 양방향 데이터 바인딩 slot template 이외의 기능과 옵션 함수형 컴포넌트 동적 컴포넌트 컴포넌트의 라이프 사이클 keep-alive로 상태 유지하기

2021년 2월 8일
·
0개의 댓글
post-thumbnail

Components and Props

개념적으로 컴포넌트는 JavaScript 함수와 유사하다.!! 같다는 말은 아니다. 유사하다.JavaScript 함수는 인자를 받고 해당 인자로 무언갈 한다.컴포넌트는 "props"라고 하는 입력을 받고 화면에 어떻게 표시될지 정의된 객체인 React 엘리먼트를 반환

2021년 1월 31일
·
2개의 댓글
post-thumbnail

React_2

리액트가 없을 경우의 상황public : run npm start를 했을 때 파일을 찾는 document rootreact 전pure.html<Subject></Subject> 를 만들어보자App.jssubject라는 컴포넌트를 만든다App 컴포넌트에 적용

2021년 1월 19일
·
0개의 댓글

📗[React 주요 개념] 1. 컴포넌트, props

자주 사용되지는 않는다고는 함.javascript함수 작성ES6 class이곳부터.. state와 생명주기

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

[말로 풀어쓴 React] state (함수형, 클래스형 컴포넌트 비교)

state 설명 (props와 비교)함수형 컴포넌트 useState클래스형 컴포넌트 초기값(constructor, state), setStatestate는 컴포넌트 내부에서 바꿀 수 있는, 바뀔 수 있는 값입니다. props는 부모 컴포넌트에서 설정하여 자식 컴포넌트로

2020년 12월 29일
·
0개의 댓글

[Vue] 컴포넌트

2020 12 15Vue 프론트엔드를 작업하다가 컴포넌트화를 시켜야 할 필요성을 느껴서 공부를 하려고 한다. React는 컴포넌트를 만들고 컴포넌트별로 관리하기 편리했었는데 Vue는 어떤지 잘 몰라서 공부를 한 번 해 보았다.Vue에서 컴포넌트는 재사용 가능한 코드를

2020년 12월 23일
·
0개의 댓글
post-thumbnail

[React] 4. Component와 Props

UI를 재사용이 가능하게 하는 여러 조각으로 개념적으로는 JavaScript 함수와 유사하다.리액트 엘리먼트는 사용자 정의 컴포넌트로도 나타 낼 수 있다.리액트가 사용자 정의 컴포넌트로 작성한 엘리먼트(Welcome)를 발견하면 JSX 어트리뷰트와 자식을 해당 컴포넌트

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

React | Component의 Lifecycle

React는 컴포넌트 단위로 화면에 렌더링하는데, 이 때 각각의 컴포넌트는 Lifecycle을 갖는다. 다음은 라이프사이클 다이어그램이다. 이번에는 리액트의 LifeCycle API에 대해 알아보자. Lifecycle 자세한 다이어그램은 이곳에서 볼 수 있다.컴포넌트

2020년 11월 2일
·
0개의 댓글
post-thumbnail

React | Component의 State

state란 말 그대로 컴포넌트의 상태 값입니다. state와 props는 둘 다 object이고, 화면에 보여줄 정보(상태)를 가지고 있다는 점에서 서로 비슷한 역할을 합니다. props는 컴포넌트를 사용하는 부모쪽에서 전달해야만 사용할 수 있고, state는 컴포넌

2020년 11월 2일
·
0개의 댓글
post-thumbnail

[React] 7. 컴포넌트 종류(클래스, 함수, 배열, 하이어오더)

클래스형 컴포넌트는 두 종류의 클래스를 사용합니다.Component 클래스는 props, state와 생명주기 함수가 들어있는 구조의 컴포넌트를 만들 때 사용합니다.이 클래스는 지금까지 컴포넌트를 만들 때 사용했습니다.PureComponent 클래스PureCompone

2020년 10월 19일
·
0개의 댓글
post-thumbnail

[React] 5. 컴포넌트와 구성요소(props, state)

오늘은 컴포넌트를 알아보겠습니다.컴포넌트는 리액트에서 가장 중요한 요소입니다.기존의 웹 프레임워크는 MVC방식으로 MVC방식은 정보(model), 화면(view), 구동(controller)로 코드관ㄹㅣ를 효율적으로 할 수 있다는 장점이 있으나 각 요소의 의존성이 높

2020년 10월 19일
·
0개의 댓글