옛 스킨이 너무 딩초 같아서 모던해보이는 스킨으로 바꿔봄요 https://memostack.tistory.com/284?category=877437 [티스토리 스킨] Berry v2.2.0 배포 Tistory Berry Skin v2.2.0 배포 Berry 스킨 v1에 이어서 v2을 배포했습니다. 요즘 관리를 너무 못하긴 했던거 같아요. (직장도 다녀야하고, 공부도 해야하고 스킨도 만들어야하고 너무 할게 많네요ㅠ) 스 memostack.tistory.com berry skin 이구 css 랑 highlight.js custom 했습니닷 추천추천 다크모드도 됨

지난 포스팅 보기 2022.09.14 - [프로그래밍/React] - React Query 알아보기 - 1 들어가며 안녕하세요. 오늘도 React Query 에 대해 알아보겠습니다. 지난편에는 개념과 간단한 세팅, 실습 + useQuery hook 을 알아봤는데요. 오늘은 값을 변경할 때 쓰이는 useMutation 쪽을 알아보고 실습도 해보려 합니다. useMutation useMutation 은 useQuery 와 달리 값을 변경, 추가, 삭제 하기 위해 사용하는 hook 입니다. mutation 는 다음 표에 있는 상태 중 순간마다 단 한가지 상태로만 존재합니다. isIdle or status === 'idle' 현재 fresh/reset 상태 isLoading or status === 'loadi..

들어가기 최근 React Query를 조져질 공부할 기회가 생겨 블로그에 정리해보려 합니다. 사실 여태 Node.js 만 파왔던 제게 React 는 아직도 너무나 어렵지만.. 열심히 해볼게요 :-) React Query 는 아예 처음 들어보진 않았고, 최근 SWR 을 써본 일이 있어서 둘의 차이나 장단점 등을 간략하게 공부했던 경험이 있습니다. 하지만 개념적으로나 사용법은 전혀 모르니 official document 와 구글 자료들을 찾아보며 하나씩 정리해보겠습니다. React Query 란? React Query는 React Application 에서 서버 상태를 가져오고, 캐싱하고, 동기화하고, 업데이트하는 작업을 쉽게 만들어 주는 라이브러리 입니다. 기본적으로 리액트에는 데이터를 가져오거나 업데이트..

🚀 들어가며 안녕하세요. 오랜만입니다. 오늘은 제가 3기수 활동했고, 29대 서버 파트장으로 활동했던 많은 분들이 잘 아시는 국내 최대 IT 벤처 창업 연합 동아리 SOPT를 돌아보려고 합니다. (9/5 부터 31기 신입회원 모집이라고 합니다. 많관부 😖) https://sopt.org SOPT SOPT는 매년 두 번, 3월과 9월에 신입회원을 모집합니다. 서류 평가와 면접 평가를 통해 신입회원을 선발합니다. SOPT 채널(페이스북, 인스타그램, 유튜브, 카카오톡 채널)을 통해 다음 기수 리크루 sopt.org 서버 파트장(이하 서팟장)을 하면서 어떤걸 했고, 어떤걸 배웠고, 어떤게 힘들었는지 등등 개인적인 생각을 적어보려합니다. 굉장히 재미없습니다. 이번 편은 리크루팅 위주로 작성해볼게요. 🥱 왜 지원..

🚀 들어가며 얼마 전 우연히 인스타그램 광고를 보고 '긱하우스' 라는 플랫폼을 알게 되었다. 평소 Web3 생태계에 관심이 많았던지라 호기심에 사이트도 들어가보고 흥미로운 플랫폼이란 생각이 들어 이렇게 소개해본다. 직전 회사 출근길에도 NFT 책을 읽으며 조금씩 이해하고 있었는데 긱하우스에서는 NFT 멤버십을 제공하여 네트워킹을 하는 점이 재밌었다. Web3, Web3.0? Web3는 탈중앙화, 블록체인 기술 및 토큰 기반 경제학과 같은 개념을 통합한 World Wide Web의 새로운 반복에 대한 아이디어 NFT? NFT (대체 불가능 토큰)은 블록체인에 저장된 데이터 단위로, 고유하면서 상호 교환할 수 없는 토큰을 뜻한다. NFT는 사진, 비디오, 오디오 및 기타 유형의 디지털 파일을 나타내는데 사용..

