dh_0e

ESLint 사용하여 컴파일 전에 에러 찾기npm init @eslint/config@latest다음 명령어로 eslint를 설치한다.package.json에 영향을 주지만 package.lock 파일을 생성하거나 yarn.lock 파일에 영향을 주지는 않는다.yarn을 사용했어도 걱정하지 말고 다음 명령어를 입력하여 설치해준다.설치가 완료되면 프로젝트에 eslint.config.js 파일이 생성된다.이 때 확장프로그램에서 eslint를 검색하여 설치해준다.그러면 다음과 같이 사용하지 않는 변수들이 경고가 아니라 에러가 뜬다고 빨간 줄로 위협할 것이다!이게 거슬린다면 다음과 같이 설정을 변경하면 된다.강조된 부분에 마우스 커서를 올려서 eslint의 경고문을 확인한다.괄호 안의 내용을 복사하여 eslin..

Miro: 협업할 때 팀원들끼리 와이어프레임 제작, 프로젝트 관리, 디자인 등을 함께 할 수 있는 작업 공간을 제공한다. 가입하기 | Miro | 혁신을 위한 시각적 작업 공간Miro는 팀이 프로젝트를 관리하고, 제품을 디자인하고, 미래를 함께 만들어가는 혁신을 위한 시각적 작업 공간입니다. 전 세계 6천만 명 이상의 사용자와 함께하세요.miro.com  dbdiagram: DBML 형식 코드를 입력하면 자동으로 ERD를 생성해준다. DBML 형식이 아닌 코드는 ChatGPT가 바꿔준다. dbdiagram.io - Database Relationship Diagrams Design Tool dbdiagram.io    GitHub Project 관리: 프로젝트를 기능들로 나누고 이를 이슈로 또 한 번 나..

서브넷 마스크란?서브넷 마스크(subnet mask)는 IP 네트워크를 서브넷(하위 네트워크)으로 나누기 위해 사용되는 비트 마스크이다.서브넷 마스크는 네트워크 부분과 호스트 부분을 구분하는 역할을 한다.ex) IP 주소 192.168.1.1과 서브넷 마스크 255.255.255.0이 있을 때, 192.168.1.1의 네트워크 부분은 192.168.1이고, 호스트 부분은 1이다.서브넷 마스크는 보통 32비트의 이진수로 표현되며, 10진수로 쉽게 표현된다. 서브넷이란?전 세계에 존재하는 수백만 개의 각기 다른 네트워크를 작은 조각으로 쪼개져 있는 경우 이 조각을 서브넷이라 한다.한 마디로 서브넷은 작은 네트워크라고 할  수 있으며, 이 때 네트워크 성능 개선을 위해 네트워크 관리자가 효율적으로 자원을 분배..

내배캠 5번째 프로젝트는 4번째 프로젝트를 더욱 고도화 시키는 작업이다.마찬가지로 Node.js와 express를 사용하지만 mongoDB를 사용했던 저번 과제와 달리,Prisma로 MySQL을 이용하게끔 코드를 수정하며 데이터베이스 2개로 진행해야 했다.필수 및 도전 과제의 내용으론 로그인/회원가입, 회원 인증 미들웨어, 에러 처리 미들웨어, 아이템 구매/판매, 인벤토리 조회 기능을 추가해야 했으며, 모두 구현한 뒤 아이템 타입(장착 위치)을 추가하여 캐릭터가 아이템을 착용할 때 모자, 갑옷, 바지, 악세서리, 무기 등 타입 별로 하나의 아이템만 장착할 수 있게 제작하였다.필수 요구 사항 및 도전 요구 사항더보기0️⃣ 필수 요구 사항: 프로젝트 관리.env 파일을 이용해서 민감한 정보(DB 계정 정보,..

Prisma Transaction여러 개의 쿼리를 하나의 트랜잭션으로 수행할 수 있는 Sequential 트랜잭션,Prisma가 자체적으로 트랜잭션의 성공과 실패를 관리하는 Interactive 트랜잭션이 존재함 Sequential 트랜잭션Prisma의 여러 쿼리를 배열([ ])로 전달받아, 각 쿼리들을 순서대로 실행하는 특징이 있어 여러 작업이 순차적으로 실행되어야 할 때 사용 가능import { PrismaClient } from '@prisma/client';const prisma = new PrismaClient();// Sequential 트랜잭션은 순차적으로 실행됩니다.// 결과값은 각 쿼리의 순서대로 배열에 담겨 반환됩니다.const [posts, comments] = await prisma..