Recap62 MS LOOP 간단 사용기 개요개인적으로 몇 년 전 Notion이 아직 핫해지기 직전(?) 열심히 사용하다가 프로그램이 너무 무겁게 느껴져서 사용을 중단했었다. 노션 대신 뭘 사용해야할까 고민이 많았다. 아무래도 당시에는 개발을 해본 적도 없는, 코딩에 대해서 아무것도 모르는 사람이었다보니 마크다운 에디터는 나에게 좀 장벽이 있어서 Obsidian에 대해서는 알고 있었지만 사용할 엄두가 나지 않았다. 하지만 마크다운 문법을 조금씩 배우고 하나씩 적용하다보니 지금은 Obsidian을 잘 사용하고 있다. 블로그 글도 Obsidian에 먼저 작성하고, 글을 복사해서 티스토리에 붙여넣는 방식으로 (지금도) 사용 중이다. 그런데 최근에 협업 프로젝트를 하면서 다시 Notion을 사용하게 된 것이다. 협업하는 데에는 최적화된 툴이 아닐까 생.. 2024. 5. 29. [또담또담] 협업 프로젝트 회고 또담또담 프로젝트 링크들배포 링크 : https://ttodam-ttodam-fr.vercel.app깃헙 레포지토리 : https://github.com/ttodam-ttodam/ttodam-ttodam-FE 개요협업 프로젝트를 시작하고 팀원 각자 가지고 있는 여러 의견을 모았다. 그 중에서 나왔던 키워드가 '1인 가구'와 '함께(공동) 구매' 였다. 1인 가구가 혼자 쓰기에는 양이 너무 많거나, 배송비가 부담스러운 상품 등을 동네의 다른 사람들과 함께 살 수 있다면 좋겠다! 라는 생각에서 출발했다. 글을 올려 함께 물건을 살 사람을 구하고, 직접 만나서 물건을 나눌 수 있도록 돕는 커뮤니티를 만들기로 했다. 개인적인 목표백엔드 개발자와 처음으로 해.. 2024. 5. 19. TypeScript에서 Reduce 함수로 객체 생성할 때의 타입 에러 문제점팀 프로젝트 중...매너점수 평가 결과를 reduce 함수를 이용하여 객체로 만드는 과정에서 타입 에러가 발생했다. 오류 메세지Element implicitly has an 'any' type because expression of type 'number' can't be used to index type '{}'.No index signature with a parameter of type 'number' was found on type '{}'. acc의 초기값을 빈 객체{} 로 설정했기 때문에 타입 추론이 제대로 되지 않은 것이 원인이었다. ❌ 해결방안 1 : 인덱스 시그니처 사용 → 해결되지 않음interface ValuationsObject { [key: number]: number.. 2024. 5. 15. 빌드 중 top level await 에러 문제점🚨 Vercel로 배포하면서 빌드 중에 Top-level await 에러 발생하여 빌드 실패 오류 메세지💬 error during build:---Error:[vite:esbuild-transpile] Transform failed with 2 errors:---assets/index-!~{001}~.js:29703:19: ERROR: Top-level await is not available in the configured target environment ("chrome87", "edge88", "es2020", "firefox78", "safari14" + 2 overrides)---assets/index-!~{001}~.js:29704:0: ERROR: Top-level await is.. 2024. 5. 15. 리액트 쿼리 useMutation의 mutationFn은 하나의 argument만 받는다. 에러리액트쿼리의 useMutation 사용 중 mutationFn 관련 에러 문제의 코드 ⬇️mutationFn: (requestId: number, newStatus: RequestStatus) => putRequest(requestId, newStatus), 에러 메세지Type '(requestId: number, newStatus: RequestStatus) => Promise' is not assignable to type 'MutationFunction'.Target signature provides too few arguments. Expected 2 or more, but got 1.ts(2322)queryClient-Iu1tSaKE.d.ts(631, 5): The expected type.. 2024. 4. 26. [협업 프로젝트] 4주차 회고 협업 프로젝트 4주차 회고 한 것들 지난 주에 게시판을 완성하고 게시판 상세로 넘어왔다. 지난 주에 msw 연결할 때는 그냥 fetch 써서 기본적으로 제대로 데이터를 받아오는지, 그렇지 못한지를 파악하기만 했었다. 이번 주에는 axios 인터셉터를 사용해서 axios 객체를 만들어서 사용하는 방식으로 진행하기로 했다. 협업이기도 하고, 매번 로그인 토큰을 헤더에 설정하기는 참으로 번거롭기 때문에! // src/api/apiClient.ts import axios, { AxiosError } from 'axios'; import { Cookies } from 'react-cookie'; const API_BASE_URL = 'http://localhost:5173'; export const axiosPu.. 2024. 4. 23. 이전 1 2 3 4 ··· 11 다음
