publicvelopert0034

컴포넌트 자신이 변경하지 못하며 그 상위 컴포넌트에서는 변경이 가능한 값입니다.

props의 정의에 대한 질문입니다.

자료는 여기에 있습니다: https://velopert.com/3613

수강자료는 어디서 받나요

var를 써도 오류는 나지 않지만, 더 이상 사용할 이유가 없답니다 ㅎㅎ
var을 사용했을때 발생하는 문제점을 보완한, let과 const만으로 다 할 수 있으니까요!

var를 사용안한다 하셨는데

주요 차이점은 언제나 최신 버전의 create-react-app 을 사용하게 된다는 점 입니다.만약에 global 로 미리 설치한다면, 업데이트가 돼도 별도로 업데이트 명령어를 입력하지 않는 이상 이전 버전을 사용하게 될 거구요,

npx를 사용하는 이유를 알고 싶어요.

JSX 를 () 로 감싸는것은 선택적입니다.보통 가독성을 위해서 사용합니다 :) 안해도 무방합니다.

map을 사용할때 질문입니다.

강의 내용이 완전히 동일하지는 않습니다. 코드쪽에서 미세하게 차이가 있습니다 :)<a href="http://react-anyone.vlpt.us/">http://react-anyone.vlpt.us/</a>

안녕하세요 강의자료를 받을 수 있을까요?

&nbsp;
양방향 데이터 바인딩은 상태가 업데이트되면 뷰가 업데이트되고, 그 반대로 뷰가 업데이트되면 상태가 업데이트 됩니다.
AngularJS 1 에서 model 에 변화를 주면 뷰도 자동으로 반영이되죠.
그리고, view 에 있는 input 필드를 수정하면 그 값이 수정이 되는대로 모델의 값이 변합니다.
&nbsp;
이러한 구조는 많은 앱에서 제대로 작동하긴 합니다. 
흐름을 시각적으로 보자면 이런느낌이죠
뷰 <-----------> 상태
&nbsp;
여기서 상태가, 뷰에 의해서 변할수도있고, 컨트롤러에 의하여 변할 수도 있다보니, 가끔씩은 데이터 흐름을 예상하기가 힘듭니다.
&nbsp;
하지만 Flux 구조를 사용한다면 state 는 action 을 dispatch를 해야만 업데이트 할 수 있구요, 이 state 에 변화가 있을때마다 자동으로 뷰가 re-render 됩니다.
&nbsp;
상태가 같다면, 언제나 같은 결과를 렌더링하겠죠. 따라서, 상태에 따라 어떤 뷰가 보여질지 예상을 할 수 있는 방면, 양방향데이터는 예측할수가없죠. 각각 자신의 model 을 지니고있으니까요. 
&nbsp;
&nbsp;
흐음... 저도 사실 어떻게 설명을 해야 이해하기 쉬울지 모르겠습니다.
&nbsp;
머릿속에서 큰그림은 그려지는데 딱 명확하게 설명드리기가 어렵네요.
&nbsp;
Redux 의 중요 포인트는 말씀하신대로 1) 단방향 데이터 흐름 2) 한개의 스토어에서 모든걸 관리한다는것 입니다.
&nbsp;
컴포넌트들이 부모 - 자식 트리 구조로 이뤄져있고, 객체형태로 store 에 상태가 담겨있기 때문에 궁합이 잘 맞고,
그 store 안의, state 에 따라 언제나 같은 뷰가 생성된다는것 정도만 이해하시고 Redux 를 사용해보시면서,
&nbsp;
이 구조가 어떻게 편한지, 혹은 자신에게 잘 안맞는지 판단을 해보시는게 좋을것같습니다 (저는 굉장히 편하다고 생각하는데 사람마다 다르니까요. 저도 처음 사용할때는, 이걸 왜 굳이 사용해야 하나 싶었는데, 개인 프로젝트에서 사용을 해보면서 정말 정말 정말 중요하는걸 깨달았습니다.
&nbsp;
궁금증이 조금이나마 해결되었으면 좋겠습니다. 
&nbsp;
&nbsp;

MVC의 문제점을 REDUX가 어떻게 해결해주는지 초보자는 이해하기 어렵습니다.

잘 봐주셔서 감사합니다! 
&nbsp;
요즘 너무 바빠서 진행을 못하고있어요 ㅠㅠ 
해당 프로젝트의 텍스트 형태로 된 강좌는 https://velopert.com/tag/reactcodelab 에서 확인 하실 수 있습니다.
&nbsp;
앞으로의 동영상 강좌 시리즈의 계획은, 서버에서 API 를 만들고 React 프로젝트에서 서버와 커뮤니케이션 하는 예제 까지만 알아보고 나머지는 텍스트강좌로 마무리 할 예정입니다.
&nbsp;
다음 동영상은 11월달쯤에 만들어질것같습니다 ㅎㅎ

몽고디비도 잘봤어요 ㅋㅋ

요즘 너무 바빠서 강좌를 못만들고있습니다 ㅠㅠ 죄송합니다.
좀 더 실전실전 스러운것들은 https://velopert.com/tag/reactcodelab 여기서 확인 하실 수 있습니다 (저희가 마지막에 만들 프로젝트를 만드는 과정 입니다)
앞으로 강좌의 계획을 조금 바꾸었는데, Express & MongoDB 를 통하여 API 를 만들고, 리액트 프로젝트에서 서버와 커뮤니케이션 하는 방법까지만 알아보고 나머지는 저 텍스트 강좌로 연결시켜서 마무리 할 까 합니다.
그리고, 내년에 정말 제대로 된 강좌를 만들어볼까 생각중입니다. (이번에 만든 동영상 시리즈가 제가 처음으로 만들어본 동영상 강좌이고, 또 좀 급하게 만들기도해서.. 설명이 조금 빠진 부분도 있고해서요)
&nbsp;

publicvelopert0034

Posts