본문 바로가기

그 외

 (11)
Meal&Mate 프로젝트 회고 이 프로젝트는 코드잇 단기심화과정(국비 심화)에서 진행한 프로젝트다.굳이 부캠을 3개 듣는 이유는 아직은 혼자서 하는 공부보다 다같이 하는 공부가 나에게 도움이 될 것이라 생각했기 때문이다.(당시 테스트코드 작성에 대해 어려움을 느꼈기 때문) 이 프로젝트는 Meal&Mate혼자 사는 게 당연시 되는 현대 사회에서 같이 왁자지껄하게 밥을 한끼 먹을 친구를 구하는 사이트다. 6주정도에 시간에 기획과 구현을 해야했기에 정말 시간이 부족했던 프로젝트였다.후에 리팩토링 하자고 얘기가 되어서 아직 좀 더 해볼 생각이다. 팀원분들도 정말 열심히 해주셨기에 스트레스도 초반에 많이 받았지만 정말 좋았던 프로젝트였다고 생각한다. 그리고 나름 나도 코드를 작성함에 있어서 성장했구나라고 느끼게 되는 계기가 되었다.(반년전보..
백엔드와 API 통신 시 헤더 오류 평일은 플젝,주말엔 알바를 하다보니 블로그를 쓸 시간이 없었는데억울해서 좀 써야할 거 같아 남긴다. (백엔드분 잘못은 절대 아니다!)우리 플젝은 음식모임을 생성->만남을 위한 플젝이다.그럼 모임생성이 빨리 되어야하고 내가 그 역할을 맡게 되었다. 스웨거에서 제공 된 형식과 맞췄고 multipart/form-data으로 보냈다.그런데 자꾸 500에러가 뜨는 걸까? headers 부분에 쿠키도 따로 넣어보고credentials 값도 계속 변경해보고 했다.- omit (기본,쿠키 미전송) , include(쿠키 항상전송) , same-origin 쿠키를 동일출처 요청에만 전송왜냐면 콘솔로 찍혔을 땐 쿠키가 값이 잘들어왔다.(accessToken=쿠키값)이라고 한다면, 쿠키값만 정확히 콘솔에 찍혔기 때문이..
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 같은 훅이 클라이언트 컴포넌트에서만 동작하..
포트폴리오 회고 & 도메인 연결 기존 포트폴리오는 이런 모습이었다.지금 보면 정말 못만들었지만 당시엔 이만큼이 내 최대였다.돌아보면 지금 새로 만드는 포트폴리오도 그럴 거 같다.항상 그럴 것이다.전에 있던 것이 이상해보이고 왜 이렇게 짰냐 생각하겠지.그런데 위와 같은 생각을 할 수 있는 건 그만큼 내가 성장했다는 거라 생각한다.오히려 코드가 이상해 보이지 않으면 불안할 거 같다.성장이 멈췄다는 뜻이기도 하니까. 이번 포트폴리오는 배포가 정말 어려웠던 거 같다.가비아에서 도메인을 구매했더니 https를 사용할 수 없었다. 기존 절차는 이렇다.1.버셀로 배포 (.vercel.app) (생략)2.가비아에서 산 도메인을 vercel과 연결vercel에 가서 도메인 추가 그리고 ssl인증을 받아야한다고 한다.3.AWS Certificate M..
FlawDetector 회고 프로젝트가 끝나고 한참 뒤에야 적는다.정말 남는 게 많았고 경험해서 감사한 프로젝트였다.유데미에서 진행한 기업프로젝트였고내가 작성한 코드가 보안적으로 문제 없는지 검사해주는 프로젝트였다.기업에서 제공한 llama3가 검사해주는 것이다. 팀원분들 중 대부분이 나보다 개발경력이 오래 되었고 현업을 하셨던 백엔드 분도 계셔서어려운 문제도 크게 걱정 안했던 유일한 프로젝트다. 나는 웹크롤링과 검색을 주로 맡고 다른 분들의 코딩을 좀 더 도와드리는 느낌이었다. 기업쪽에서 기획변경이 플젝종료 2주전까지 계속 변경 되어서 좀 힘든 플젝이긴 했으나 얻어 간 것이 많아서 정말 좋은 프로젝트라고 생각한다.프로젝트 기간2024.08.05 - 20204.10.28     Keep , problem , TryNode.js에 ..
스타터팩(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":..
권한 문제 나는 항상 npm , yarn 등이 설치가 안됐다.꼭 sudo를 붙혀야 됐다."이게 단순히 맥의 버전이 높아짐에 따라 권한을 높게 줘야하는구나?"라고 생각했는데오늘은 세부폴더의 파일변경이 안되는 것이다? ls -al을 쳐봤다.색깔이 다 다른데 뭔지 모르겠더라.drwxr-xr-x@ 이게 아마 읽기쓰기에 대한 권한으로 어렴풋이 알고 있는 상태였다.나는 권한을 다 줬다고 생각했는데 , 왜 문제가 계속 생기는 걸까? 한 10분동안 가만히 생각해봤다.아! 혹시 root,유저이름으로 생성한 게 문제였나? 알고보니 sudo로 프로젝트를 생성하면, root권한으로 생성 되는 것이었다!terminal에 "whoami"를 찍어봤더니 shinminho가 나온다.그렇다. 터미널을 쓰고 있는 나는 root가 아니다. shinm..
map 타입 오류(방어 코드로 해결) 굉장히 유용하게 쓰고 있는 게 있다. map을 돌리다 보면,이게 Array가 아니라 다른 내용물이 들어있을 수도 있기 때문에,map을 그냥 돌리면 오류가 뜰 수 있다. function NewPost({ club, setClub }) { // const currentClub = club.sort((a, b) => b.id - a.id); return ( {Array.isArray(club) && club.slice(0, 6).map((clubName, index) => (  Props를 내려받을 때 , club이 어떤 내용물인지 타입지정을 안해줬기 때문에 이렇게 사용했다. {Array.isArray(club) &&안에 돌릴 내용물 } ..

티스토리툴바