Optimistic Update + Infinite Query 구현프로젝트 진행 중 tanstack-Query의 Optimistic update를 사용하여 좋아요를 구현했으나, 리패칭되면서 Infinite Query 기능의 유지가 되지않고 사라졌다.개발자 툴을 보면 p

supabase Policies 설정하기supabase에 DB를 사용하려면 Policies 설정을 해주어야 한다.아무나 DB데이터를 쓰고 삭제하면 안되기 때문에 적절한 보안이 갖춰줘야한다.이 중에서 본인이 원하는 옵션을 선택한다.보통 두번째 옵션을 선택하면 인증된 사용

git 명령 취소 방법git을 사용하다 보면 잘못된 커밋 메세지나 추가, 브랜치 혼동 등 많은 이슈가 있을 수 있다. 간단한 커맨드로 git pull 취소, git commit, git add, git merge 등의 명령들을 취소하고 되돌릴 수 있다.위 코드로 간단하

eslint-plugin-unused-imports

부트캠프 최종 프로젝트 전 마지막 팀프로젝트를 진행했다.1) 프로젝트프로젝트 명: Quiz-PlayGround프로젝트 상세내용은 깃헙 참고https://github.com/rmdkak/Quiz-Play-Ground2) 느낀점쉬운줄 알고 계획했으나 쉽지않은 프로

다운로드 UI 가 있을 때, 또는 UX 저해시키는 불필요한 네트워크 요청을 제거하기 위해 사용된다.대용량 fetching을 중간에 취소하거나 사용하지 않는 컴포넌트에서 fetching이 진행중이면 자동으로 취소시켜 불필요한 네트워크 비용을 줄일 수 있다.queryFn

이번 주차는 타입스크립트의 개념들을 정리해보고 Next.js에 대해 알아보았다.현재 next.js가 12 -> 13버전으로 넘어가는 과도기에 있기 때문에 우리는 12버전과 13버전을 다 알아야한다.위 두버전은 꽤나 큰 차이가 있기 때문에 둘다 알지 못하면 신입개발자의

Next.js는 웹 개발자에게 필요한 다양한 기능을 제공해주는 리액트 프레임워크SEO(Search Engine Optimization)을 위한 SSR(Server-Side rendering)을 지원한다.CSR과 SSR을 적재적소에 맞게 복합적으로 사용 가능(추후 설명

Scalability와 Availability는 모두 분산 시스템에서 중요한 개념이지만 서로 다른 개념이다.Scalability는 시스템이 커지거나 작아질 수 있는 능력을 의미한다.이는 사용자 수, 데이터 양, 처리량 등이 증가할 때 시스템의 성능과 처리 능력을 유지하

AWS Billing은 AWS 계정 사용량과 비용을 모니터링하고, 요금 청구 정보를 제공하는 서비스다. AWS 사용량과 비용을 모니터링하고 분석함으로써, 비즈니스에서 AWS 비용을 최적화할 수 있다.EC2를 사용할 때 AWS Billing은 다음과 같은 기능을 제공한다

AWS Identity and Access Management (IAM)은 AWS 리소스에 대한 액세스를 안전하게 제어할 수 있는 웹 서비스다.IAM을 사용하면 AWS에서 사용자, 그룹 및 역할을 생성하고 관리하여 리소스에 대한 액세스를 안전하게 제어할 수 있다.협업하

AWS는 Amazon Web Services의 약어로, 아마존닷컴이 제공하는 클라우드 컴퓨팅 플랫폼이다. AWS는 전 세계에 분산되어 있는 데이터 센터에서 사용자에게 IT 인프라를 제공하며, 사용자는 필요한 인프라를 빠르고 쉽게 설정하고 관리할 수 있다.AWS의 주요

내배캠 10주차 회고이번 주차는 타입스크립트를 처음 학습했다.타입스크립트의 탄생배경과 장점을 알 수 있었고, 기존에 만들어보았던 간단한 투두리스트를 타입스크립트로변환했다.객체지향 프로그래밍을 같이 학습했다. 현재 리액트를 사용할 때 함수 위주로 컴포넌트를 작성하여 프로

상속을 통해서 사용하게끔 하는 클래스추상 함수를 구현해서 직접 사용하지만무조건 추상함수만 가지고 있는 것은 아님일반 함수도 상속시켜서 정의하지 않고 곧바로 사용할 수도 있음.추상 클래스는 클래스와는 다르게 인스턴스화를 할 수 없는 클래스추상 클래스의 목적은 상속을 통해

유틸리티 타입은 이미 정의해 놓은 타입을 변환할 때 사용하기 좋은 타입 문법이다. 유틸리티 타입을 꼭 쓰지 않더라도 기존의 인터페이스, 제네릭 등의 기본 문법으로 충분히 타입을 변환할 수 있지만 유틸리티 타입을 쓰면 훨씬 더 간결한 문법으로 타입을 정의할 수 있다.1)

1) boolean두가지 상태를 담고 싶은 변수에 사용한다.3가지 이상은 enum이나 string으로 사용한다.boolean 타입은 참(true) 또는 거짓(false) 값이다.2) number보통 일반적인 프로그래밍 언어에서 정수는 short, int, long,

JavaScript는 동적 타입 언어로 개발자가 실수를 저지른 것을 프로그램을 실행할 때 알려준다.JavaScript의 취약점은 크게 3가지가 있다.JavaScript는 변수의 타입이 실행 시간에 결정되기 때문에 개발자의 실수로 인한 오류가 발생하기 쉽고 찾기도 까다로

내배캠 9주차 회고1) 프로젝트프로젝트 명: Come it(커밋)프로젝트 상세내용은 깃헙 리드미 참고https://github.com/setItUpLater/comeit2) 느낀점프로젝트를 시작할 때 사용할 공통 컴포넌트를 정해서 각자만들고 진행해서 효율적으로

내배캠 9주차 회고1) 프로젝트프로젝트 명: S-LOG구현 기능로그인 / 회원가입JWT 토큰 활용하여 유저 체킹 및 새로고침 시 로그인 유지토큰 유효기간 60분 만료 시 로그아웃 기능 구현로그인 시 로그인/회원가입 페이지 접근 차단로그아웃 시 게시글 작성 페이지 접근

내배캠 8주차 회고1) 배운것리덕스 미들웨어인 Thunk와 tookit 사용법, 리액트 query까지 배웠다.JWT토큰을 이용한 인증, 인가 방법을 배웠다.CustomHook을 만들어보았다.2) 느낀점아직까지 배울 것이 많고, 어떤 기술을 선택해서 사용할지 잘 판단해야