본문 바로가기

그 외11

Meal&Mate 프로젝트 회고 이 프로젝트는 코드잇 단기심화과정(국비 심화)에서 진행한 프로젝트다.굳이 부캠을 3개 듣는 이유는 아직은 혼자서 하는 공부보다 다같이 하는 공부가 나에게 도움이 될 것이라 생각했기 때문이다.(당시 테스트코드 작성에 대해 어려움을 느꼈기 때문) 이 프로젝트는 Meal&Mate혼자 사는 게 당연시 되는 현대 사회에서 같이 왁자지껄하게 밥을 한끼 먹을 친구를 구하는 사이트다. 6주정도에 시간에 기획과 구현을 해야했기에 정말 시간이 부족했던 프로젝트였다.후에 리팩토링 하자고 얘기가 되어서 아직 좀 더 해볼 생각이다. 팀원분들도 정말 열심히 해주셨기에 스트레스도 초반에 많이 받았지만 정말 좋았던 프로젝트였다고 생각한다. 그리고 나름 나도 코드를 작성함에 있어서 성장했구나라고 느끼게 되는 계기가 되었다.(반년전보.. 2025. 1. 6.
백엔드와 API 통신 시 헤더 오류 평일은 플젝,주말엔 알바를 하다보니 블로그를 쓸 시간이 없었는데억울해서 좀 써야할 거 같아 남긴다. (백엔드분 잘못은 절대 아니다!)우리 플젝은 음식모임을 생성->만남을 위한 플젝이다.그럼 모임생성이 빨리 되어야하고 내가 그 역할을 맡게 되었다. 스웨거에서 제공 된 형식과 맞췄고 multipart/form-data으로 보냈다.그런데 자꾸 500에러가 뜨는 걸까? headers 부분에 쿠키도 따로 넣어보고credentials 값도 계속 변경해보고 했다.- omit (기본,쿠키 미전송) , include(쿠키 항상전송) , same-origin 쿠키를 동일출처 요청에만 전송왜냐면 콘솔로 찍혔을 땐 쿠키가 값이 잘들어왔다.(accessToken=쿠키값)이라고 한다면, 쿠키값만 정확히 콘솔에 찍혔기 때문이.. 2024. 12. 12.
Next.js14 Suspense 오류 현재 15버전까지 나왔지만 호환성 이슈로 인해 14버전으로 프로젝트를 진행중이다.지금 하고 있는 플젝 중에 겪은 일이다.오류 내용은 코드블럭에 있다. Generating static pages (19/24) [= ] ⨯ useSearchParams() should be wrapped in a suspense boundary at page "/". Read more: https://nextjs.org/docs/messages/missing-suspense-with-csr-bailout이 오류는 **useSearchParams()**가 Suspense로 감싸져 있지 않아서 발생한 것이다.. Next.js 13 이상부터는 useSearchParams 같은 훅이 클라이언트 컴포넌트에서만 동작하.. 2024. 12. 12.
포트폴리오 회고 & 도메인 연결 기존 포트폴리오는 이런 모습이었다.지금 보면 정말 못만들었지만 당시엔 이만큼이 내 최대였다.돌아보면 지금 새로 만드는 포트폴리오도 그럴 거 같다.항상 그럴 것이다.전에 있던 것이 이상해보이고 왜 이렇게 짰냐 생각하겠지.그런데 위와 같은 생각을 할 수 있는 건 그만큼 내가 성장했다는 거라 생각한다.오히려 코드가 이상해 보이지 않으면 불안할 거 같다.성장이 멈췄다는 뜻이기도 하니까. 이번 포트폴리오는 배포가 정말 어려웠던 거 같다.가비아에서 도메인을 구매했더니 https를 사용할 수 없었다. 기존 절차는 이렇다.1.버셀로 배포 (.vercel.app) (생략)2.가비아에서 산 도메인을 vercel과 연결vercel에 가서 도메인 추가 그리고 ssl인증을 받아야한다고 한다.3.AWS Certificate M.. 2024. 10. 5.
FlawDetector 회고 프로젝트가 끝나고 한참 뒤에야 적는다.정말 남는 게 많았고 경험해서 감사한 프로젝트였다.유데미에서 진행한 기업프로젝트였고내가 작성한 코드가 보안적으로 문제 없는지 검사해주는 프로젝트였다.기업에서 제공한 llama3가 검사해주는 것이다. 팀원분들 중 대부분이 나보다 개발경력이 오래 되었고 현업을 하셨던 백엔드 분도 계셔서어려운 문제도 크게 걱정 안했던 유일한 프로젝트다. 나는 웹크롤링과 검색을 주로 맡고 다른 분들의 코딩을 좀 더 도와드리는 느낌이었다. 기업쪽에서 기획변경이 플젝종료 2주전까지 계속 변경 되어서 좀 힘든 플젝이긴 했으나 얻어 간 것이 많아서 정말 좋은 프로젝트라고 생각한다.프로젝트 기간2024.08.05 - 20204.10.28     Keep , problem , TryNode.js에 .. 2024. 10. 2.
스타터팩(npm,vite,ts,tailwind) git clone 하고 해당 루트 폴더에 이 명령어 하나 입력 하고 실행하면 된다.npm install -D tailwindcss postcss autoprefixernpm run dev    version{ "name": "final", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc -b && vite build", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, "dependencies":.. 2024. 7. 23.

티스토리툴바