본문 바로가기

개발후기2

개인 아카이브 사이트 개발 후기 개인적으로 깃허브 호스팅을 애용하는 편이다. 그 이유로 별도의 인프라 구축없이 깃허브 소스관리 시스템에서 정적인 페이지를 무료로 간단하게 배포할 수 있어서 그렇다. 매번 서버를 구축하고 관리하는건 귀찮은 일이니까 이번에 개인용 아카이브 사이트를 개발할 일이 있어서 간단하게 개발을 하였는데 기술스택으로는 프레임워크인 Next.js13버전을 처음으로 적용해서 변경점들을 확인해보았고 CSS in JS로는 styled-components를 상태관리로는 recoil, react-query를 ajax요청은 axios, 테스트 및 문서화는 storybook의 도움을 받았다. CI/CD는 간단하게 github action으로 호스팅은 gh-page를 사용했다. 기본적인 사이트 구조는 벡엔드 - 프론트의 기본적인 구조로.. 2023. 9. 25.
펫링크 마이그레이션 후기 펫링크 마이퍼피 펫링크 관련 설명. 인수인계 및 리팩토링시 참고해서 진행바랍니다. 기술 구성 해당 프로젝트는 기존의 PHP 코드 이그나이트, 부트스트랩, 제이쿼리 기반, 멀티페이지 어플리케이션을 리액트로 마이그레이션 진행한 프로젝트입니다. 프로젝트 환경 설정 과정에서 개인적으로 작성한 웹팩 템플릿을 사용했습니다. 적용된 기술스택: React, TypeScript, Axios, Redux, Redux-saga, Bootstrap(react), C3, React-hook-form, React-quill, React-select, React-tooltip, Signature_pad, Styled-components, React-circular-progressbar, React-daumpost-hook, Web.. 2021. 7. 8.