👩‍🔬 Na Lab 개발기

Drag and Drop(DND)을 구현해야하는 요구사항이 있어 DND 라이브러리인 react-beautiful-dnd를 사용하여 DND를 구현하는 와중과 같은 에러를 만나게 되었다.

cloudflare를 이용하여 Next.js 프로젝트를 next export 빌드 명령어로 배포하고 있었다.

'동료의 익명 피드백으로 완성시키는 나의 커리어 브랜딩' 서비스 "나랩"이 첫 출시가 되었습니다!

drag and drop 기능를framer motion 라이브러리의 Reorder 컴포넌트를 이용하여 간편하게 구현할 수 있다.

drag and drop을 구현할 때, 드래그 하는 아이템을 직관적으로 보여주기 위해 box-shadow, background-color를 조작해보자.

기존에 framer motion의 Reorder 컴포넌트를 이용해서 DND를 구현하고, 동작되는 것을 확인해보았었다.

HTML과 CSS를 SVG로 변환할 수 있는 라이브러리 Satori를 이용하여 서버에서 svg를 만들어보자

브라우저 종류를 알아내보자! 그런데 왜 ios Chrome이 Safari로 인식되지?