HangOutWithReact

It is called JSX, and it is a syntax extension to JavaScript.HTML과 비슷하게 생긴 이것은, JSX라고 하는 자바스크립트의 확장버전입니다. 리액트에서는 자바스크립트에 써야하는 그 모든 element를 쓰는 대신에 JSX

Component Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introducti

\_React에서는 이벤트의 처리, 시간에 따른 state의 변화 등 렌더링 로직이 본질적으로 다른 UI 로직과 연결된다는 사실을 받아들입니다. \-자바스크립트와 HTML에서 각각의 파일에 로직과 마크업을 넣어 기술을 인위적으로 분리했다면 react는 컴포넌트라는 유닛

HTML, CSS, JS로 되어있던 기존의 인스타그램을 리액트 기반으로 만들기 위한 기초 작업\-JSX문법에 맞게 수정하기\-컴포넌트 나누기2\. 라우터 만들기라우터를 관리하는 파일 만들기TheRouter이라는 모든 요소들을 넣을 파일을 만들었다.path =" "안의

리액트를 다운 받았을 때 설치되어 있는 파일들에 대해서 설명해주신 내용을 정리해 보앗다. 리액트를 설치했을 때 화면package.jspackage의 내용 : 나는 어떤 라이브러리를 쓸것이다라는 정보를 주는 것이다. npm install 하는 순간 package.js에

댓글을 작성했을 때, 그 작성한 내용이 위로 들어가게 한다.댓글창에 내용이 있을 때만 게시 버튼이 활성화된다.우선 나는 state 부분에 두 가지를 미리 설정해 놓았다.내가 방금 쓴 하나의 댓글을 comment로, (문자열)내가 그동안 쓴 댓글들을 넣을 comments

https://developers.google.com/web/updates/2015/03/introduction-to-fetchhttps://ko.reactjs.org/docs/faq-ajax.html프론트엔드 개발자가 주로 소통하는 상대는 디자이너

컴포넌트마다 데이터를 들고 다녀야 하니까 바로바로 옆에 있는 컴포넌트 끼리 프롭스를 주고 받을 수 없는 상황에서 리덕스를 쓰게 된다.전체적으로 상태를 관리하기 위해서 리덕스를 만들었는데리덕스가 필요하지 않고 안써야 할 경우가 훨씬 많다는 의견도 있다.우선은 state로

CRA 안에는 어떤 것들이 있는가? ( 파일 구성)node-modules : 설치된 소스 코드들을 모아 놓은 것Public - index.html // <id="root">src - Index.js ReactDom.render( 내보낼 것, 위치)\-package

기본으로 들어가는 프로필 사진 수정React-modal리액트 모달을 처음으로 써보았다. 사용법이 정말 역대급으로 간편해서 감동스러울 정도였다.아직 백에서 받는 데이터는 없지만 목 데이터로 props를 모달에 전달해서 뿌려주는 방식으로 결과만 나오게 했는데. 실제로는 패

Crew modalTotal Winner 부분을 만들었을 때 디자인을 대략적으로만 해놓은 상태에서 레이아웃을 만들었다. 막상 CSS로 만들어 보니 내가 생각한 느낌과 달라서 수정을 엄청나게 많이 했었다. 왜 목업 디자인을 만들어 놓고 작업을 해야 하는지를 깨닫게 된 과

비전 인식으로 직원이 피자를 만드는 것에 대한 모든 정보가 기록된다는 전제 하에, 데이터를 자체적으로 생성하여 DB에 저장해 진행하였습니다.User_id ( 각 유저에게 부여되는 고유한 ID)Stord_id ( 그 유저가 일하고 있는 매장의 이름)order_number