react - 데이터 흐름의 이해와 비동기 요청 처리 1
·
SE Bootcamp 내용 정리
react 데이터 흐름 react에서의 데이터 흐름 컴포넌트로 생각하기 react의 개발 방식의 가장 큰 특징인 컴포넌트 단위(페이지 단위x)로 시작한다는 점을 다시 떠올려 보자 → 페이지를 만들기 이전에, 컴포넌트를 먼저 만들고 조립(상향식으로 앱을 만듬) → 테스트가 쉽고, 확장성이 좋음 단일 책임 원칙: 하나의 컴포넌트는 한가지 일을 처리하는 게 이상적이다 데이터는 위에서 아래로 흐른다(데이터 흐름은 하향식) 컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 마치 인자(arguments) 혹은 속성(attributes)처럼 전달 받을 수 있다 → 데이터를 전달하는 주체: 부모 컴포넌트 → 부모 컴포넌트는 자신의 state를 자식 컴포넌트에 props로 전달할 수 있다 부모가 자식에게 데이터를..
js/node - 비동기 2
·
SE Bootcamp 내용 정리
비동기 1 내용에 대한 보충 학습 비동기를 처리하는 3가지 방식: callback, promise, async/await 여태 우리가 짰던 코드들은 대부분 동기적 구문이다: sync+blocking ex) for 문 → 내가 짰던 코드 순서대로 다 끝난 다음에야 그 다음 코드가 실행됨 비동기적 처리의 경우: async+non-blocking 시작은 순서대로 되었지만, non-blocking이므로 앞의 task의 진행 유무와 관계 없이 다음 task들이 각각 자기들 처리 다 되는대로 끝남 node.js에서 callback 함수를 사용할 때는 일종의 convention이 있다(`국룰`(관행) 같은거) 가령 예를 들면… 콜백 함수에는 두 가지 파라미터가 존재합니다. 에러가 발생하지 않으면 err 는 null ..