전체 글 367

6. 프로젝트 세팅 (husky 커밋 훅, docker)

프로젝트 세팅husky 커밋 훅 설정커밋 시 자동으로 prettier를 적용해서 커밋하도록 설정root에서 설치pnpm add -wD husky lint-stagedroot의 package.json에 추가"scripts": { "prepare": "husky"}"lint-staged": { "apps/maplem/frontend/src/**/*.{js,ts,tsx}": [ "prettier --cache --write" ], "apps/maplem/backend/src/**/*.{js,ts}": [ "prettier --cache --write" ], "configs/**/*.{js,json}": [ "prettier --cache --write..

Dev/개발 일지 2024.10.08

5. 프로젝트 세팅 (FE + BE 연결)

앞전에 fastify를 간단히 로컬에서 돌아가는 정도로만 세팅하고 도커를 세팅하려하니 빌드가 원하는대로 안되기도 하고, 문서나 정보가 너무 부실해서 그냥 express로 변경하려 함.Express + TypeScript 설치pnpm initpnpm i express corspnpm i -D typescript @types/express @types/cors @types/node ts-node-dev세팅tsconfig.json{ "extends": "@playground/tsconfig/base.json", "compilerOptions": { "target": "ESNext", "module": "CommonJS", "esModuleInterop": true, "skipLibCh..

Dev/개발 일지 2024.09.26

4. 프로젝트 세팅 (eslint, prettier, tsconfig)

프로젝트 세팅우선 하나의 프로젝트로 진행하고 추가로 다른 프로젝트를 진행할 때 세팅을 또 하지 않아도 되도록 모노레포로 구성추후 다시 세팅하는 상황을 고려해 최대한 상세히 기록해 놓으려 함2024.10.14 - 아래 코드는 온전히 동작하지 않는 부분이 있으니, 참고만 하세요. 추후 재작성 예정입니다.터보레포 생성npx create-turbo@latest playground패키지 매니저는 기존에 사용하던 pnpm 선택.Vite + React + TypeScript 프런트엔드 생성pnpm create vite@latest apps/maplem.gg/frontend --template react-tsFastify 백엔드 생성mkdir -p apps/maplem.gg/backendcd apps/maplem.gg..

Dev/개발 일지 2024.09.19

3. 프로젝트 스택 선정

기존에 진행하고 있던 프로젝트가 앞선 게시물에서 언급했던 것 처럼백엔드와 배포를 둘 다 netlify를 통해서 진행했어서 DB도 없고, 배포가 되는 과정을 모르는게 아쉽다 생각했음.아래는 v1을 개발했을 때의 스택- Frontend - react / vite- Backend - netlify serverless functions / DB 없음- hosting - netlify새롭게 v2를 만들 계획을 하면서 이전에 v1스택을 정하게 된 이유에 대해 먼저 간략히 말하자면,회사에서 개발을 하다보면 오래전부터 이어져온 코드이기도 하고, 컨벤션이나 룰이 있다지만 아무래도 개개인이 작성하는 코드기 때문에, 통일이 안되어있는 부분에서 해소되지 않는 답답함이 있어서 가장 미니멀한 스택으로 기능만 구현하자라..

Dev/개발 일지 2024.09.11

2. 개발 환경 세팅 (SSH 설정, 키 페어 등록, 포트포워딩)

SSH 설치설치sudo apt install openssh-server실행 & 종료 & 실행 상태 조회# SSH 실행sudo service ssh start# SSH 종료sudo service ssh stop# SSH 실행 상태 조회sudo service ssh statusSSH 접속 포트 설정기본적으로 SSH의 기본 포트는 22번인데 그대로 사용하면 브루트포스의 타겟이 되기 좀 더 쉬워지기 때문에, 변경해주는 것이 좋음sudo vi /etc/ssh/sshd_config위 커맨드를 통해 편집기를 연 후에 본인이 기억할 수 있는 포트 번호를 지정하고 저장하면 됨.Port 2199 # SSH 서버가 사용할 포트를 설정합니다. 기본값은 22입니다.ListenAddress..

Dev/개발 일지 2024.09.09

1. 우분투 설치

부팅해보니 윈도우 11프로가 정품키 인증까지 되어있는(??!) 상태였는데 나중에 언젠가 쓸날이 생길지도 모르니 키는 저장해 두고 우분투 설치.LTS 버전인 24.04 버전을 usb에 받아서 설치했음.원래는 우분투 서버로 깔려했는데, 처음이다보니 좀 후달려서 데탑버전으로 설치iso 파일 링크 https://releases.ubuntu.com/noble/rufus로 부팅유에스비 구웠음 https://rufus.ie/ko/설치할때 전부다 영어버전으로 설치하니까 한글 설정이 안돼서 아래 게시글 보고 수정https://staraube.tistory.com/105유선 이더넷이 안잡혀서 검색하다보니 우분투 24에서 안된다는 사람들이 꽤 있는듯..lspci | grep -i Ethernet// 02:00.0 Ether..

Dev/개발 일지 2024.09.07

0. 미니 PC 구매

미니 PC 구매사이드 프로젝트를 react에 서버리스로 DB없이 개발을 진행하다가 기능 확장과 더불어 개인 서버가 가지고 싶다는 생각이 들어서 알아보기 시작함.하드웨어 지식은 전무해서 조사해본 결과 n100이 무난해보였음.구매한 제품은SOYO M2 PLUS 에 스스디512 램16까지해서 78.21불 > 93500원 정도에 구매완료.배송은 약 일주일 정도만에 왔는데 그냥 잘 켜지는거 봐서는 불량이 아니겠지싶어서 그냥 쓰려고 함.

Dev/개발 일지 2024.09.07