우당탕탕 기술블로그

목차 1. 프로모션 구현 목록 2. 폴더 구조 3. 테스트 케이스 목록 4. 테스트 결과 5. 느낀점 5.1. 객체지향 프로그래밍 적용하기 5.2. 클래스와 객체 리터럴 차이 GitHub - hyzzzzy/javascript-christmas-6-hyzzzzy Contribute to hyzzzzy/javascript-christmas-6-hyzzzzy development by creating an account on GitHub. github.com 🎄 프로모션 구현 목록 방문 날짜 입력 및 유효성 검사 1 이상 31 이하의 숫자가 아닌 경우 (추가) 자연수가 아닌 경우 ⇒ 예외 발생 후 재입력 주문할 메뉴, 개수 입력 및 유효성 검사 메뉴판에 없는 메뉴를 입력한 경우 메뉴의 개수를 1 이상의 숫자로..

목차 1. 로또 코드 구조 2. 구현 기능 목록 3. 테스트 케이스 목록 4. 느낀점 4.1. 경험에 따라 테스트 케이스 생각하기 GitHub - hyzzzzy/javascript-lotto-6 Contribute to hyzzzzy/javascript-lotto-6 development by creating an account on GitHub. github.com 🎰 로또 코드 구조 로또 구입 금액 입력 로또 구입 금액 유효성 검사 발행한 로또 수량 출력 발행한 로또 번호 출력 당첨 번호 입력 당첨 번호 유효성 검사 보너스 번호 입력 보너스 번호 유효성 검사 당첨 결과 계산 당첨 통계 출력 총 수익률 계산 총 수익률 출력 🎰 구현 기능 목록 입력 함수 출력 함수 유효성 검사 함수들 숫자로 이루어져 있..

목차 1. 자동차 경주 코드 구조 1.1. 게임 시작 1.2. 게임 진행 1.3. 게임 종료 1.4. 폴더 구조 2. 구현 기능 목록 3. 테스트 케이스 목록 4. 테스트 결과 5. 느낀점 5.1. 드디어 jest로 단위 테스트를 적용하다 5.2. 오늘도 관심사 분리하기 GitHub - hyzzzzy/javascript-racingcar-6 Contribute to hyzzzzy/javascript-racingcar-6 development by creating an account on GitHub. github.com 🏎️ 자동차 경주 코드 구조 1.1 게임 시작 경주할 N대의 자동차 이름 입력 이름 유효성 검사 시도할 횟수 입력 횟수 유효성 검사 1.2. 게임 진행 1대마다 랜덤값을 부여 랜덤값이 4..

목차 1. 숫자 야구 게임 로직 1.1. 게임 시작 1.2. 게임 진행 1.3. 게임 종료와 재시작 1.4. 폴더 구조 2. 구현 기능 목록 3. 테스트 결과 4. 느낀점 4.1. 관심사 분리의 어려움 4.2. 리팩토링 진행 4.3. JSDoc 사용 4.4. 상수 관리 시 Object.freeze() 사용 GitHub - hyzzzzy/javascript-baseball-6 Contribute to hyzzzzy/javascript-baseball-6 development by creating an account on GitHub. github.com ⚾ 숫자 야구 게임 로직 1.1. 게임 시작 게임 시작 문구 출력 랜덤 숫자 제작 1.2. 게임 진행 사용자 입력 받기 유효성 검사 (숫자가 올바르게 입력..

목차 1. 프로젝트 개요 2. 프로젝트 진행 과정 3. 프로젝트를 통해 배운 점 4. 프로젝트를 진행하며 아쉬운 점 5. 프로젝트 결과 6. 마치며 🧊 프로젝트 개요 📖 프로젝트 목표 모프는 누구나 스터디 및 프로젝트를 함께 할 팀원을 모집하고, 참가할 수 있고, 열심히 완성한 프로젝트를 자랑할 수 있도록 플랫폼을 구축하려고 한다. 또한, 통일성있는 스타일과, 쉽고 간편한 상호작용을 통해 사용자에게 최선의 UX/UI와 모바일 사용자를 위한 반응형 페이지를 제공한다. 진행 기간 2023년 5월 29일 ~ 2023년 6월 22일 (4주) 팀 구성 Front-End: 6명, Back-End: 1명 기술 스택 React, TypeScript, Recoil, Sass, Node.js, Expree.js, MySQ..

목차 1. 프로젝트 개요 2. 프로젝트 진행 과정 3. 프로젝트를 통해 배운 점 4. 프로젝트 결과 5. 마치며 🤖 프로젝트 개요 📖 프로젝트 목표 그리다는 사용자와 대화하며 하루의 기분을 파악하여 그에 맞는 그림을 그려주는 AI 채팅 웹사이트이다. 원하는 컬러와 화풍을 선택하고 10번의 대화를 진행 후에 멋진 그림을 탄생시켜서 사용자에게 매일 그림 선물을 해준다. 진행 기간 2023년 5월 8일 ~ 2023년 5월 26일 (15일) 팀 구성 Front-End: 3명, Back-End: 3명 기술 스택 React, TypeScript, SCSS, Node.js, Expree.js, MongoDB, AWS 프로젝트에서 담당한 기능 (Front-End) Open AI 채팅 기능 구현 대화 요약 후 이미지 생..

목차 1. 프로젝트 개요 2. 프로젝트 진행 과정 3. 프로젝트를 통해 배운 점 4. 프로젝트를 진행하며 아쉬운 점 5. 프로젝트 결과 6. 마치며 📗 프로젝트 개요 📖 프로젝트 목표 Refresh Bookstore는 개발자와 개발을 공부하는 학생들이 IT 관련 서적을 구매할 수 있는 웹사이트이다. 개발 공부를 시작하기 위해, 새로운 언어와 지식을 배우기 위해, Refresh하기 위해 책을 구매할 수 있는 곳을 제작하게 되었다. 진행 기간 2023년 4월 17일 ~ 2023년 4월 28일 (10일) 팀 구성 Front-End: 3명, Back-End: 2명 기술 스택 VanillaJS, Node.js, Express.js, MongoDB, Docker, PM2 프로젝트에서 담당한 기능 (Front-End..