React

단순했던 첫 배포 파이프라인Kampus 프로젝트는 초기 Git Flow 를 따르자고 정했다. feature 브랜치에서 develop 으로 PR 을 올렸을 때 → Squash and merge → merge 후 remote branch 삭제기능 단위로 개발한 브랜치이기 때문에, 개발서버에도 기능 단위 커밋을 관리할 수 있다. 브랜치를 삭제하므로 merge commit 을 남길 필요가 없다. develop 브랜치에서 main 브랜치로 배포 돌릴 때 → Rebase and merge 모든 기능을 배포할때 병합한다. 특정 기능에서 문제가 발생했을 경우 롤백이 필요하다. merge commit 을 남길 필요가 없다. Git Flow : 초기에는 지키려고 노력했지만, 데모데이가 다가오며 많아지는 merge 와 배포..

eslint 8버전 공식문서를 확인하면, 아래 종류의 파일을 린트 포맷 설정하는 파일로 작성할 수 있다고 한다.그러나 eslint v.8.23.0 부터 flat config 가 표준이 되었다고 한다. 즉 eslintrc.~ 형식을 지양 (❌) 하는 것1. eslint.config.js 가 무엇인지 알고, eslintrc.cjs 의 차이점이 무엇인지 정리해보자.2. Kampus 프로젝트에는 어떤 방식을 사용할까?Kampus 프로젝트는 런닝커브와 유연성으로 인해 자바스크립트 언어로 구성되어 있다. (타입스크립트로 개선하자는 이야기가 있다!)unused imports, vars 를 감지하여 warn 을 표시하는 규칙이 필요했다. 린트가 없는 상황에서 -> 미사용 변수 및 함수, import 문이 곳곳에서 표시..

React JS - Spiring Java 환경어떤 라이브러리를 선택해야 할까?기본적인 Websocket APIhtml5 이전, 사파리, 파이어폭스 등 지원하지 않는 경우가 있다.간단한 메시징이라면 사용해도 괜찮지만, 다양한 기능을 위해서는 다른 라이브러리 사용을 추천한다.Socket.io 라이브러리Node.js 를 지원한다.서버도 Socket.io 를 함께 사용해야 하기 때문에, Java Websocket 과는 호환되지 않는다.SockJS-client 라이브러리 + STOMP.jsSpringframework 매뉴얼에서 SockJs 를 사용하여 웹소켓을 구현하기를 제시한다.서버는 SplingFramework SockJS fallback 을 사용해 웹소켓을 구축하고클라이언트는 SockJS 라이브러리를 사용..

기존 서비스 개선 방향기존의 공유 형식은 브라우저 기본 url을 사용해 사용자가 직접 공유하거나, url copied 버튼을 통해 복사 기능을 제공하였습니다. 이에 따라 사용자 경험이 부족하다고 느끼게 되었습니다.다양한 공유 방법을 직접적으로 제공해주면, 함께 친구들과 공유하여 사용하는 서비스적 측면이 향상될 것이라고 생각하였습니다.카카오톡 소셜 로그인, 구글 소셜 로그인을 제공하는 싱크스팟 서비스 이기 때문에, 활용하여서 카카오톡, 이메일 공유하기 기능을 고려하게 되었습니다.추가로 많이 사용하는 인스타그램 서비스를 활용한 공유하기 기능도 고민하였으나, Meta에서 공식적으로 지원하는 적절한 API 가 없음에 따라 안타깝게도 제외하였습니다. 🚨 SEO 태그기존에 우리 링크를 카카오톡에 공유하면 아래처럼..

Vercel 무료 배포firebase로 로그인, 이메일전송 등의 서비스를 구축하고 있다. 미리 배포한 후 연동하려고 하는데 멘토님께서 firebase 배포가 아닌 vercel 배포를 추천하셨다.Git Organization 에서 FE, BE 레포가 다른데 시간이 없어서 둘다 내가 하기로 했고,무료로 하려면 조직(팀) 레포가 아니라 내 계정으로 개인으로 fork 를 해서 vercel 배포를 하고 cicd로 바로 적용될 수 있도록 하는게 포인트! 🤗 무료 배포 방법 설명하기 전에,cicd 전략을 개선한 글 먼저 본다면 프로젝트의 개선 방법이 더 잘보일 듯 합니다!코드품질, 태그 기반 배포 전략에 대해 설명했습니다. 🏷️ 안정성 배포전략 - CI 코드품질 검사, CD 태그 기반 배포단순했던 첫 배포 파이프..