오늘 한 일 [ ] [] 강의 [x] [] 강의 학습 내용 소제목 upabase에서 뷰와 테이블은 모두 데이터베이스 개체이지만 서로 다른 용도로 사용됩니다. 테이블: Supabase의 테이블은 기존 관계형 데이터베이스의 테이블과 유사합니다. 행과 열로 구성된

지난 주말부터 유저 테스트를 진행했다. 아직 구현 기능들도 100%가 아니고 부족한 부분이 많아서 걱정이 많았다. 그런데 응답 결과를 보니 생각보다 아주 디테일하게 피드백을 주신 분들이 많았다.특히 내가 개발하고 만들면서 중요 기능 구현 이후 수정해야겠다고 생각했던 아

슬라이드 Slick Carousel로 슬라이드 설정하기React Slick은 캐러셀/슬라이더를 쉽게 만들 수 있는 라이브러리이다. React Slick은 React 애플리케이션에서 슬라이더 또는 캐러셀을 만드는 프로세스를 단순화하여 반응성이 뛰어나고 기능이 많아 슬라이

오늘 한 일 게임 추천 및 커뮤니티 사이트 [x] [성능최적화] 스켈레톤 UI 적용하기 학습 내용 MVP 프로젝트 중간 발표를 끝내고 레이아웃 쉬프트라는 용어를 알게되었다. 그동안 장르별 필터를 적용한 메뉴 클릭 시 화면이 잠깐 위로 올라갔다 오면서 움찔하는 현상

subabase api에서 불러온 데이터 가공하여 insert하기게임 추천 사이트 제작을 위해 Steam API를 사용하고 있다.그런데 Steam API는 활용하기 매우 까다롭다는 생각이 든다.일단 클라이언트에서 API를 불러오는 것이 불가능해서 glitch 서버를 만

오늘 한 일 [ ] [] 강의 [x] [] 강의 학습 내용 소제목 hooks는 매 렌더링마다 동일한 호출을 보장받아야 한다. 그렇기에 hooks를 조건 문안에서 쓰는 게 금지되어 있고 컴포넌트 최상위에서 사용하라고 권장되는 이유이다. hooks라는 게 함수의

에러 해결 CORS 에러 해결STEAM API 불러오기 json-server glitch로 배포거의 2~3일 동안 CORS 에러 해결을 위한 프록시 서버 설정 및 에러를 해결하려고 매달린 것 같다. 도저히 문제가 풀리지 않아 어제 저녁 튜터님을 찾았다.썬터클라이언트로

const express = require('express'); const axios = require('axios'); const app = express(); const PORT = 3001; app.use((req, res, next) => { res.he

특강 React 심화대용량 fetching을 중간에 취소하거나 사용하지 않는 컴포넌트에서 발생하는 fetching을 취소시켜 불필요한 네트워크 요청을 제거하기 위해 사용된다.따로 설정을 하지 않으면 다른 페이지로 이동하여 기존 컴포넌트가 언마운트되어도 기존에 요청된 데

내배캠 React 심화 주차 강의 복습수준별수업 useQuery, useMutation 처리 프로세스짧은 시간 간격으로 연속해서 이벤트가 발생했을 때 과도한 이벤트 핸들러 호출을 방지하는 기법이다. 예를 들어 인스타그램에 좋아요를 누를 때마다 서버에 데이터를 갱신해달라

내배캠 Next.js 강의이제까지 React를 사용하면서 React 환경에 익숙해져 있었다. 그런데 Next.js 강의를 들으니 또 새로운 개념이라 좀 어렵게 느껴졌다. 리액트는 SPA(Single Page Application)이자 CSR(Client Server R

TypeScript 문법 종합반 강의(1) 클래스란?클래스는 객체 지향 프로그래밍(OOP)의 핵심 구성 요소 중 하나로, 객체를 만들기 위한 틀(템플릿)이다.객체들이 공통으로 가지는 속성(객체의 성질)과 메서드(객체의 성질 변화 및 기능)를 정의객체는 클래스의 인스턴스

TypeScript는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어로, JavaScript의 단점을 보완하기 위해 생겨났다. TypeScript는 정적 타이핑 및 기타 기능을 언어에 추가하여 JavaScript에 비해 테스트 코드보다 비지니스 로직 작성에 집중

팀원들과 지속적으로 소통하고 자주 pr하며 공지한 부분자기가 맡은 부분 뿐만 아니라 전체 프로젝트에 관심을 가지며, 문제를 같이 해결해 나갔다.사전에 구현한 기능뿐만이 아니라 프로젝트 진행 중 즉흥적으로 추가 기능을 설계 하고 구현 하였다.팀원들과 먼저 레이아웃을 정해

json 형식의 데이터를 찾기 어려울 때! Google Sheet를 사용하여 json 변환 및 API로 불러오는 것이 가능하다.

Mate.min() 메서드를 사용하여 arr배열에서 가장 작은 수를 찾고, Array.splice() 메서드를 이용하여 배열에서 특정 값을 제거할 수 있다.

개인프로젝트 팬페이지 프로젝트 해설강의팀프로젝트 아웃소싱 프로젝트 팀 회의팀 프로젝트 컨셉 설정, 코드 컨벤션 설정와이어 프레임 제작, 구현 기능 리스트, 역할 분담인증 : 로그인 → 서비스를 이용하려는 유저가 등록된 회원인지 확인인가 : 유저에게 접근 권한이 있는지

미들웨어는 리덕스에서 dispatch하여 action이 리듀서로 전달되기 전 중간 단계에서 추가적인 작업을 가능하게 한다. 즉, 서버와의 통신을 위해서 사용하는데, 가장 많이 사용하는 리덕스 미들웨어가 Redux-thunk이다.

0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요.1 ≤ numbers의 길이 ≤ 90 ≤ nu

warning: in the working copy of 'db.json', LF will be replaced by CRLF the next time Git touches it해당 명령어 사용 시 위와 같은 warning이 계속 떴다. 커밋, 푸쉬하는데는 문제가 없어