React

최근, 사내에서 Docusaurus를 활용해 기술문서 작성을 접할 기회가 있었습니다. 생각보다 가독성이 괜찮고 간단한 마크다운 작성법과 React 커스터마이징이 가능해 이력서로 사용해도 괜찮을 것 같았습니다. 기존의 Notion 이력서에서 전환하였습니다. 전환하게 된 배경과 Docusaurus로 이력서를 작성하며 느낀점을 적어보겠습니다.  Docusaurus란 ?글에 들어가기 앞서 Docusaurus에 대해 먼저 소개해드리겠습니다. Docusaurus는 Meta에서 만든 오픈소스 프로젝트로 다양한 기업에서 사용하고 있는 SSG(Static site generator)툴 입니다. 오픈소스 프로젝트이다보니 커뮤니티 활동이 활발한 편이고 참고할 레퍼런스가 꽤 많았습니다. 공식문서에서 한국어도 어느정도 지원을 ..

오늘도 어슬렁 어슬렁 재밌는 기술 블로그 없나하고 탐색하던 중, 흥미로운 사이트를 발견했습니다. 자신이 직접 만든 블로그에 방명록 기능을 개발해서 탑재해 놓은 거였죠. 어라 ? 이거 Next.js랑 Supabase로 하면 금방 만들겠는데 하고 생각이 들었습니다. 비록 티스토리 블로그지만 좌측 메뉴에 링크만 걸어두면 접근할 수 있으니까요. 재밌어 보이면 빠르게 실행해야죠 ! 먼저 서버셋팅부터 해보겠습니다. Supabase서버는 고민없이 Supabase로 선택했습니다. 제가 요즘 취미로 개발하는 타이브레이크에서 요긴하게 사용하는 서비스인데 Firebase와 비슷한 BaaS입니다. 개인적으로 파이어베이스보다 개발자 친화적이며 풀스택 개발에 최적화된 서비스라 생각하네요. React, Flutter, Python..

저는 선언적인 프로그래밍을 좋아합니다. 프론트엔드 개발 초기시절 styled-components로 공통화되지 않은 div를 찍어내다가 Flutter를 처음 접했을때 충격을 잊을수가 없죠. Scaffold와 같은 위젯에서 옵션을 제공해주는데 어찌나 편리하던지 ! 심지어 자동완성까지 지원해주는데 저는 그저 필요한 속성들만 쏙쏙 골라 사용하면 됐습니다.  만약 분기처리도 명령형이 아닌 선언형으로 작성하면 어떨까요 ? 복잡한 if/else와 switch문에서 조금은 구원받을 수 있을텐데요.  최근에 ts-pattern 라이브러리를 재미있게 보고 있습니다. JS에서 아직 공식적으로 제공하지 않는 패턴매칭을 도와주는 패키지인데 복잡한 데이터나 API를 선언적으로 분기처리할 때 유용할 것 같습니다. 패턴매칭의 용어에..

이슈 발생사내 프로젝트에 docker-compose를 사용해 docker container환경을 구축하던 중 다음과 같은 경고 메세지가 발생했다.    docker-compose의 버전관련 문제인듯 하여 찾아보니 깃허브 이슈에서 다음과 같은 코멘트를 확인할 수 있었다. 더이상 docker-compose.yaml  파일에서 버전을 지정하지 않는다는 것.    turborepo 공식 repository의 docker 파일을 참고하여 작성하였는데 2년전 코드라 호환성 이슈가 있었다. 공식 문서도 찾아보니 top-level에서 version을 지정하는 환경이 obsolete 됐다고 명시되어있다. 그나저나 deprecated는 많이 들어봤어도 obsolete는 처음보는것 같다 ?   이슈 해결이슈 해결은 간단히 ..