Status Code 언급한대로 기본적으로 상태 코드는 POST 요청을 제외하고는 항상 200이다. @HttpCode() decorator 를 통해 핸들러 레벨에서 쉽게 바꿀 수 있다. @Put() @HttpCode(204) modifyCat(): string { return 'modify cat'; } HttpCode 는 @nestjs/common 패키지에서 import 한다. 종종 상태 코드가 정적이 아니라 다양한 요인에 의해 달라질 수 있다. 이 경우 library-specific response 객체를 사용할 수 있다. (@Res()) Headers custom response header 를 위해 @Header() decorator 나 library-specific response 객체를 사용 ..

들어가기 전에 최근 사이드 프로젝트로 앱스토어에 이미 출시되어 있는 Cherish 애플리케이션 개편 작업에 함께하게 되었습니다. 제가 맡은 역할은 다른 두 서버 개발자와 함께 Cherish 의 서버를 전면 개편하는 일 입니다. Nest.js 와 요즘 뜨고 있다는 Prisma 를 도입하려고 합니다. 이에 당분간 Nest.js 를 빡세게 공부해보려고 합니다. 아직 많은 내용을 보진 못했지만, document 를 보면 볼 수록 꽤 tsoa 와 비슷하다는 생각이 드네요! 학습하기에 보다 수월할 것 같습니다. 해당 내용은 Nest.js official document 내용을 개인적으로 학습하며, 번역한 글 입니다. https://github.com/NewCherish/Cherish-Server-Lab/tree/j..

🚀 들어가며 여러분 잘 지내셨나요? 오랜만에 돌아옵니다. 이번 글은 별건 아니고 제가 개발을 시작한 후 처음으로 오픈소스 contributor 가 되어 글을 남겨보려고 적었습니다. contributor 라는게 되게 커보이고 모두가 쓰는 라이브러리인데.. 내가 감히? 라는 생각이 참 많이 들었는데요. 태끼님의 블로그를 보고 자신감을 얻어 저도 contributor 가 되었습니다. 사실 많은 걸 해결한건 아니구요. 숟가락 하나 얹었습니다. 🙋🏻 tsoa 제가 contributor 가 된 라이브러리는 tsoa 입니다. tsoa를 간단히 설명해보자면, Typescript와 Node.js 로 서버 애플리케이션을 빌드하는 openAPI compiler 라고 소개되어 있습니다. express, koa, hapi 모두..

✏️ 작성자: 서팟장 잡채 📌 작성자의 한마디: "7차 세미나 때 할 내용이었는데..." 30기 THE SOPT Server part 블로그에 제가 작성한 글을 가져왔습니다! (서버파트 기술 블로그) 안녕하세요! 👻 오늘은 우리가 사용하는 Node.js 와 Express, Typescript 환경에서 아주 간단하게 이미지를 받아서 S3 bucket 에 upload 하는 코드를 작성해보려 합니다. 사실 이 내용은 7차 세미나에서 다룰 거지만, 혹시라도 합동 세미나/솝커톤에서 이미지 업로드를 다뤄보고 싶으신 분이 계시다면 유용할 것 같아 작성합니다. 기본 지식 우리가 지금까지 했던 POST API 들의 Request 가 JSON 형식이었다면, 파일은 multipart/form-data 를 사용합니다. 이러한..

갑자기 갑자기 너무 많은 변화가 찾아와 우울해진 기념으로 지난 2달간의 짧은 회고를 남긴다. 회고가 아니라 우울한 자기 반성이다. 2021년 12월 1. 학업과 회사 병행은 무모한 도전이었다는걸 깨달았다. 기말고사 기간임에도 회사 서버 개발을 하느라 정신이 없었다. 그래도 시험 기간임을 감안하여 출근 횟수가 줄었지만 수강신청의 실수 (실수인 것을 강의를 듣고 알았지만) 인 모소 개발을 하느라 제대로 시험 공부도 못한 것 같다. 특히나 미적분은 정말 내가 맞나? 싶을 정도로 공부를 놨다. 시험장에서 아주 오랜만에 백지 비슷한 답안지를 내고 왔다. 이 시기에 왜인지 모르겠지만 나사 하나가 빠져있던 것 같다. 예전에는 21학점 들으면서 어떻게 전공 학점 챙겼는지 의문이다. 12학점에도 버거워하는 나를 보면서...