next.js

프론트엔드 개발자는 동영상을 어떻게 편집해야할까? Bestmoments는 사용자가 짧은 영상들을 빠르게 업로드 해야하고, 그 영상을 간단한 링크로 쉽게 공유할 수 있도록 하는 플랫폼 입니다. 영상을 짧은 시간안에 공유 가능한 상태로 만들어 주는 것이 주 목표 입니다. 하지만 문제는, 프론트엔드에서 동영상 편집을 처리하는 방법입니다. 동영상을 자르거나 인코딩하는 작업을 클라이언트에서만 처리하는 것은 성능과 안정성에서 여러 한계가 있었습니다.  과정1. 프론트엔드에서의 동영상 편집 문제점BestMoments 프로젝트를 진행하던중, "프론트엔드에서 동영상을 직접 편집하면 어떨까?" 라는 생각을 했었습니다. 그 과정에서 FFmpeg의 웹 어셈블리(WebAssembly) 버전을 사용해 동영상을 클라이언트측에서 처..

이번 포스트에서는 제가 최근에 진행하고 있는 BestMoments 프로젝트에 대해 소개하고자 합니다.이 프로젝트는 아직 개발 초기 단계에 있으며, 개발 기획, 단계, 과정으로 부터 배우고 있는 것들을 소개하고자 합니다.프로젝트를 시작하게 된 계기 (기획 의도)저는 게임,문화,여행 등 여러 활동을 즐기며, 그 순간을 영상으로 기록하고 추억으론 간직하곤 합니다.얼마나 많은 영상을 기록하느냐구요? 구글 드라이브에 프리미엄을 사용해서 영상을 저장할 정도로 많은 영상을 기록하고 있습니다. 하지만 이러한 영상을 단순히 저장하는 것만으로는 만족스럽지 않았습니다. 특히나 게임을 하면서 최고의 플레이 순간을 저장하고 공유하고 싶을때가 많았습니다. 영상을 공유할 수 있는 방법들영상을 공유할 수 있는 방법으로는 유튜브나 S..

Nextjs관련해서 다른 개발자의 블로그를 살펴보던 중 "Nextjs를 왜 사용하나요?" 라는 질문에 "주로 SSR을 사용하려고 Next.js를 사용합니다." 라는 답변을 합니다. 저 또한 최근 면접에서 같은 질문을 받았는데 정말로 같은 답변을 했었습니다.  하지만 최근 개발바닥이라는 유튜브를 보면서 다른분들의 이력서를 보던 중 프론트엔드 개발자의 이력서를 보게 되었는데 해당 블로그에 "Next.js가 무엇이고 왜 뜨는걸까?" 라는 블로그 게시글이 있었습니다. 해당 블로그 또한 글의 대부분은 Next.js의 SSR기반으로 설명이 되어있었는데 이 글을 보고 개발바닥 유튜브를 운영하시는 분들 께서"Next가 SSR, CSR 관점에서는 아예 아니다, 이러면 Next를 아예 잘 모르는 것이나 마찬가지다." 라는..