전체 글 (47) 썸네일형 리스트형 GitHub Branch 만들기 branch 작업을 해보는 연습을 해보려고 한다. 원래 쓰던 로컬 폴더에서 우클릭을 하고 나서 git bash를 불러오고 먼저 현재 브랜치를 확인했다. 브랜치는 만들어 진 것이 없으니 당연히 처음에는 master로 구성되어있다. master에서 브랜치를 만들고 전환하기 위해 다음과 같은 명령어를 사용하였다. git branch git checkout 각각의 명령어는 브랜치를 생성한 뒤에 브랜치를 전환하는 명령어이다. 혹시 현재 위치하고 있는 브랜치의 이름이 궁금하다면 아래의 명령어를 입력하여 확인해보면 된다. git branch 간단하게 브랜치를 생성하고 변경하는 것을 해보았다. 그리고 브랜치를 생성한 다음은 원래 하던 것처럼 변경된 파일을 하나 만든 다음 git add * git commit -m "m.. 컴포넌트 이벤트 만들기 이전에는 그냥 태그 안에 코드를 넣어서 단순히 사용하는 방식을 사용했다. 하지만 이번에는 컴포넌트를 이용해서 정리해보는 시간을 가졌다. 이미 Subject라는 컴포넌트는 다른 곳에 만들어두었고, subject 컴포넌트는 아래와 같다. 우선 Subject.js를 살펴보자. 그러면 이전에 한 곳에 만들었었던 onclick 이벤트를 사용해서 기존의 이벤트를 막는 preventDefault()를 사용한 다음, this.props.onChangePage() 함수를 사용하여 이 onChangePage 함수를 실행할 수 있도록 한다. 그리고 뒤에는 이 컴포넌트 객체 자신을 가리킬 수 있도록 함수 뒤에 .bind(this)를 추가해준다. 그리고 나서 다시 App.js를 살펴보자. Subject 컴포넌트를 물러온 모습이.. 7] React State 1. State 입문자에겐 State와 props의 차이를 이해하기 어렵다. (물론 나도) 어떤 제품이 있을 때, 사용자의 UI들이 리액트의 관점에서는 props이다. 반대로 내부적인 구현을 위해 상태를 다양하게 바꿀 수 있는 것을 state라고 한다. 즉 개발자의 입장에서는 state를 주목해야 한다. state는 props의 값에 따라 내부 구현에 필요한 것이라고 얘기할 수 있다. 사용자는 props를 통해 컴포넌트를 마음대로 조작할 수 있지만, state는 건드릴 수 없으며, 또한 알아서도 안된다. 옆의 그림처럼 내부 state는 철저히 분리되어있다. 2. State 사용 App.js를 보면, App컴포넌트 안에 Subject라는 하위 컴포넌트가 존재한다. Subject 안에 있는 props들을 s.. 이전 1 ··· 3 4 5 6 7 8 9 ··· 16 다음
