본문 바로가기

분류 전체보기27

심플한 node fs 파일 읽기, 파일 쓰기, 파일 이어쓰기 참고 : 아래 항목들의 경우 모두 비동기로 동작한다. 하지만 promise를 반환하지는 않으므로, 이후 관련 작업을 이어서 해야할 경우 아래와 같이 사용하면된다. fs.promises.fsMethoedName ex: fs.promises.readFile ex: fs.promises.writeFile ex: fs.promises.appendFile 먼저 file system 모듈을 import const fs = require('fs); 먼저 nodejs의 내장 파일시스템을 불러온다. fileSystem, 예제에서는 fs변수에 담았다. fs에는 여러가지 메소드가 있는데, 오늘은 그중에 읽기, 쓰기, 이어쓰기 정도를 다룬다. 네이밍은 직관?적이다. 읽다.파일 쓰다.파일 추가.파일 이런식이다. 아래의 설명은 .. 2021. 12. 11.
리엑트 스터디 1주차 - 진행 방향 - 리엑트란 UI 라이브러리 - 어떻게 변경점을 찾아주나 변경점을 효과적으로 찾아서 반영 시켜줌. (다만, 어떤 경우에서는 개발자가 최적화를 시켜줘야하는 경우가 있다.) https://velog.io/@dev-mish-mash/%EB%A6%AC%EC%95%A1%ED%8A%B8%EC%9D%98-%EC%A1%B0%ED%99%94Reconciliation-%EA%B3%BC%EC%A0%95-%EC%A0%95%EB%A6%AC 리액트의 조화(Reconciliation) 과정 정리 현업에서 리액트를 사용하면서 그 렌더 과정에 대한 궁금증을 해소할 수 있도록 정리했습니다 velog.io * 불변성과 스프레드 연산자 ... - 스테이트와 프롭스 * 스테이트 === 프롭스는 같은가? * 스테이트를 아.. 2021. 12. 8.
react 외부 이벤트 등록 배치 처리하기 때때로 외부 이벤트를 배치로 (묶어서 처리후, 한번에 렌더링)하고 싶을 때, 아래와 같이 사용 가능. function onClick(){ ReatDOM.unstable_batchedUpdates(()=>{ setCount(v=>v+1); setCount(v=>v+1) }) } 2021. 11. 15.
react 여러개의 상태값 변경 function onClick(){ setCount(count+1); setCount(count+1); }; 동기로 처리한다면, 하나의 상태값 처리할 때마다 화면을 다시그리므로 성능이슈 발생할 수 있음. 만약 상태값 변경은 동기로 처리하고, 화면을 그리지 않는다면 데이터와 화면의 불일치 발생. 해결방법 : 함수로 해결, 처리되기 직전에 상태값을 매개변수로 받기 때문에 처리 가능. function onClick(){ setCount(v=>v+1); setCount(v=>v+1); }; 2021. 11. 15.