TIL

사전적으로는 "값이나 상태를 변경할 수 없는 것" 이지만 React에서의 불변성이란 State와 연관이 깊다.JS에서 Object, Array, Function은 모두 참조타입 데이터 이다. 즉, 변수에 할당하면 메모리에 저장된 값을 참조하는데 원시타입 데이터와 달리

React에서 불변성을 유지하는 코드를 작성하기 쉽게 해주는 라이브러리불변성은 메모리 주소를 변경할 수 없는 것을 의미한다.참고 🌐Javascript 객체 기본 메소드 map, filter, concat, slice 등을 사용하여 불변성을 지키며 상태를 업데이트할 수

지금까지 Typescript를 써오면서 객체에는 Interface, 유니온 타입에는 type을 쓰는 식으로 사용하다가 프로젝트를 진행하며 다음 상황을 발견했다.위와 같이 객체를 정의할때 type으로 정의하면 마우스 호버시에 키 값과 타입을 볼 수 있고 interface

string 타입의 데이터로 숫자를 받고reverse(string.begin(), string.end()) 로 좌우 반전, 이 과정에서 앞의 0 자동으로 생략stoll (string to long long) stoi (string to int) 등으로 형 변환bool

공식문서 클라이언트와 서버간의 이벤트 기반, 저지연, 양방향 통신을 가능하게 해주는 라이브러리 WebSocket 프로토콜 위에 구축되었으며 HTTP 롱폴링, 자동 재연결에 대한 추가 보증을 제공함. WebSocket 서버 클라이언트 Socket.io 서버

React Native 프로젝트 진행 중 for 반복문을 통해 async/await 비동기 작업을 처리하던 중 분명히 작동해야하는 코드가 작동하지 않는 문제가 발생했다.알고보니 JS의 for, forEach 에서는 비동기 작업이 끝나는 것을 대기하지 않는다는 것을 알았

새로운 프로젝트를 생성하고 작업 중 Styled-Component의 theme 객체의 내용의 타입추론을 하지 못하는 불편함이 생겼다.분명 다른 프로젝트에서는 관련 설정을 해뒀던 것 같은데 기억이 확실치 않아 확실히 무조건 다 기록해놔야한다고 느꼈다.Styled-Comp

Axios를 사용할때 최근까지 간단한 Axios Instance 정도 만들어놓고 commonApi/authApi... 안에 Class 형식으로 각 Http 요청에 대한 static 함수를 적용해서 만들곤 했는데 팀 프로젝트에서 새로운 팀원분이 Axios 코드를 만든 구

밥 케미 프로젝트를 진행하면서, 서버에서 받아온 데이터를 캐싱하고, 데이터 요청 과정을 수동으로 관리하기보다 라이브러리를 사용하는 것이 좋을 것 같아서 사용하게 되었고 무한 스크롤 기능을 구현했던 기억이 있는데 기억이 나지 않아서... 다시 공부할겸 기록하며 사용하게

밥케미 프로젝트 진행중 InfiniteQuery를 사용하여 데이터를 불러오면 result 안의 data는 각 요청의 결과의 배열이된다.첫번째 요청 이후 data.pages두번째 요청 이후 data.pagesdata안의 nearByRestaurants 배열의 내용을 한