티스토리

news0516 님의 블로그

검색하기

블로그 홈

news0516 님의 블로그

news0516.tistory.com/m

news0516 님의 블로그 입니다.

구독자: 0

방명록 방문하기

주요 글 목록

내일배움캠프 16주차 화요일 TIL 2025년 2월 11일 오후회의기획 단계에서 웹 소켓을 활용한 마피아 프로젝트를 그대로 할 것인지 아니면 턴 제 게임을 할 것인지 고민했고 어렵지만 다양한 기능들을 활용할 수 있는 마피아 게임을 하기로 결정했다.그리고 이번 주에는 프로젝트에서 활용될 도커, 레디스, 소켓 등등을 혼자 자습해 알아오기로 약속했다.마피아 프로젝트에 대한 ERD 를 작성하며 마무리했고 연결 관계가 잘 됐는지는 내일 다시 튜터님에게 확인해야겠다.저녁회의마피아 프로젝트에 관한 API를 세분화 시키고 배정하여 작성했다. 공감수 0 댓글수 0 2025. 2. 11.
내일배움캠프 15주차 금요일 TIL Today I Learned오늘은 프로젝트 진행 중 여러 상황을 겪으면서 중요한 교훈을 얻었다.잦은 푸쉬와 테스트의 중요성전날 개인 브랜치에서 충분히 테스트한 코드가 dev 브랜치에 머지되자 전체 테스트가 실패하는 문제가 발생했다. 이 경험을 통해, 작은 변경이라도 자주 푸쉬하고 테스트를 진행해야 전체 시스템에 미치는 영향을 조기에 파악할 수 있다는 것을 배웠다.발표 및 프로젝트 준비의 체계적 관리 필요성간략한 발표 준비 후 발표를 진행했지만, 기술 선택의 이유와 시행착오에 대해 충분히 설명하지 못한 점이 아쉬웠다. 발표 준비에 충분한 시간을 할애하고, 왜 특정 기술이나 방법을 선택했는지 명확하게 전달하는 것이 중요하다는 것을 깨달았다.이 두 가지 경험을 바탕으로 앞으로는 더 자주, 더 꼼꼼하게 테스트하.. 공감수 0 댓글수 0 2025. 2. 7.
내일배움캠프 15주차 수요일 TIL 1. OOP 기본 개념 이해 1.1. 객체 (Object) 현실 세계의 물체나 개념을 소프트웨어로 표현한 것. 예시: 자동차, 사람 등.1.2. 클래스 (Class) 객체를 생성하기 위한 설계도. 객체의 속성과 메서드를 정의. 예시: class Car { ... }1.3. 속성 (Attribute) 객체가 가지는 데이터. 객체의 상태를 나타냄. 예시: 자동차의 색상, 속도.1.4. 메서드 (Method) 객체가 수행할 수 있는 행동. 객체의 기능을 정의. 예시: start(), stop() 같은 함수.더보기클래스 (Class): 공장객체 (Object): 자동차속성 (Attribute): 자동차의 특성(색상, 모델, 연비 등)메서드 (Method): 자동차의 기능(시동, 가속, 제동 등)OOP를 적용하는.. 공감수 3 댓글수 0 2025. 2. 6.
15주차 내일배움캠프 화요일 TIL 1. CI(Continuous Integration)란?개념:개발자가 코드를 변경하여 커밋하거나 푸시할 때마다 자동으로 빌드, 의존성 설치, 린트 검사, 테스트 실행 등 일련의 검증 과정을 수행하는 시스템이다. 수행 트리거는 yml 파일 내에서 설정할 수 있다.실행 방식:GitHub Actions와 같은 도구를 사용하면, 커밋(push) 또는 풀 리퀘스트(PR) 이벤트가 트리거될 때 미리 작성된 워크플로우(예: ci.yml) 파일에 따라 작업들이 자동으로 실행된다.결과 처리:만약 린트 검사나 테스트 등에서 문제가 발생하면, 해당 단계에서 오류가 발생하여 전체 CI 파이프라인이 실패하게 됩니다. 이는 보통 브랜치 보호 정책을 통해 PR 머지가 진행되지 않도록 하여, 문제를 해결한 후에야 코드가 통합되도록 .. 공감수 2 댓글수 0 2025. 2. 4.
내일배움캠프 15주차 월요일 TIL NestJS TrelloProject 컨트롤러, 서비스 테스트 파일 구성> jest, @nestjs/testing 모듈 사용1. lists.controller.spec.ts 구성 컨트롤러 테스트 > 컨트롤러가 요청을 받았을 때 서비스의 메서드를 올바르게 호출하는 지, 올바른 결과를 반환하는지 검증해야함Jest 문법1. describe() 함수관련된 테스트 케이스들을 그룹화하는데 사용. 첫 번째 인자는 테스트그룹 명칭 문자열, 두 번째 인자는 해당 그룹에서 실행해야할 텟스트 케이스를 정의한 함수 describe('ListsController', () => { // 여기에 ListsController 관련 테스트 케이스 작성});2. it 메서드test() 함수와 함께 특정 개별 테스트 케이스를 정의하는데.. 공감수 0 댓글수 0 2025. 2. 3.
내일배움캠프 14주차 금요일 TIL 금일은 리스트 기능의 API 테스트를 진행하였다.1. 리스트 생성속한 Board는 이미 생성되어 있을것이기 때문에, 클라이언트에서 보드에 대한 BoardId를 전달해주는 것을 상정하고 진행하였다. 2. 리스트 업데이트리스트에서 수정할 수 있는 텍스트는 타이틀이 유일하므로, 앞서 서술한 BoardId와 함께 수정할 타이틀을 클라이언트로 부터 전달 받는다.3. 포지션 업데이트 클라이언트에서 사용자의 포지션 변경 요청에 따른 최종 위치를 lists 배열로 전달해주는 것을 상정하고 진행하였으며, BoardId와 position 값 조합의 고유성을 지키기 위한 유효성 검증을 추가하여 진행하였다. 유효성 검증 리스트1. 전달받은 리스트와 db에 속한 리스트 개수가 같은지2. 전달받으 리스트들의 id가 실제로 지정.. 공감수 0 댓글수 0 2025. 1. 31.
내일배움캠프 13주차 금요일 TIL 전체적인 엔티티 관계 오류 수정 후 스네이크 네이밍 전략까지 적용한 폴더를 dev에 업로드 한후 각자 dev를 소스로 개인 브랜치를 생성하여 작업을 진행하였다.내가 맏은 list 기능 구성을 위해, 먼저 list 엔티티를 참고하였다.// listimport { Board } from 'src/boards/entities/board.entity';import { Card } from 'src/cards/entities/card.entity';import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne, OneToMany, JoinColumn,} from 'typeorm';@Entity.. 공감수 0 댓글수 0 2025. 1. 24.
내일배움캠프 13주차 목요일 TIL 오늘은 트렐로 팀 프로젝트 API 명세서 작성, NestJS 기본 디렉터리 구조 구성, 엔티티 파일 구성을 진행하였다.CLI 명령어(nest g module, nest g controller, nest g service 등)을 활용하여 폴더/파일을 자동생성하였고 src 폴더 내에 기능별로 폴더가 추가될 예정이다.엔티티 작성기존 작성한 ERD를 피드백 받은 후 db테이블 구조를 적용하기 위한 엔티티 파일을 작성하였다.@Entity 데코레이터로 어떤 테이블에 매핑할 지, @PrimaryGeneratedColumn(), @Column()으로 어떤 컬럼을 가질지 지정할 수 있었다.// trelloProject/src/users/entities/user.entity.tsimport { Entity, Prim.. 공감수 0 댓글수 0 2025. 1. 23.
내일배움캠프 13주차 화요일 TIL 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다.function solution(n, m) { let arr = []; // 유클리드 호제법을 통해 최대공약수를 구하는 함수 function gcd (n, m) { if (m === 0) return n; return gcd(m, n % m); } // 두 수의 곱을 최대공약수로 나누면, 최소공배수를 구할 수 있음 function lcm (n, m) { .. 공감수 8 댓글수 1 2025. 1. 21.
내일배움캠프 12주차 금요일 TIL 오늘 프로젝트를 완료하였다.3계층 아키텍처 이해가 API 설계를 수월하게 만들었지만 의사소통 부재가 곧 기능 누락으로 이어진다는 교훈을 얻었다앞으로는 팀원들이 어떤 기능을 어느 정도까지 진행하고 있는지 주기적으로 체크해야겠다고 다짐했다. 프로젝트에서 3계층 아키텍처를 적용해보면서 레이어별 역할과 책임이 명확해져서 API 설계에 자신감을 얻었다.코드 흐름을 파악하기 훨씬 쉬워졌고, 협업에도 큰 도움이 되었다고 느꼈다. 공감수 0 댓글수 0 2025. 1. 17.
내일배움캠프 12주차 목요일 TIL 내가 작성한 리뷰 API 정리Repository (데이터 접근 계층)Prisma ORM을 통해 DB와 직접 통신하는 계층입니다.주로 findMany, findUnique, create, update, delete 같은 메서드를 통해 리뷰를 CRUD(조회/생성/수정/삭제) 합니다.비즈니스 로직 없이 쿼리만 담당하며, 결과를 반환해 줍니다.Service (비즈니스 로직 계층)Repository를 주입받아, 유효성 검사와 비즈니스 규칙을 처리합니다. 예:별점이 1~5 범위인지 검사중복 리뷰(결제 건당 1개) 여부 확인정렬(최신순) 등 추가 로직필요한 로직을 수행한 후, Repository를 호출하여 DB에 접근하고, 결과값을 가공해 Controller로 전달Controller (프레젠테이션 계층)Express.. 공감수 2 댓글수 0 2025. 1. 16.
내일배움캠프 12주차 수요일 TIL restaurantId를 통해 restaurantName을 전달하는 API를 추가로 구성하여 내 리뷰 페이지에서 호출하였다.어제 적용한 수정 API에 이어서 삭제 API 호출 후, 삭제 버튼에 실행되도록 진행항여 db에 의도한대로 반영되는 것을 확인하였다. 공감수 0 댓글수 0 2025. 1. 15.
내일배움캠프 11주차 WIL 이번 주는 백오피스 프로젝트를 새롭게 시작하며, 3계층 아키텍처 구조를 학습하고 이를 프로젝트에 적용한 점이 가장 큰 성과였다. 특히 리뷰 CRUD API를 작성하며 각 계층의 역할을 명확히 이해하는 데 집중했다. 컨트롤러, 서비스, 리포지토리 계층 간의 유효성 검증 작업을 구분하며, 비즈니스 로직은 서비스 계층에 집중하고, 데이터베이스 검증은 리포지토리 계층에서 처리하도록 설계했다. 이러한 구조는 코드의 가독성과 유지보수성을 높이는 데 큰 도움을 줬다.또한, 실시간 알림 기능을 구현하기 위해 웹소켓(Socket.IO)을 활용했다. 초기에는 서버와 클라이언트 간 데이터 흐름이 낯설었지만, 테스트용 HTML 파일과 임시 코드를 작성하며 점차 이해할 수 있었다. 이를 통해 주문 현황을 실시간으로 업데이트하는.. 공감수 0 댓글수 0 2025. 1. 10.
내일배움캠프 11주차 금요일 TIL 웹소켓을 통한 실시간 알림을 위해 서버 측 웹소켓 구성과 임시 html파일을 구성 후 테스트하였다.import express from 'express';import dotenv from 'dotenv';import cookieParser from 'cookie-parser';import { Server } from 'socket.io';import http from 'http'; // Node.js 기본 내장 모듈import cors from 'cors'; // CORS 모듈 import 추가import fs from 'fs/promises'; // 파일 시스템 모듈로, Promise 기반으로 파일을 읽고 쓸 수 있게 해줌...// express 객체 생성const app = express();// ex.. 공감수 0 댓글수 0 2025. 1. 10.
내일배움캠프 11주차 목요일 TIL 오늘 3계층 코드를 완성하고 API 테스트까지 완료하였다.추후 변경될 여지가 있지만 일단 대부분의 유효성 검사를 서비스 계층에 몰아 작성되는 것을 기준으로 완성시켰다.// src/repositories/reviews.repository.jsimport { prisma } from '../utils/prisma/index.js';class ReviewsRepository { #orm; constructor(orm) { this.#orm = orm; } // 음식점 별 리뷰 findALLReviewByRestaurantId = async (restaurantId) => { const resReviews = await this.#orm.review.findMany({ where: .. 공감수 1 댓글수 0 2025. 1. 9.
내일배움캠프 11주차 수요일 TIL 어제 작성한 reviews.repository.js를 프로젝트에서 팀원들끼리 정한 형식에 따라 변경하였다.// src/repositories/reviews.repository.jsimport { prisma } from '../utils/prisma/index.js';class PostsRepository { #orm; constructor(orm) { this.#orm = orm; } findAllReviews = async () => { // ORM인 Prisma에서 review 모델의 findMany 메서드를 사용해 데이터를 요청합니다. const reviews = await this.#orm.review.findMany(); return reviews; }; fin.. 공감수 0 댓글수 0 2025. 1. 8.
내일배움캠프 11주차 화요일 TIL 금일은 베이직반 수업을 통해 3) 3계층 아키텍처 (3-Layered Architecture)의 구조, 구현 순서에 대해 학습하였다.이를 프로젝트에 적용하기로 회의하였고 이후 남은 SA작성과 피드백을 통해 API 명세서, ERD를 수정하였다.이번 프로젝트에서 일단 첫번째로 리뷰 CRUD 기능 개발을 맏고, 프로젝트에 적용하기로 한 계층형 아키텍처 패턴 (Layered Architecture Pattern)을 구성하기 전에 이전에 하던 방식대로 CRUD API를 먼저 구성하였다.import express from 'express';import { prisma } from '../uts/prisma/index.js';import authMiddleware from '../middlewares/auth.mid.. 공감수 0 댓글수 0 2025. 1. 7.
내일배움캠프 10주차 목요일 TIL 뉴스피드 프로젝트 kpt 회고keep뉴스피드 프로젝트이지만 실시간 채팅, Open API 활용 등 이전에 시도하지 않았던 기능들을 구현해서 좋았다추가적인 기능구현에 도전적으로 임하는 자세Problem필요한 서버측 Api나 통신을 위한 서버 app.js 구성을 주도하긴 했지만 너무 프론트 위주로 했다는 생각이 있다.ERD 구성에 신경을 그렇게 쓰지 않았는데, 작업중 모델, 컬럼 구조 때문에 문제가 많았다.Try프론트를 많이 하다보니 AI에 더 의존하게된 것 같아 AI를 덜 사용하고 서버측 코드 구성해 집중해보고 싶다.ERD등 프로젝트 초반 아이디어 정리나 구조 설정에 더욱 집중할 필요가 있을 것 같다. 공감수 0 댓글수 0 2025. 1. 2.
내일배움캠프 9주차 목요일 TIL 로그인, 회원가입 페이지의 js, css 파일 수정한 후 유저 로그인, 회원가입 라우터와 연계하여 프론트엔드에서 테스트 완료.HTML 요소의 ID가 잘못 사용되어 발생한 문제를 해결하기 위해 ID를 수정하였다하나의 라우터를 합치는 과정에서 오류 메시지를 통해 문제를 진단하고, 코드에서 어떤 부분이 잘못되었는지를 파악하는 방법을 익혔다. 공감수 0 댓글수 0 2024. 12. 26.
내일배움캠프 9주차 화요일 TIL 내가 프로젝트 중 맏은 실시간 채팅 기능은 일단 기본적인 프론트엔드 구성 후 반응을 확인하는 방식으로 진행하였다.웹 소켓을 통해 클라이언트와 서버 간의 실시간 양방향 통신이 가능하므로 다른 깃허브를 참고하여 실시간 채팅서버를 구현하였다.socket.emit 메서드를 통해 서버에 이벤트를 전송하고, socket.on 메서드를 통해 서버로부터의 메시지를 수신하는 방식으로 채팅기능이 구현된다.웹에 연결되자마자 닉네임을 적고 채팅에 참여하는 형태였기 때문에 채팅 참여 버튼을 만들고 클릭 시 채팅에 참여할 수 있도록 script.js를 수정하였다.const socket = io();document.addEventListener("DOMContentLoaded", () => { /* 채팅에 들어가기 버튼 클릭 시.. 공감수 0 댓글수 0 2024. 12. 24.
내일배움캠프 8주차 금요일 TIL 금일엔 리얼타임과제를 제출하고 해설영상을 참고해 어떤 부분이 부족하였는지 알 수 있었다.검증 과정에서 실시간으로 획득하는 점수에 대한 부분을 제대로 구성하지 못한 것 같다.또한 이전 프로젝트 처럼 배포에 어려움이 있어 이전 강의 내용을 다시 한번 찾아봐야 할 것같다.다음주에는 결정한 웹서버 프로젝트가 시작되어 팀이 바뀌게 되므로 새로운 강의에 집중할 예정. 공감수 0 댓글수 1 2024. 12. 20.
내일배움캠프 8주차 목요일 TIL 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다.function solution(s) {// 짝수인경우 가운데 2글자// 홀수인경우 가운데 1글자if (s.length%2===0) {return s.substr(s.length/2-1, 2 )} else {return s.charAt(Math.floor(s.length/2))}}str.substr( start, length )substr( ) 의 가장 큰 차이점은 두번째 인자가 끝점의 Index가 아니라 '시작점부터 출력할 문자열의 길이' 라는 점이다.String.charAt(Index)는 문자열에서 Index에 해당하는 문자 1개를 리턴합니다. 따라서, 특정 Index의 .. 공감수 0 댓글수 0 2024. 12. 19.
내일배움캠프 7주차 금요일 TIL 이전에 강의를 통해 기본 세팅한 코드에 문제가 생겼다.그래서 내친김에 다시 강의와 자료를 참고하여 처음부터 다시 구성하였다.이 와중에도 서버 실행시 생기는 오류, 서버 실행 후 잠시 뒤 서버가 멈추는 오류를 고쳤다.오류메시지와 DinoGame 웹에 콘솔창을 확인하며 어찌저찌 오류없이 서버가 실행되도록 마무리를 했다.이 과정에서 콘솔창과 터미널을 확인하며 어떤 부분을 수정했을 때 어떤 반응이 있는지 확인해보았다.웹을 처음 열게임 시작 시 메시지를 gamestart에서 고칠 수 있었다.웹에 처음 들어가면 uuid가 표시되고, 새로고침 시 마다 갱신되는 것을 확인하였다.이후 100점에 도달 시 stage가 변경되는 것을 확인했다.다만 100점을 처음 넘었을때만 해당 메시지가 출력되고, 이후로는 발생하지 않는다.. 공감수 0 댓글수 0 2024. 12. 13.
내일배움캠프 7주차 목요일 TIL 코드카타0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요.function solution(numbers) {// 배열에서 없는 수만 찾아 배열로 만들고, 그 배열의 합을 구하거나// 0~9까지의 합 46 에서 numbers 배열 합 빼기// 아래가 더 쉬워보임const sum = numbers.reduce((first, current) => {return first+current})return 45-sum;}최근 진행한 코트카타에서 학습한 리듀스 메서드를 활용해 비교적 쉽게 해결하였다.콜백함수 작성이 살짝 했갈릭긴 하나 참고하여 적용.. 공감수 0 댓글수 0 2024. 12. 12.
내일배움캠프 7주차 수요일 TIL 강의 내용 정리[게임서버개발 심화] 5. 서버 로직 개발1. 데이터 테이블 로드import loadGameAssets from './init/assets.js'; 이렇게 임포트했을때는,./init/assets.js 모듈에서 default로 내보내는(export) 항목이 없다는 오류가 발생하였다 이 문제를 해결하려면 ./init/assets.js의 loadGameAssets 함수가 default로 내보내야 한다.const loadGameAssets = async () => { // 함수 내용};export default loadGameAssets; // default로 내보내기혹은 임포트문을 이렇게 수정한다.import { loadGameAssets } from './init/assets.js';Def.. 공감수 1 댓글수 0 2024. 12. 11.
내일배움캠프 7주차 화요일 TIL 코드카타1. 음양 더하기각 배열(absolutes, signs)이 매개변수이다. 빈 배열 생성 후, absolutes의 요소들이 음수, 양수인지를 signs 배열의 boolean 타입 값으로 판단하여 새로운 값을 빈 배열에 푸쉬한다.- 음수일 때signs 요소가 false > 같은 인덱스 번호의 absolutes 요소에 -1 곱하여 음수로 만든 후 빈배열에 푸쉬- 양수일 때signs 요소가 false > 같은 인덱스 번호의 absolutes 요소 그대로 빈배열에 부쉬이후 반복문을 통해 배열의 합을 구한다function solution(absolutes, signs) { let list = []; for (let i=0; i정답이긴 했지만, map(), reduce()를 사용해 스스로 구성한 위.. 공감수 2 댓글수 1 2024. 12. 10.
내일배움캠프 7주차 월요일 TIL 지난주 주말까지 열심히 작업한 프로젝트를 오늘 발표회를 통해 공개하였다.발제를 더 정확히 참고하여 요구하는 점을 파악하고, 우리 팀의 강점을 위주로 발표해야하는 것을 배웠다.개발에 대부분의 시간을 사용하여 발표 준비를 비교적 덜하고 가벼운 마음으로 진행하였다. 때문에 발표부분에서 피드백이 많았던 것 같다.발표도 우리 프로젝트의 특성을 타인에세 효과적으로 알려야 하는 중요한 부분임을 상기하게 되는 계기가 되었다.이후 이번 프로젝트를 회고하였다.Keep - 현재 만족하고 있는 부분- 토큰 부분에 이전 프로젝트보다 발전된 형태로 개발하기 위해서 노력했고, 오류가 있었지만 마지막엔 기능 구현까지 잘 -되어서 보람을 느꼈다. - 보안에 대해 생각해볼 기회가 많아 배운점이 많다고 생각한다. - 팀작업인 만큼 팀에 .. 공감수 1 댓글수 0 2024. 12. 9.
내일배움캠프 6주차 금요일 TIL 프론트엔드 작업public/login, manager, ranking, signuphtml 파일 작업sign.router.js- 로그인 성공 시 로컬스토리지에 적절한 정보가 전달되는지 확인할 수 있었다. 로컬 스토리지에 저장 확인 과정을 통해 인증 과정이 적절히 진행되고 있음을 알 수 있었다. 공감수 1 댓글수 0 2024. 12. 6.
내일배움캠프 6주차 목요일 TIL 위와같은 프론트엔드 웹을 임시로 구성하였다.db에 존재하는 매니저 정보를 출력하고있다.회원가입을 통해 가입한 계정이 db에 정상적으로 반영되는것을 확인하였다.해당 로그인 페이지를 통해 매니저가 있다면 홈페이지로, 없다면 매니저 생성 페이지로 연결되도록 설정하였으나 아직 수정이 필요하다. 공감수 0 댓글수 0 2024. 12. 5.
내일배움캠프 6주차 수요일 TIL 각자의 작업을 Dev 에 합치는 작업을 진행하였다.- 내가 오늘 완성한 기능인증 미들웨어 로그인 성공시 엑세스 토큰(5m, 사용자에게 전달), 리프레시 토큰(7d, db에 저장) 생성, 이메일 정보 헤더에 저장해 전달 사용자의 요청과 함께 서버로 다시 전달된 엑세스 토큰 검증엑세스 토큰이 유효할 때jwt.verify를 통해 엑세스 토큰의 유효성 검사 유효한 경우 accountid를 조건으로, prisma.findFirst()를 통해 사용자 정보 조회 계정정보를 req.account에 저장하여 이후 API에서 사용할 수 있다엑세스 토큰이 만료되었을 때만료된 토큰이 아닌 이메일 정보 헤더의 이메일을 통해 accountid 도출 도출한 accountid로 리프레시 토큰 확인 2-1. 리프레시 토큰 유효 검증 .. 공감수 0 댓글수 0 2024. 12. 4.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.