안녕하세요. Next.js 에서 백엔드 팀에서 만들어준 api 를 연동할 때 api 를 호출하는 코드를 작성 하실 텐데, api 를 호출하는 방법을 크게 3가지로 나눠볼 수 있습니다. 본 글은 Next.js v15 를 기준으로 작성하였습니다. Next.js 에서 api 요청 시작점과 요청지React 에서 서버 컴포넌트 및 서버 액션 기능이 생김으로 인해 Next.js 에서 api 호출에 대한 종류는 다음과 같이 분류해 볼 수 있습니다.클라이언트 사이드에서 api 호출클라이언트 사이드에서 server action 함수 호출 (server action 함수 내에서 api 호출 하는 로직이 포함된 방식)서버 컴포넌트에서 api 호출1번은 api (백엔드) 입장에서 보면 요청지 및 요청 시작점이 모두 클라이언트..

행운의 고슴도치 그림자 병사

수면 속으로

다크홀드

아파트~ 아파트~

입장이오

티스토리 스킨 개발 편의를 제공하는 torytis 의 dev server 에 핫리로드 기능이 업데이트 되어 이를 소개 드리기 위해 이렇게 글을 작성하게 되었습니다. 업데이트 전torytis 를 사용해 만든 개발 결과물을 확인해보려면 아래 명령어를 실행해야 합니다.npm run dev 만약 소스코드 내용에 변경이 생겼을 경우 dev server 를 종료하고 다시 위 명령어를 입력해야 했습니다. 수정이 빈번하게 일어나고 결과를 매번 확인해야 하는 상황에선 이 과정이 불편하게 느껴질 수 있던 부분 이었습니다. 업데이트 후torytis 최신 버전에서는 이러한 부분을 개선하였습니다. npm run dev 를 이용해 dev server 를 실행하면 이제는 소스코드 내용에 변경이 생겼다면 자동으로 빌드가 다시 진행되..

마음의 힘

torytis 프레임워크를 개발한지 약 1년이 지나서야 torytis 가이드 문서 웹사이트를 배포하게 되었네요. 기존 torytis 레포지토리의 README.md 에 작성했던 내용들의 대부분은 가이드 문서 웹 사이트로 옮겼고, 가이드 문서 웹 사이트는 github pages 로 배포한 상태입니다. 아래는 torytis 가이드 문서 주소 입니다. https://wisdomstar94.github.io/torytis torytis - hometorytis torytis 는 티스토리 스킨 개발의 편의성을 높여주는 rust 로 만들어진 프레임워크 입니다.wisdomstar94.github.io torytis 를 사용함에 있어서 궁금하신 분들이 있으시다면 본 글의 댓글이나 torytis 레포지토리의 issues ..

정적 웹사이트 호스팅을 무료로 할 수 있는 방법에 대해 알아보다가 github pages 라는 서비스를 알게 되어 이를 알아보고 적용한 과정을 정리해서 공유드립니다. branch 를 대상으로 설정하는 방법도 있지만, 본 글에서는 github action 과 tag 를 이용한 방법으로 공유 드리고자 합니다. github action yml 파일 작성.github/workflows/github-page-ci-cd.yml 파일을 생성 후 내용을 아래와 같이 작성해줍니다.name: github-page-ci-cdon: push: tags: # 레포지토리에 아래 패턴과 일치하는 태그가 생성될 때 아래 jobs 들이 진행됩니다. # 아래 예시같은 경우 레포지토리에 github-page-..

Tistory Cyworld Minihompi UI Skin 개발예전 싸이월드 미니홈피의 UI 를 비슷하게 구현해본 스킨입니다. 이번이 3번째 스킨 개발이네요. 싸이월드 미니홈피를 스킨 개발 대상으로 고른 이유는?다들 예전에 싸이월드 미니홈피를 많이 이용하셨을 거라 생각됩니다. 하지만 예전에 기억하고 있던 그 미니홈피의 모습으로는 이제 운영되지 않는 걸로 알고 있어서, 예전 미니홈피의 모습대로 유사하게 티스토리 블로그 스킨을 만들면 이것 역시 재밌을 것 같아 스킨 개발을 진행해보게 되었습니다. 스킨 특징자체 개발한 [@wisdomstar94/torytis](https://github.com/wisdomstar94/torytis) 프레임워크를 사용하여 개발되었습니다.개발시 scss 와 [TailwindCS..

Tistory Discord UI Skin 개발Discord 느낌을 최대한 살리면서 개발한 티스토리 스킨입니다. Stroke 스킨에 이어 이번이 두번째로 만든 티스토리 스킨이네요. 왜 스킨 개발 대상으로 디스코드를 골랐나?제가 예전에 세븐나이츠 라는 모바일 게임을 엄청 즐겨 했었는데, 아쉽게도 최근에 서비스 종료를 하게되었습니다. 그런데 세븐나이츠가 세븐나이츠:리버스 라는 이름으로 리메이크 되고 있다는 소식을 접했고 해당 커뮤니티가 디스코드로 운영되고 있었습니다. 디스코드 UI 를 보고 나니 이걸 티스토리 스킨으로 만들면 재밌을 것 같단 생각에 스킨 개발을 시작하게 되었습니다. 스킨 특징이전에 공개했던 Stroke 스킨의 특징과 크게 유사합니다. 한가지 차이점이라고 한다면 Stroke 는 현재 화면 사이..