전체 글250 (react-query)useInfiniteQuery로 무한스크롤 구현하기 (상세 설명, React with Typescript) 포스팅 목차1. 구현 완료 후 영상2. 필요한 라이브러리 정리3. 코드와 함께 상세 설명4. 전체 코드 및 주석1. 구현 완료 후 영상 * 해당 영상은 "네트워크 > 느린 4G" 환경에서 찍은 영상입니다.(데이터를 불러올 때의 UI도 보여드리기 위함) 2. 필요한 라이브러리 정리 "@tanstack/react-query": "^5.59.16", 설치 방법npm i @tanstack/react-query tanstack/react-query 공식 문서 : https://tanstack.com/query/latest/docs/framework/react/installation 3. 코드와 함께 상세 설명1. Request&Response 값 타입 정의backend에서 받아오는 response 값과 requ.. 2024. 10. 29. (Git) rebase 사용법 (상세 설명) / rebase와 merge의 차이점 / rebase사용 이유 / github에서 rebase 사용하기 포스팅 목차 1. rebase와 merge의 차이점 2. rebase와 merge의 장단점 3. rebase 사용 방법 (github를 통한 사용법, 상세하게) 4. rebase에 대한 개인적인 생각 1. rebase와 merge의 차이점 주의 : rebase 후의 b1과 b2의 commit은 original b1, b2 브랜치의 커밋에서 복제해온 커밋이다. 즉 rebase 전의 b1, b2 커밋과, rebase 후의 b1, b2 커밋은 다르다. 2. rebase와 merge의 장단점 rebase 장점 1) 한 사람이 코드를 작성한 것과 같은 git graph를 볼 수 있다. (git graph가 깔끔하기 때문에 ) > git graph가 깔끔하면, commit이력을 한눈에 보기 쉬워진다. 2) base.. 2023. 10. 26. (JS 학습) 자바스크립트, 변수는 왜 필요한가? 모던 자바스크립트 Deep Dive책 기반으로 학습했습니다. Deep Dive 04장 기준 - 변수란 무엇인가? 왜 필요한가? - 식별자 - 변수 선언 - 변수 선언의 실행 시점과 변수 호이스팅 - 값의 할당 - 값의 재할당 - 식별자 네이밍 규칙 [변수란 무엇인가? 왜 필요한가?] 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체다. 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들인다. 각 셀은 고유의 메모리 주소를 갖는다.이 메모리 주소는 메모리 공간의 위치를 나타내며, 0부터 시작해서 메모리의 크기만큼 정수로 표현된다. 성공적으로 연산을 끝낸 후, 연산 결과를 메모리에 저장한다. 이때 발생하는 문제점은 문제) 연산 결과를.. 2023. 9. 18. 상태관리 라이브러리, Redux 에 대해서/Redux Toolkit에 대해서 목차 1. Redux란? 2. Redux 주요 개념 3. Redux는 언제 필요할까? 4. Redux-Toolkit에 대해서 4-1. Redux-Toolkit 파일 구조 4-2. Redux-Toolkit 사용법 1. Redux란? Flux개념을 바탕으로한 React에서 현재 가장 많이 사용되는 State 관리 라이브러리 입니다. 더보기 Flux는 Facebook에서 클라이언트-사이드 웹 어플리케이션을 만들기 위해 사용하는 어플리케이션 아키텍쳐이다. Flux Architecture는 MVC 패턴의 문제점을 보완할 목적으로 고안되었다. 페이스북과 같은 대규모 어플리케이션에서는 MVC가 너무 복잡했다. 이 같은 문제의 대표적인 사례가 바로 페이스북의 안 읽은 글 갯수(unread count) 표시이다. 사용자.. 2023. 9. 15. (JS 학습) 자바스크립트란? 모던 자바스크립트 Deep Dive책 기반으로 학습했습니다. Deep Dive 01장 ~ 02장 기준 목차 - 프로그래밍이란? - 프로그래밍 언어 - 자바스크립트의 표준화 - 자바스크립트와 ECMAScript - 자바스크립트의 특징 [프로그래밍이란?] 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 0과 1밖에 알지 못하는 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업이며, 그 결과물이 바로 코드다. [프로그래밍 언어] 컴퓨터가 이해할 수 있는 기계어로 변환하는 인종의 번역기 역할을 함. 기계어로 직접 명령을 전달하는 것을 대신할 가장 유용한 대안은 사람이 이해할 수 있는 약속된 구문syntax(문법)으로 구성된 “프로그래밍 언어programming langu.. 2023. 9. 13. 이전 1 2 3 4 ··· 50 다음
