[리액트 프로그래밍 정석] 컨텍스트로 데이터 관리하기
3장에서 배운 property와 state는 부모와 자식컴포넌트가 연결된 상태에서 공유하는 데이터였다. 반면 컨텍스트는 부모와 자식 컴포넌트가 연결되어 있지 않아도 데이터를 공유할수 있게 해준다. 그렇기에 현재 로그인한 유저,테마, 선호하는 언어등의 데이터를 사용하는데에 쓰인다.
최근 포스트
[리액트 프로그래밍 정석] 리액트 고급 기술 따라하기
5장에선 커링과 하이어오더 컴포넌트 같은 중요 개념들이 나와서 이를 정리해보고자 본 글을 포스팅해본다.🤣 (책을 미리 한번 읽고나서 재독할때 코드를 따라쓰면서 공부내용을 온전히 내껄로 만드는 연습을 꾸준히 하자)
[리액트 프로그래밍 정석] 모듈 내보내고 가져오기
export와 import 지시자는 다양한 방식으로 활용된다. export 문은 JavaScript 모듈에서 함수, 객체, 원시 값을 내보낼 때 사용되며 내보낸 값은 다른 프로그램에서 import 문으로 가져가 사용할 수 있다. 여기서 import와 require의 차이, 그리고 ...
[리액트 프로그래밍 정석] React 중요개념 정리
JSX는 무엇인가? jsx는 Javascript를 확장한 문법으로 javascript의 모든 기능이 포함되어 있으며 React “엘리먼트(element)”를 생성한다. 언뜻보면 HTML같이 생겼지만 실제로는 JavaScript이다.
[리액트 프로그래밍 정석] React ES6 문법 액기스
02-1. 템플릿 문자열 기존 자바스크립트에선 문자열과 문자열 또는 문자열과 변수를 연결하려면 병합연산자(+)를 사용했어야 했는데 ES6에선 템플릿 문자열을 도입하여 이를 대체했다. 템플릿 문자열: 작은따옴표(‘’) 대신 백틱(`)으로 문자열을 표현한다. ...