TIL

총 59개의 글

TIL #053

오늘 한 것 프로필 작성 리스트 조회 기능 구현 프로필 북마크 리스트 조회 기능 구현 프로필 편집 기능 구현 배포 오늘 배운 것 mongoDB methods db.collection.updateMany filter에 일치하는 모든 value들을 업데이트 해주는 메서드 db.collection.updateMany(, , ,,,) 관련 문서 : mongodb.updateMany 오늘 느낀 점 드디어 서비스를 정식으로 배포하였다 🧚✨ 기획부터 정식 배포까지 내 힘으로 온전히 다 한 건 처음이다. 끝까지 해내었음에 기쁘고, 감사하다 : )

TIL 2023.06.06

TIL #052

오늘 한 것 1Day1Quote 홈페이지 카드 타입 변경 및 랜더링 로직 변경 프로필 페이지 구현 오늘 배운 것 React와 리랜더링 React가 리랜더링을 하는 조건 내부 상태값(state) 변경 부모가 전해준 속성(props) 변경 중앙 상태값 변경 (redux store..등) 부모 컴포넌트가 리랜더링 되는 경우 React 초기 렌더링 과정 함수 컴포넌트 호출 구현부 실행 props 취득, hook 실행, 내부 변수 및 함수 생성. 단, hook에 등록해둔 상태값, 부수함수 효과 등은 별도 메모리에 저장되어 관리된다. return 실행 랜더링 시작 Render Phase (렌더 단계) 가상 DOM 생성 Commit Phase (커밋 단계) 실제 DOM에 가상 돔 반영 useLayoutEffect D..

TIL 2023.06.05

TIL #051

오늘 한 것 fly.io 서버 문제 해결 블로그 스킨 변경 블로그 글 태그 추가 블로그 params 숫자에서 제목 방식으로 변경 homepage api 구현 cardlistdata 구현 무한스크롤 구현 카드 타입 변경 기능 구현 오늘 배운 것 [next auth] JWT_SESSION_ERROR JWTKeySupport: the key does not support HS512 verify algorithm The algorithm used for generating your key isn’t listed as supported. You can generate a HS512 key using jose newkey -s 512 -t oct -a HS512 HS512 알고리즘? JWT에서 사용하는 12개의 기..

TIL 2023.06.03

TIL #050

50번째 TIL 달성 🎉 경축 🎉!!! 오늘 한 것 1Day1Quote write 기능을 테스트페이지에 vercel을 통해 배포 1Day1Quote BE 서버 fly.io를 통해 배포 오늘 배운 것 location에러와 useRouter 가끔 useRouter를 사용하는 페이지에서 undefined location 에러가 뜰 때가 있다. 원인은 next13이 컴포넌트를 서버사이드에서 렌더링하고 있는 중에 useRouter가 호출되기 때문. useRouter를 useEffect내부로 옮겨주면, 해당 라우터가 브라우저 랜더링 이후에 실행되기 때문에 undefined location이 해결된다. Fly.io timeout 문제 fly.io를 통해 백엔드 서버를 배포했는데, 자꾸 시간초과 에러가 난다…. tim..

TIL 2023.06.02

TIL #049

오늘 한 것 문장카드 작성 API 구현 이미지 저장 API 구현 (AWS S3 버킷과 연동) 세션에 토큰 저장 문장 카드 작성 API 구현(백엔드, 프론트엔드 모두) 오늘 배운 것 Access-Control-Allow-Methods CORS에러 해결 도중 발견한 HTTP 메서드. 주어진 URL 또는 서버에 대해 허용된 통신 옵션을 요청하는 메서드이다. 즉 GET, POST 등의 실질적인 데이터가 동반된 통신이 이루어지기 전에, 해당 통신에서 어떤 메서드들이 사용 가능한지 미리 체크하는 역할의 메서드이다. 특히 CORS와 깊게 관련되어 사용된다. 관련 문서 MDN : OPTIONS 오늘 느낀 점 CORS….죽…ㅇ ㅕ 줘….

TIL 2023.06.02

TIL #048

