홍준혁

공식 뷰 사이트에서는 하위에서 상위로 데이터를 전달하는 것을 권장하지는 않는다. 왜냐하면 단방향 데이터 흐름에 어긋나는 구현 방법이기 때문이다. 그래도 배워보자 보면 상위에서 하위로 전달하는 데이터 전달 방식과는 조금 다른 모습을 볼 수 있다. 먼저 하위 컴포넌트에서 버튼이 클릭되면 v-on:click이라는 이벤트가 발생하는데 그 이벤트가 발생하면 showLog라는 함수를 실행하게 되어있다. 이때 showLog를 실행하면 emit이 실행이 되는데 그러면 div#app에서 이벤트가 발생한다. 그럼 emit 이벤트가 발생하였을때 실행하는 함수는 printText인데 그렇게 되면 received event가 출력되는 모습을 볼 수 있다. 처리되는 과정을 정리해보면 ... [show]버튼을 클릭하면 클릭이벤트 ..

먼저 프로젝트에 리액트를 설치를 해주도록 하자 vscode에서 기본으로 지원하는 터미널에 git bash를 연결하였다. create-react-app todolist create-react-app을 사용해서 todolist라는 파일에 react세팅을 해주도록 하자. 빌드에 성공하면 Happy hacking이라는 글이 뜬다. 이제 happy hacking글 위에 명령어(cd , yarn start)를 순서대로 치면 로컬호스트로 서버가 열린다. 이제 리액트 웹 서버가 열린것을 볼 수 있다. 브라우저를 보면 React App이라는 웹이 생긴것을 볼 수 있다. 이제 리액트 앱을 만들었으니 설정을 해주도록 하자. App.css의 내용을 모두 지워주고,App.js에서 이렇게 설정을 해주자. 그렇게 저장을 하고 리액..