硏錄 YEON_log

1. Fragments에 대해 1-1. JSX에서 root 태그는 하나만 존재할 수 있다 JSX는 HTML과 JavaScript를 하나의 컴포넌트로 만들어 렌더링 시켜주는 문법이라고 할 수 있다.(HTML in JS 라고나 할까..?) JSX 소개 – React A JavaScript library for building user interfaces ko.reactjs.org 결국 JSX는 컴파일 되어 JavaScript로 표현이 되는데, 이 때 React.createElement() 호출을 통해서 컴파일이 이루어지게 된다.(참조) JSX 문법을 사용해서 렌더링할 컴포넌트를 return 안에서 호출하고 있기 때문에, return이라는 키워드의 측면에서 생각해본다면 JSX는 단 하나의 root를 가질 수 ..

들어가기에 앞서.. 본 글에서 정확하지 않은 내용이 있다면 댓글이나 방명록 등을 통해서 알려주면 감사하겠습니다. (아래부터는 편의상 반말로 진행합니다) 0. React에서의 전역상태관리는 무엇이고, 왜 필요한가? 전역 상태(Global State)란? 전역 상태라는 말 그대로, 앱 내부의 어느 곳에서나 참조할 수 있는 state를 뜻한다. 전역 상태 / 전역상태관리가 필요한 이유? 여러 컴포넌트, 렌더링에 영향을 미치는 크로스 컴포넌트 상태나 앱 전역에 영향을 미치는 상태가 있을 경우 해당 상태를 참조할 수 있도록 해야함 React 내부에서 state(data, argument, method ... etc)를 전달할때에는 반드시 부모에서 자식에게 props를 통해 전달하도록 설계되어 있다. props를 ..

참조 | https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 1. React는 무엇인가? React는 UI(사용자 인터페이스)를 만들기 위한 JavaScript 라이브러리이다 2. React 활용에 필요한 사전지식과 요구사항(by TaniaRascia) HTML, CSS에 대한 기본지식 프로그래밍과 JavaScript에 대한 기본지식 DOM(Document Object Model: 문서객체모델) 에 대한 기본이해 ES6(ECMAScript 2015) 문법과 기능에 대한 지식 Node.js와 npm(Node Package Manage..