요즘 채용 공고를 보면 쓰지 않는 곳을 찾기 힘들 정도로 Next.js에 대한 인기가 대단합니다.이번글은 왜 Next.js가 폴더 기반 라우팅을 선택한 이유를 파악해 보려고 합니다. 크게 세 가지 목차로 구성하여 살펴보겠습니다.라우팅이란? + 라우팅 등장 배경다양한 라우팅 방식과 그 활용법Next.js가 선택한 라우팅 방법과 선택의 이유 및 장점. 라우팅이란? + 라우팅 등장 배경라우팅은 사용자가 애플리케이션 내에서 특정 URL을 요청할 때, 그 요청에 대응하는 적절한 콘텐츠나 페이지를 제공하는 방식입니다. 네트워크나 애플리케이션에서 경로(path)를 결정하고, 해당 경로에 따라 요청을 적절한 리소스나 처리기로 전달하는데,여기서 주의 깊게 봐야하는 부분은 path를 결정하는 부분입니다. CSR 방식은 d..

다들 연말은 잘 보내고 있으신가요? 저는 저번 글에 작성했던 연말을 타깃으로 한 작은 서비스를 성공적으로 마무리하면서, 따뜻한 하루를 보내고 있습니다. (모두 편지 쓰러 오세요~~~ , 링크) 서비스를 오픈한 지 일주일도 안 되는 시간에 방문자 수 3000+ 실 이용자 수 200명을 넘기며, 개발의 즐거움을 오랜만에 느끼는 지금! 이번 프로젝트에서 진행한 프로젝트 세팅 및 csv로 data를 추출한 과정을 작성해 보려고 합니다. 참고로 이번 서비스는 제목처럼 Next.js와 TypeScript, 그리고 MongoDB를 사용했습니다. MongoDB 호스팅 시작하기 이번 서비스는 로그인 기능도 없는 간단한 서비스지만, 편지를 받아볼 유저의 정보를 저장해야 하기 때문에 DB가 필요했습니다. 저는 크게 관계형과..

어느덧 1년을 마무리하는 12월이 되었습니다. (모두 올해 고생하셨습니다!) 저는 연말을 의미있게 보내기 위해 이곳 저곳을 기웃거리다가, 간단하더라도 실제 서비스를 오픈해 보고 싶은 마음에 친한 동생과 연말 이벤트를 만들게 되었습니다. 그러던 중 '텍스트 에디터' (웹 에디터)를 만들게 되었는데, 그 과정을 이번글에 작성해 보려고 합니다. 기술 스택 많은 개발자들이 사용하는 React 답게 텍스트 에디터 관련 라이브러리 또한 다양합니다. 사람들이 주로 사용하는 라이브러리로 React-Quill과 Tiptap을 꼽을 수 있었는데, 저는 이 둘 중 고민하다가 Tiptap을 사용하였습니다. 그 이유는 React-Quill은 XSS 보안 취약성이 있다는 이슈를 보았으며, 무엇보다도 최근 업데이트 및 패치가 감소..