본문 바로가기

프로젝트22

개인 아카이브 사이트 개발 후기 개인적으로 깃허브 호스팅을 애용하는 편이다. 그 이유로 별도의 인프라 구축없이 깃허브 소스관리 시스템에서 정적인 페이지를 무료로 간단하게 배포할 수 있어서 그렇다. 매번 서버를 구축하고 관리하는건 귀찮은 일이니까 이번에 개인용 아카이브 사이트를 개발할 일이 있어서 간단하게 개발을 하였는데 기술스택으로는 프레임워크인 Next.js13버전을 처음으로 적용해서 변경점들을 확인해보았고 CSS in JS로는 styled-components를 상태관리로는 recoil, react-query를 ajax요청은 axios, 테스트 및 문서화는 storybook의 도움을 받았다. CI/CD는 간단하게 github action으로 호스팅은 gh-page를 사용했다. 기본적인 사이트 구조는 벡엔드 - 프론트의 기본적인 구조로.. 2023. 9. 25.
[메모장] Memo프로토타입 릴리즈 -2- 개인적으로 귀찮음에 쩔어서 너무 느릿하게 개발 한거같지만 기본적인 (디자인 + 기능 구현 완료 + 주석 + 일렉트론 배포) 완료했다. 이제 추가적으로 진행해야 할 내역들은 크게 6개 정도 있다. 1.문서화에 대한 고민들 정리 한후 문서화후 초보 개발자 튜토리얼 작성. 2. 스토리북 + 인터렉션 테스트코드 작성. 3. CICD에 대한 기본적인 설정. 4. 프로토타입 피드백 및 PC제외 추가적인 크로스플랫폼 개발(모바일 앱). 5. UI/UX개선. 6. 모노레포를 통한 오픈소스 컴포넌트 패키지 배포. 세부 사항은 더 많지만 느긋하게 해야지. 1. 깃허브 - https://github.com/yoonjonglyu/memo GitHub - yoonjonglyu/memo: memo memo. Contribute .. 2023. 3. 14.
[메모장] Memo 프로젝트 -1- 개인적으로 노션이나 피그마 같은걸 만들고 싶다는 생각이 있어서 1인 개발 프로젝트 갈래 중 하나로 메모장을 개발 하려고 진행중이다. 일단 디자인, 기획, 개발 전부 혼자서 진행을 하다보니 어쩔 수 없이 심플한 컨셉으로 잡아서 MVP를 만들어보는 중인데 역시 디자인은 너무 어렵다는 걸 새삼 느낀다. 이것 저것 건드려봐도 어설픈 느낌이 안사라진다.. ㅎㅎ 결국 리소스의 문제인데 차근차근 쌓아 올려서 수준들을 끌어 올리는 수 밖에 없다고 느낀다. 긍정적으로 생각하면 관리 포인트를 줄이고 퀄리티를 높일 수 있다면 결국 온전히 내것이 될테니까 개인적으로 귀찮은걸 싫어하는 성격이라 한번에 여러가지를 동시에 처리하는 습관이 있다보니 해당 프로젝트도 여러가지 목적을 동시에 충족시키고자 나아가고 있는 중인데 1. 초보 .. 2023. 3. 5.
유틸과 헬퍼함수를 정리해보기. 개발을 하다 보면 핵심 기능은 아니지만 자잘하게 여러 곳에서 공통적으로 쓰이는 헬퍼나 유틸 따위로 지칭 가능한 코드들이 존재한다. 개인적으로 어떤 완성품(프로덕트)보다 개발을 위한 프로덕트 느낌의 도구들을 만들고 설계하고 고민하는데 더 관심을 가지는 입장에서는 최근에 뒤늦게 해당 부분들을 개인적으로 정리해서 패키지화 해볼 생각을 하게 되었다. 우선 프론트 개발 위주로 정리해보는 중이다. 간단한 wrap에 해당하는 함수부터 여기저기 자주 쓰이는 함수들까지 jest를 이용한 TDD 형식을 적당히 지켜가면서 생각나는대로 또 귀찮음을 이기는대로 간단하게나마 조금씩 진행해보고 있다. import isArray from './isArray'; describe('isArray', () => { test('arg is.. 2022. 12. 21.

티스토리툴바