본문 바로가기

분류 전체보기226

내일배움캠프 Node트랙 심화 프로젝트 역할 및 진행사항 내일배움캠프 Node트랙 심화 프로젝트 역할 및 진행사항 이번 프로젝트는 팀 프로젝트로 Node트랙 심화 프로젝트를 진행하게 되었습니다. 프로젝트를 시작하며 팀에서 맡은 역할과 현재 진행사항에 대해 소개하겠습니다. 프로젝트 발표일까지 D-3 1/5(금) 1/6(토) 1/7(일) 1/8(월) 1/9(화) 1/10(수) 1/11(목) 시작 ▶ 🏃 🏃 🏃 완료 🚩 내일배움캠프 Node트랙 심화 프로젝트 🎯 프로젝트 주제 및 목표 이번 프로젝트는 "프로젝트 협업 도구"를 만드는 것입니다. 프로젝트 협업 도구 중 Trello 라는 서비스를 고르게 되었습니다. Trello는 칸반 보드 기반 서비스로 유명한 프로젝트 협업 도구로, Trello에서 제공하는 다양한 기능을 구현하는 것이 이번 프로젝트의 목표 입니다. ✅.. 2024. 1. 8.
프로그래머스 과일 장수 문제풀이 과정, 알고리즘 최적화 프로그래머스 과일 장수 문제풀이 과정, 알고리즘 최적화 프로그래머스 시저함수 문제 소개와 필자의 문제풀이 및 인기 있는 문제풀이 소개와 해설을 소개하겠습니다. 아래 풀이 과정을 보면서 많은 인사이트를 얻어가시길 바랍니다. 프로그래머스 과일 장수 문제 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 과일 장수가 사과 상자를 포장하고 있습니다. 사과는 상태에 따라 1점부터 k점까지의 점수로 분류하며, k점이 최상품의 사과이고 1점이 최하품의 사과입니다. 사과 한 상자의 가격은 다음과 같이 결정됩니다. 한 상자에 사과를 m개씩 담아 포장합니다. 상자에.. 2024. 1. 8.
내일배움캠프 NestJS 프로젝트 코드리뷰 - 온라인 공연 예매 서비스 내일배움캠프 NestJS 프로젝트 코드리뷰 - 온라인 공연 예매 서비스 내일배움캠프를 진행한지도 벌써 3개월 정도로 접어들고 있습니다. 이 글에서는 내일배움캠프에서 필자가 진행한 NestJS 개인 프로젝트와 튜터님께 받은 코드리뷰에 대해 소개해보겠습니다. 내일배움캠프 NestJS 프로젝트 코드리뷰 1주일 정도 더 된 기간동안 이번엔 온라인 공연 예매 서비스를 만들어보았습니다. 프로젝트의 소개는 아래와 같습니다. Project Outline TypeScript와 NestJS를 이용한 온라인 공연 예매 서비스 프로젝트. ✅필수 기능 구현 리스트 로그인 / 회원가입 프로필 보기 새 공연 등록 (관리자만) 공연 목록 보기 공연 검색하기 공연 상세보기 예매 확인하기 (사용자 본인 예매 정보만 조회가능) 🏆 추가 .. 2024. 1. 7.
NestJS TypeORM 트랜잭션 사용방법, 예시코드 NestJS TypeORM 트랜잭션 사용방법, 예시코드 트랜잭션은 데이터베이스에서 수행되는 작업의 단위를 나타냅니다. 이는 다른 트랜잭션과 독립적으로 일관되고 안정적인 방식으로 처리되어야 합니다. NestJS에서 TypeORM을 사용하여 트랜잭션을 다루는 방법에 대해 알아보겠습니다. NestJS 트랜잭션 사용방법 DataSource 주입 우선, 일반적인 방법으로 DataSource 객체를 클래스에 주입해야 합니다. @Injectable() export class UsersService { constructor(private dataSource: DataSource) {} } QueryRunner를 사용한 트랜잭션 생성 이제 이 객체를 사용하여 트랜잭션을 생성할 수 있습니다. async updateUser.. 2024. 1. 6.
NestJS 빠른 테스트를 위한 명령어 npm run start:dev NestJS 빠른 테스트를 위한 명령어 npm run start:dev 프로젝트를 개발하면서 코드를 작성하고 테스트하며 개발환경을 구축하는 일은 빈번한 작업 중 하나입니다. NestJS를 사용하는 경우에도 자주 사용하는 명령어 중 하나가 npm run start입니다. 그러나 npm run start:dev 명령어를 사용하면 테스트 작업을 더욱 편리하게 수행할 수 있습니다. 이 글에서는 두 명령어의 차이와 npm run start:dev의 편리한 기능에 대해 알아보겠습니다. npm run start vs npm run start:dev 먼저, npm run start와 npm run start:dev의 차이를 살펴봅시다. npm run start 기본적인 개발 서버를 시작합니다. 코드가 수정되면 수동으로.. 2024. 1. 5.
NestJS ejs 적용하는 방법, 동적 웹페이지 렌더링 하기 NestJS ejs 적용하는 방법, 동적 웹페이지 렌더링 하기 NestJS는 강력한 서버 사이드 애플리케이션 프레임워크로, EJS(Embedded JavaScript)와 같은 템플릿 엔진을 사용하여 동적인 웹 페이지를 렌더링할 수 있습니다. 이 글에서는 NestJS 프로젝트에 EJS를 적용하는 방법에 대해 알아보겠습니다. NestJS ejs 적용하는 방법 1. NestJS 프로젝트 생성 NestJS 프로젝트를 생성하기 위해 터미널에서 다음 명령어를 실행합니다. nest new my-nest-project cd my-nest-project 2. EJS 패키지 설치 NestJS에서 EJS를 사용하려면 관련 패키지를 설치해야 합니다. npm install ejs --save 3. 메인 파일 수정 main.ts.. 2024. 1. 4.
MySQL 저장된 시간이 JavaScript에서 조회한 시간 다를 때 해결 방법 MySQL 저장된 시간이 JavaScript에서 조회한 시간과 다를 때 해결 방법 MySQL에 저장한 시간을 JavaScript에서 조회할 때 다르게 나타는 문제가 발생하였습니다. 이번 글에서는 MySQL에 저장된 시간과 JavaScript 시간대가 다른 이유와 해결 방법에 대해 소개하겠습니다. MySQL시간 JavaScript에서도 맞추려면 문제 상황 MySQL 데이터에는 Fri Dec 29 2023 00:00:00 GMT+0900 (한국 표준시)와 같이 저장되어 있지만 JavaScript에서 이를 조회하면 2023-12-28T15:00:00.000Z와 같이 시간이 변경된다는 문제가 발생합니다. 이는 MySQL과 JavaScript 간의 시간대 차이 때문에 발생하는 문제입니다. 문제 해결 방법 이러한 .. 2024. 1. 3.
JavaScript 함수에서 forEach와 return 사용 시 주의사항, 해결방법 JavaScript 함수 에서 forEach와 return 사용 시 주의사항, 해결방법 코드 내에서 JavaScript의 forEach 함수를 사용하면서 반복을 돌면서 특정 조건에 따라 함수를 종료하고 싶은 상황을 마주했습니다. 하지만 forEach 함수 내부에서 사용한 return은 예상대로 동작하지 않았습니다. 이 글에서는 forEach문이 return을 하지 못하는 이유와 해결방법에 대해 소개해드리겠습니다. ForEach 안에서는 return이 안 된다 forEach와 return의 동작 forEach 함수는 반복 중간에 return을 사용하더라도 해당 return이 forEach 함수 자체를 종료하는 것이 아니라 내부 반복문만 종료하고 다음으로 넘어갑니다. 이는 함수 자체의 반환값에는 영향을 주지.. 2024. 1. 2.
JavaScript 이벤트 핸들러 쉽게 사용하기, 구문, 활용, 예제 코드 JavaScript 이벤트 핸들러 쉽게 사용하기, 구문, 활용, 예제 코드 JavaScript에서 이벤트 핸들러는 웹 애플리케이션에서 사용자와 상호작용하고 동적인 동작을 제어하는 핵심 개념 중 하나입니다. 이 글에서는 JavaScript 이벤트 핸들러의 기본 개념과 사용법에 대해 자세히 알아보겠습니다. 각 단계에서 예시 코드를 제공하여 개념을 더 잘 이해할 수 있도록 도와드리겠습니다. 이벤트 핸들러란 무엇인가? 이벤트 핸들러는 웹 페이지에서 발생하는 다양한 상황 또는 "이벤트"를 감지하고 이에 대응하여 특정 동작을 수행하는 JavaScript 함수입니다. 이벤트 핸들러의 기본 구문 이벤트 핸들러는 HTML 요소에 JavaScript 함수를 연결하는 방법입니다. 다음은 이벤트 핸들러의 기본 구문입니다. e.. 2024. 1. 1.

티스토리툴바