모아이

이전 글에서 docker를 이용해 mysql을 띄웠고 이후 workbench를 이용해 데이터 베이스에 쉽게 접속할 수 있도록 만들었다.그럼 이제 이를 실제로 코드상에서 사용해보려 하는데 Next.js와 Prisma를 이용해서 만들어보려고 한다.이를 통해 prisma의 사용법을 간단하게 보고 특히 Next.js의 Server action을 잘 익혀볼 수 있을 것 같다.프로젝트 설정npx create-next-app@latest 를 통해 간단한 next-app을 만든다. 이름은 sql_test로 만들었다.성공적으로 sql_test가 설치 되었다면 추가적으로 prisma를 설치하자cd sql_testnpm i prisma --save-devnpx prisma init --datasource-provider m..

제목만 보면 뭔가 되게 많아 보이는데 실은 별거 없다.docker를 이용해서 가상 컨테이너로 mysql 서버를 만들고 Next.js와 prisma를 사용해서 쉽게 mysql에 내가 원하는 타입과 결과를 넣어보려고 하는거다.docker와 next.js의 server action, prisma를 연습하기 위해 한번 실행해 봤다.본 작성글은 window 환경에서 작업한 작성물입니다.docker로 mySQL 컨테이너 올리기먼저 docker가 있어야 하지 않을까? 해당 링크로 가서 docker를 먼저 설치하자https://www.docker.com/get-started/무사히 설치가 됐다면 cmd 창을 열자 git bash나 window powershell도 괜찮습니다.저는 window powershell에서 실..

Toast 만들기 업무중 atomic component로 사용될 기본 컴포넌트 들을 만들다 Toast의 차례가 왔다 기본적으로 Toast는 이런식으로 어떠한 동작을 했거나 실패 등 여러 상황에서 alert창이 아닌 쉽게 말해 서비스 디자인 등과 맞춰 제작된 자체적인 알림창이라 봐도 무방하다. React에서 이를 제작할 경우 일단 모든 컴포넌트에서 이 Toast 알림창이 화면에 띄워질 수 있도록 해당 Toast 컴포넌트에 관여 할 수 있어야 한다. 게시판 글이나 뭐 회원가입 버튼이나 각종 여러 군데에서 이 Toast 알림을 띄울 수 있기 때문에 첫번째로 고안한 방법은 Context API와 같은 전역 상태를 활용해서 가장 최상위 루트에서 감싸주는 것이다. 그럴경우 최상위에서 감싸진 ToastContext에..

모노레포 - Monorepo 일단 모노레포가 무엇인지 정의를 두자면 위키에선 ** 모노레포란 버전 관리 시스템에서 두 개 이상의 프로젝트 코드가 동일한 저장소에 저장되는 소프트웨어 개발 전략** 이라고 기재되어 있다 이전 개발 전략은 모놀리식 애플리케이션으로 모놀리식 애플리케이션은 모듈화 없이 설걔된 소프트웨어 애플리케이션 이라 되어있다 즉, 어떤 하나의 서비스를 개발할 때 모듈화 없이 개발된다면 코드가 서로 직접적으로 의존되며 하나의 버전으로 관리되면서 분리가 어려워지고 새로운 설계 리팩터링 등의 작업들을 진행할 때마다 작업 단위가 거대해진다. 리액트를 배우고 프로그래밍을 배울 수록 딱 봐도 비효율적인 부분을 찾아볼 수 있는데 그렇기에 우리는 모듈화와 재사용성을 신경쓴다 모듈과 재사용성 모듈(modul..