# component

69개의 포스트
post-thumbnail

[React] 함수형 vs 클래스 Component

class 와 functional 컴포넌트에 대해 알아보자.

2일 전
·
0개의 댓글

React : component

Component : 재사용가능한 ul 단위를 일컫는다.독립적으로 재사용한 코드로 관리할 수 있다. 하나의 component에 필요한 html, css, JS를 모두 합쳐서 만들 수 있다. 독립적이고 재사용 가능한 함수function과 비슷하다.React Compo

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

TIL] React-Component

😏 Component React app은 component로 만들어졌다. component는 재사용이 가능한 코드의 묶음 같은것으로 하나의 일을 수행한다. 그리고 그 일은 HTML을 re-rendering 하는 것을 의미한다. : 이 코드는 React라는 이

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

TIL 63 | 클래스형 컴포넌트 vs 함수형 컴포넌트

참고자료 [React] 클래스형 컴포넌트 vs 함수형 컴포넌트 클래스형 컴포넌트 클래스형 컴포넌트와 함수형 컴포넌트의 역할은 동일하지만 약간의 차이점이 존재한다. 클래스형 컴포넌트는 state 기능 및 라이프사이클 기능을 사용할 수 있으며, 임의 메서드를 정의할 수 있다. render 함수가 꼭 있어야 하고 그 안에서 jsx를 반환한다. 함수형 컴포넌트...

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

React 공부 1(React Lifecycle)

Mounting은 태어나는것과 같다.javascript에서 class를 만들때 호출되는것(react아님)예전에 super(props) 써서 하던 그거 맞다.최초 마운트와 갱신 때 모두 render() 메서드를 실행하기 직전에 호출된다. 렌더링 할때마다 매번 실행되니

2020년 9월 15일
·
0개의 댓글
post-thumbnail

TIL. css파일이 필요가 없나봐... styled-component

지금까지 우리는 특정 부분에 스타일을 줄때 인라인 style 이나 css파일을 분리해 className을 통해 style을 부여했습니다.그런데 css파일을 따로 만들지 않고 className을 주지 않고 style을 주는 방법이 또 있습니다.바로 styled-compo

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

React스터디_라우터로 SPA 개발하기

SPA는 Single Page Application(싱글 페이지 애플리케이션)의 약어입니다.말 그대로 한 개의 페이지로 이루어진 애플리케이션이라는 의미입니다.

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

React Jsx와 component와 CRA(create-react-app) 초기세팅 방법

React React.js는 Javascript의 라이브러리입니다. 사람에 따라 프레임워크라고 부르는 사람이 있지만 라이브러리가 맞는 표현같습니다. jsx jsx는 Javascript 확장버전입니다. syntax extension for JavaScript라고 합

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

React스터디_컴포넌트 스타일링

일반적으로 우리가 흔히 알고 있는 css를 이용하여 스타일링하는 방법입니다.

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

[JavaScript] React - CRA

React React 선택 이유? > 프로젝트를 진행하면서 JS에서 직접 DOM으로만 개발했을때 너무 복잡했었지만, 특정 부분을 컴포넌트로 만들어 사용할 수 있다는 점과 오로지 view를 위한 라이브러리로서 많은 매력을 느끼게 되어 리엑트를 선택했다. React란?

2020년 9월 4일
·
0개의 댓글
post-thumbnail

[JavaScript] React - Component와 Props

Component > 컴포넌트란 재사용 가능한 UI단위를 말합니다. 만약 자신이 회원가입 페이지의 로그인 창 등 여러가지를 만들었는데, 정보 수정 하는 페이지를 추가하게 되어 비밀번호 input을 만들어야 한다면 반복되는 부분을 하나의 컴포넌트로 만들어 똑같은 디자

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

TIL 43 | React 컴포넌트의 Lifecycle

render, componentDidMount, componentDidUpdate, componentWillUnmount등의 함수는 React.Component class에서 제공하는 메서드이다.

2020년 8월 30일
·
0개의 댓글
post-thumbnail

TIL 41 | React.js Intro 2

state란 말 그대로 컴포넌트의 상태 값이다. state와 props는 둘 다 object이고, 화면에 보여줄 정보(상태)를 가지고 있다는 점에서 서로 비슷한 역할을 한다.

2020년 8월 29일
·
0개의 댓글
post-thumbnail

TIL 40 | React.js Intro

React? 리액트는 페이스북의 UI를 더 잘 만들기 위해 페이스북에서 만든 JavaScript UI 라이브러리이다.

2020년 8월 29일
·
0개의 댓글
post-thumbnail

React스터디_Hooks

Hooks는 리액트 v16.8에 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해 줍니다.

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

React스터디_LifeCycle

클래스형 컴포넌트에서만 사용이 가능한 라이프사이클 메서드는 컴포넌트를 처음으로 렌더링할 때, 어떤 작업을 처리해야 하거나 컴포넌트를 업데이트하기 전후로 어떤 작업을 처리해야 할 수도 있고, 또 불필요한 업데이트를 방지해야 할 때 사용합니다.

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

[React] Tooltip 제작기

프로젝트를 진행하던 도중에 Tooltip이 추가 기능으로 필요로 하였기에 이렇게 제작하는 기회가 되었다. 사실 이전까지는 이미 많이 알려진 라이브러리를 사용해서 툴팁을 사용했지만, 사용할 기능에 비해서 제공하는 것이 너무 과하다고 생각하였다. 그래서 이번 기회에..

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

React스터디_자바스크립트 배열의 map 함수

Map 함수란? 자바스크립트 배열 객체의 내장함수로써 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과로 새로운 배열을 생성하며, 반복되는 컴포넌트를 렌더링 할수 있게끔 해주는 함수입니다.

2020년 8월 21일
·
0개의 댓글
post-thumbnail

'리액트를 다루는 기술' 3장, 컴포넌트

# 😁 클래스형 컴포넌트 ## 클래스형 컴포넌트의 특징 ## 함수형 컴포넌트를 사용해야하는 경우 ### function 컴포넌트 ### class 컴포넌트 # 😋 props # 😏 state ## props와 state의 차이점 # 🙄 state 사용 시 주의점

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