Flux? flux 패턴은 mvc의 복잡함때문에 나온 패턴이다. [Development] MVC 패턴 MVC 는 로직을 model, view, controller로 분리하여 data를 처리하는 방법을 말한다. view에서는 화면을 담당한다. controller는 data를 받아서 model에게 넘겨준다. 또한 model에서 data를 받아와서 view에게 주.. artdev.tistory.com mvc패턴은 view와 model사이에 양방향으로 data가 흐르기 때문에 한쪽 view에서 data 변경을 하면 다른쪽view에서도 data가 변경되고 또 그에따른 data가 변경에 다른 view가 영향을 받고...이런식으로 꼬일수가 있다고 한다. 특히 app의 규모가 커지면 이런일이 발생하게 된다고 한다. 사..

(함수 컴포넌트로 state를 표현하는방법은 react hooks라는 방법으로 표현을 할수가 있다. 이 부분은 좀더 공부하고 포스팅 해야 겠다.) State 컴포넌트의 표현은 함수뿐만 아니라 클래스로 표현할수가 있다. class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } render() { return ( Hello, world! It is {this.state.date.toLocaleTimeString()}. ); } } const element = ; consloe.log(element); 컴포넌트를 리액트 엘리먼트로 만들어 콘솔을 찍었을때 반환하는것들이다. 신기..

JSX React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 “컴포넌트”라고 부르는 느슨하게 연결된 유닛으로 관심사를 분리합니다. 이후 섹션에서 다시 컴포넌트로 돌아오겠지만, JS에 마크업을 넣는 게 익숙해지지 않는다면 이 이야기가 확신을 줄 것입니다. - React 공식문서 이 말을 100% 다 이해는 못했지만 jsx는 마크업과 로직을 인위적으로 분리하지 않는 방식을 말하는것 같다. const element = Hello, world!; // this is jsx 마크업을 그냥 변수에 넣어어 쓴다. 그냥 html로 보일수 있지만 이것은 javascript이다. 아마 컴파일할때 javascript으로 바뀌어서 컴파일될것이다. const element = Hel..