오늘 한 것 카카오 로그인 / 로그아웃 구현 트러블 슈팅 Error: write EPROTO 140704431285824 문제 원인 localhost에 https 프로토콜로 요청해서 발생 문제 해결 방법 프로토콜을 https에서 http로 변경해주기 Express req.body undefined 문제 원인 body-parser 미비 문제 해결 body-parser 사용 오늘 느낀 점 남들이 했다면, 나도 할 수 있는거다.

TIL 2023.05.31

TIL #047

오늘 한 것 프로필 페이지 UI 구현 프로필 편집 페이지 구현 오늘 배운 것 next13 동적 라우팅 next13은 app 폴더 기반으로 페이지 라우팅이 구성된다. 브래킷으로 폴더 명을 감싸는 방식으로 페이지를 동적으로 라우팅할 수 있다. app ㄴ[id] //폴더명을 브래킷[]으로 감싸면 동적 라우팅이 가능하다. ㄴpage.tsx next13에서 환경변수를 로드할 때 undefined으로 로드되는 에러 환경변수를 불러올 때 반드시 NEXT_PUBLIC_ 접두사를 잊지 말자! 해당 에러와 관련된 자세한 내용은 여기를 통해 확인할 수 있다. next_auth 404에러 (feat. next13) \[...nextauth].ts 파일을 위치가 잘못되어 생긴 문제. 해당 에러와 해결 과정에 대한 자세한 내용은..

TIL 2023.05.30

TIL #046

오늘 한 것 Project : 1Day1Quote 작성 페이지 UI 로직 수정 ( 풀리퀘 링크 ) 커뮤니티 페이지 UI 로직 수정 ( 풀리퀘 링크 ) 테스트용 페이지 배포 ( 링크 ) 오늘 배운 것 모바일 브라우저에서 input을 통해 사진 받기 input의 type을 ‘file’로, accept를 ‘image/*’로 지정 해 주면 된다. 오늘 느낀 것 작성, 커뮤니티 페이지 UI 구현 및 테스트 페이지 배포 작성, 커뮤니티 페이지 UI를 구현 완료했다. 더미데이터를 통해 별도의 API 없이 컴포넌트 기능 사용이 가능하도록 구현했다. (새로고침하면 전부 사라지지만…😂) 이렇게 구현한 페이지들을 테스트 URL에 배포까지 완료하였다. 테스트페이지를 통해 배포하니 실제 모바일로 테스트 해 볼 수 있어서 편리한..

TIL 2023.05.28

TIL #045

오늘 한 것 GNB 위치 지정 BNB 구현 AppGuide 구현 LoginTemplate 구현 CommunityCard 구현 RoundButton 구현 CommunityTemplate 구현 #1 issue 풀리퀘 형성 및 dev로 머지 테스트 페이지 배포 오늘 배운 것 fixed 컴포넌트 가운데 정렬하기 %를 이용해 top, left 등을 지정하면 된다 .container { position: fixed; top: 50%; left: 50%; } next13에서 현재 url 찾는 방법 : usePathname usePathname을 통해 현재 url을 알 수 있다. usePathname은 next/navigation을 통해 불러올 수 있다. 'use client' import {usePat..

TIL 2023.05.26

TIL #044

오늘한 것 Project : 1Day1Quote 프로젝트 피그마 디자인 끝내기 프로젝트에 사용할 기술 선정 프로젝트 노션 페이지 작성 프로젝트 앱 생성 프로젝트 기본 설정 (Emotion, CSS, SVGR 등) GNB 컴포넌트 구현 FE Next13 변화&장점 학습 Next13 변화 및 장점 관련 기술 블로그 글 작성 오늘 배운 것 Next13 변화 및 장점 (부제 : Next13을 사용해야 하는 이유) Next13의 변화와 장점에 대해 알아보고 작성한 글은 여기서 확인할 수 있습니다. HMR Hot Module Replacement. 런타임에 페이지 새로고침 없이 모듈을 자동으로 개싱하는 기능을 의미합니다. 개발 경험을 향상시킨다는 장점이 있습니다. ThemeProvider와 SSR 서버사이드렌더링에..

TIL 2023.05.24
< [1] [2] [3] [4] [5] [6] >

티스토리툴바