오늘도 어슬렁 어슬렁 재밌는 기술 블로그 없나하고 탐색하던 중, 흥미로운 사이트를 발견했습니다. 자신이 직접 만든 블로그에 방명록 기능을 개발해서 탑재해 놓은 거였죠. 어라 ? 이거 Next.js랑 Supabase로 하면 금방 만들겠는데 하고 생각이 들었습니다. 비록 티스토리 블로그지만 좌측 메뉴에 링크만 걸어두면 접근할 수 있으니까요. 재밌어 보이면 빠르게 실행해야죠 ! 먼저 서버셋팅부터 해보겠습니다. Supabase서버는 고민없이 Supabase로 선택했습니다. 제가 요즘 취미로 개발하는 타이브레이크에서 요긴하게 사용하는 서비스인데 Firebase와 비슷한 BaaS입니다. 개인적으로 파이어베이스보다 개발자 친화적이며 풀스택 개발에 최적화된 서비스라 생각하네요. React, Flutter, Python..
React
저는 선언적인 프로그래밍을 좋아합니다. 프론트엔드 개발 초기시절 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는 처음보는것 같다 ? 이슈 해결이슈 해결은 간단히 ..
직장인들의 IT 개발모임 직띵에서 3기 FE 멤버로 현재 활동하고 있다. React 개발자로서 기초를 좀 더 다듬을 필요성을 느끼고 있었고, 무엇보다 회사 바깥의 FE개발자들과 교류의 장을 가지고 싶었다. 직띵 스터디 내에는 코딩테스트, 데브옵스, 스프링 등 여러가지 클래스가 존재하는데 그중 JS/React에 참가하고 있다. 데브옵스같은 인프라 관련 클래스에도 참가하고 싶었으나 시간적 여유 관계로 한 클래스에만 집중하고 있다. JS/React 클래스의 경우, 커리큘럼을 딱히 정하기보다 각자 원하는 주제에 대해 공부하고 격주로 발표하는 형식으로 진행하고 있다. 발표 후 구성원들과 자유롭게 토의 하는 시간을 가지는 포맷이다. 첫번째 발표였던 지난번 내용은 아래 포스팅에서 확인할 수 있다. https:..