mingg IT

비동기란 요청이 끝날 때까지 기다리는 것이 아니라 동시에 여러가지 요청을 처리하거나 기다리는 과정에서 다른 함수를 호출 할 수있는것 예를들어 ajax로 서버 쪽 데이터를 읽어오는 작업을 수행할 때 비동기적으로 하지 않으면 서버에서 많은 양의 데이터를 읽어오는 동안 다른 작업은 할 수 없게됨. setTimeout(print, 3000); 코드가 3초동안 멈추는것이 아니라 3초 뒤에 print가 호출되는것 비동기작업을 할 때 흔히 사용되는 방법은 콜백 함수를 사용하는 것임 위의 예제에서 print를 3초 뒤에 호출되도록 setTimeout인자로 전달해주는데 이러한 함수를 콜백 함수라고 함 Promise는 콜백 지옥 같은 코드가 형성되지 않도록 사용. async/awit는 Promise를 더욱 쉽게 사용할 수..

Link와 유사함 현재 경로와 Link에서 사용하는 경로가 일치하는 경우 특정 스타일, css를 적용할 수 있는 컴포넌트 NavLink에서 링크가 활성화되었을 때 스타일은 activeStyle 값 css클래스는 activeClassName 을 props로 넣어줌

뒤로 갈때 this.props.history.goBack(); 홈으로 갈때 this.props.history.push("/"); 를 사용한다. 간단한 예제로는 import { Component } from 'react'; class HistorySample extends Component { handleGoBack = () => { this.props.history.goBack(); }; handleGoHome = () => { this.props.history.push('/'); }; componentDivMount() { this.unblock = this.props.history.block('정말 떠나실 건가요?'); } ccomponentWillUnmount() { if (this.unblock)..

node sass version 5.0.0 is incompatible with ^4.0.0. ​ .scss 스타일시트를 처음 사용할 때 이러한 에러가 발생했다. ​ $ npm uninstall node-sass ​ $ npm install node-sass@4.14.1 ​ $ yarn start 하니 정상적으로 동작함