# State

228개의 포스트
post-thumbnail

[React] 4. state, props

1. state ✔ state는 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다. props는 컴포넌트가 사용되는 과정에서 부모 컴포넌트가 설정하는 값이며, 컴포넌트 자신은 해당 props를 읽기 전용으로만 사용할 수 있다. 즉, props를 바꾸려면 부모 컴포넌트에서

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

No.8 State

No.8 State

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

[React] setState 비동기 특성

🚦 잠시만요. 조금만 기다렸다 건너세요.

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

React_State & Props

React를 사용하면 화면을 컴포넌트 단위로 구분해서 구현한다. Nav, Main, Footer로 나뉘어져 있을 것이고, 또 Main은 프로필 컴포넌트, 제품 설명 컴포넌트를 가지고 있을 것이다. 따라서 부모 컴포넌트 아래에 자식 컴포넌트가 속해 있는 구조가 되고, 부

4일 전
·
0개의 댓글

TIL. 4주차 금요일

1. state VS props props는 외부로부터 전달받은 값 state는 내부에서 변화하는 값 State가 변경되면, re-rendering을 통한 화면 업데이트가 일어난다. 2. useState React에서는 state를 다루는 방법 중 하나로 useState라는 특별한 함수를 사용한다. useState의 전달인자는 state의 초기값이다. ...

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

state 끌어올리기

매일 진도는 나가지만 머리의 한계로 재깍재깍 따라잡지 못해 엄청 밀리게 되었다..그래서 매일 깨닫는게 있지만 정리할 틈이 없었고,진행이 더뎌 정리할 것도 없었다..흑오늘은 현재 진행하는 진도와는 상관없이 오늘 배운 수업을 간단히만 정리해두려고 한다!중요하다고 강조하셨던

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

React , props, state

props, state

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

React State & Props

state, props의 개념에 대해서 이해하고, 실제 프로젝트에 바르게 적용할 수 있다.React 함수 컴포넌트(React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있다.React 컴포넌트(React Com

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

[React] 1. 리액트란?

React ⭐ 리액트(React)는 페이스북에서 개발한 오픈소스 UI 라이브러리로, 유저 인터페이스를 만들기 위한 Javascript 라이브러리 이다. 개발자가 직접 DOM을 다루지 않아도 React가 데이터 상태에 따라 자동으로 UI를 관리해주므로 특정 상태에 따른

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

Redux

Redux는 react 라이브러리 생태계에서 많이 사용되는 상태관리 라이브러리 이다.컴포넌트의 상태관리 로직들을 다른 파일로 분리시켜서 더욱 효율적으로 관리할 수 있으며, 글로벌 상태관리도 쉽다.프로젝트의 진행에 있어 redux가 많은 도움이 되기는 하지만, 꼭 모든

6일 전
·
0개의 댓글

함수형 컴포넌트가 두 번 실행되는 이유(Strict Mode)

처음부터 count의 초기값을 동일한 값으로 바꾸려 하면 App함수가 처음부터 호출되지 않는다.(예시)count의 초기값(A)을 (B)로 바꾸면 App함수가 호출되고, (B)를 다시 (B)로 바꾸면 App함수는 호출되지만 state는 바뀌지 않는다(이때 react는 A

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

REACT - 구조

웹이 점점 복잡해져서 UI를 만들기 위한 Javascript 라이브러리리액트는 가상돔(virtual dom)을 통해 ui 를 빠르게 업데이트이전 UI 상태를 메모리에 유지해서 변경될 UI의 최소집합을 계산하는 기술—> 불필요한 업데이트를 줄일 수 있음.실제돔을 간략하게

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

React 시작하기

React를 사용하는 이유 3세대 웹 요즘 웹은 예전처럼 단순하지 않다. 다양한 기능, 사용자의 눈길을 사로잡는 디자인, 다양한 기기에 따른 반응형의 구현, 그리고 넘쳐나는 데이터들에 맞는 웹을 만들다 보니, 이전보다 훨씬 동적이고 복잡해졌다. 따라서 웹을 개발할 때

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

TIL - React를 시작하기 전에(1~5)

✔ JSX는 무엇인가? > 위의 태그 문법은 HTML도 아니고, 문자열도 아니다. 자바스크립트를 확장시킨 JSX라는 것이다.(아직은 내가 배우기 전이니 React.js를 쓰기 위해 사용하는 문법정도라고 생각해 두려고 한다...) ✔ JSX가 가진 특징은 무엇

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

면접 질문 (React 관련)

DOM은 HTML문서를 프로그래밍적으로 접근가능하게 해주는 인터페이스로 DOM node에 접근하여 편집을 하게 되면 DOM이 업데이트 되는데 비용이 굉장히 많이 든다. node를 추가하면 node를 추가하여 업데이트 하고 이러한 업데이트로 인해 레이아웃에 변화가 생기면

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

Session 13 . How to update UI (state, event)

*🔐Study Keyword : UI = render(state) 핵심 > 1>🔑Stete와 🔑event를 사용해서 UI를 업데이트 해보고 2>💻Props로 state와 event handler를 넘겨보좌.

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

vanilla js에서 프록시 객체를 옵저버처럼 사용하여 상태관리하기

Proxy 객체는 기본적인 동작(속성 접근, 할당, 순회, 열거, 함수 호출 등)의 새로운 행동을 정의할 때 사용된다.

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

class component, state, setState()

class React component에서 확장하여 사용한다.(extends가 그 기능을 한다)function이 아니기 때문에 return을 사용하지 않고 render를 사용한다.(render function도 React component가 가지고 있는 기능)rende

2021년 9월 4일
·
0개의 댓글

React, State와 Props

앞서 두 번의 프로젝트에서 프론트엔드로 참여해 react를 이용한 웹 서비스를 구축하였다. 하지만 막상 면접에서 state와 props에 대한 것을 묻자 머리가 하얘지는 나를 발견할 수 있었다. 숱하게 사용했었던 state와 props지만 정확히 알고있다고 할 수 있

2021년 9월 2일
·
0개의 댓글