Resume

AllSilver's devlog

Written by@AllSilver
철학적인 개발자를 꿈꿉니다.

GitHub

thumbnail [프로젝트 회고] 춤으로 연결되는 댄스 유니버스, 댄버스 (부제: 같이 일할 수 있는 사람이 되는 방법)

[프로젝트 회고] 춤으로 연결되는 댄스 유니버스, 댄버스 (부제: 같이 일할 수 있는 사람이 되는 방법)

Table Of Content 이 글의 길이는 매우 깁니다. 따라서, 원하는 부분을 찾아갈 수 있는 목차를 제공합니다. 들어가면서 프로젝트 개요 주요 기술 스택 및 선정 이유 / 사용 후기 프로젝트 과정에서 겪었던 어려움 및 도전: 팀워크와 협업에 대해서 소통의 방식은 도구보다 사람을 먼저 고려해야 한다. 백엔드 개발자와의 소통 프로젝트에서 얻은 기술적 …

회고

April 30, 2023

thumbnail React Query를 사용할 때, Next.js의 SSR에 인증 사용하기

React Query를 사용할 때, Next.js의 SSR에 인증 사용하기

들어가며 이전의 프로젝트에서는 각 페이지에서 에 인증 로직을 위해 토큰을 첨부할 때 해당 함수에 토큰값을 넣어주었으나 를 사용하여 구현할 때는 약간 다르게 구현해야할 부분이 있다. 이 글에서는 편의상 를 로 표현한다. React Query를 이용한 SSR 구현 방법 (with Next.js) 참고 : SSR | TanStack Query Docs 의 …

Technical

April 30, 2023

thumbnail 쿠키를 이용하여 프론트엔드와 백엔드의 통신을 구현하기

쿠키를 이용하여 프론트엔드와 백엔드의 통신을 구현하기

TL;DR 클라이언트에서 set-cookie가 작동하지 않을 때 확인해야 하는 부분 - 백엔드의 , , 설정 현재 환경에서의 설정 프론트엔드 요청의 설정 목차 들어가면서 배경 지식 이해해야 할 쿠키의 옵션 요청 헤더 설정 현재 브라우저에서 사용되는 쿠키 정책 (, ) 요약 로컬 개발 환경을 HTTPS로 설정하기 CORS 회피하기 1. 백엔드 설정 :…

Technical

April 29, 2023

thumbnail VSCode에 코드 Snippet 작성하기

VSCode에 코드 Snippet 작성하기

사용 예시 스니펫을 설정하면, 다음 gif 처럼 동작하게 된다. 설정 방법 프로젝트 폴더에 설정하기 vscode 자체에 스니펫 만들기(커맨드 팔레트 이용) 프로젝트 폴더에 설정하기 스니펫 설정 파일 만들기 : 폴더에 (폴더가 없으면 만든다) 파일을 생성한다. 스니펫 작성하기 : 파일 안에 다음과 같은 형식으로 작성한다. : 스니펫을 호출할 키워드,…

Technical

April 12, 2023

thumbnail [JavasScript] 파일을 읽고, 파일을 line 별로 쪼개서 JSON 문자열의 배열로 변환하는 함수

[JavasScript] 파일을 읽고, 파일을 line 별로 쪼개서 JSON 문자열의 배열로 변환하는 함수

코드 다음과 같이 작성한다. 실행 결과 이 코드에 실행했을 경우, 다음과 같은 결과를 확인할 수 있다.

괜찮은 생각

April 11, 2023