일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- router
- pm2
- html5
- Prisma
- 자바스크립트
- 더 흔한 색칠 타일 문제
- ucpc 2023 예선 d번
- 백준 28303번
- 그리디
- ccw 알고리즘
- 백준 32028번
- Express.js
- insomnia
- ucpc 2023 예선 i번
- branch
- 백준 32029번
- HTTP
- PROJECT
- MongoDB
- JavaScript
- Next
- ucpc 2024 예선 e번
- localstorage
- ERD
- 지금 자면 꿈을 꾸지만
- string
- MySQL
- 게임 서버 아키텍처
- Github
- map
- Today
- Total
목록내일배움캠프/Project (10)
dh_0e
Miro: 협업할 때 팀원들끼리 와이어프레임 제작, 프로젝트 관리, 디자인 등을 함께 할 수 있는 작업 공간을 제공한다. 가입하기 | Miro | 혁신을 위한 시각적 작업 공간Miro는 팀이 프로젝트를 관리하고, 제품을 디자인하고, 미래를 함께 만들어가는 혁신을 위한 시각적 작업 공간입니다. 전 세계 6천만 명 이상의 사용자와 함께하세요.miro.com dbdiagram: DBML 형식 코드를 입력하면 자동으로 ERD를 생성해준다. DBML 형식이 아닌 코드는 ChatGPT가 바꿔준다. dbdiagram.io - Database Relationship Diagrams Design Tool dbdiagram.io GitHub Project 관리: 프로젝트를 기능들로 나누고 이를 이슈로 또 한 번 나..
내배캠 5번째 프로젝트는 4번째 프로젝트를 더욱 고도화 시키는 작업이다.마찬가지로 Node.js와 express를 사용하지만 mongoDB를 사용했던 저번 과제와 달리,Prisma로 MySQL을 이용하게끔 코드를 수정하며 데이터베이스 2개로 진행해야 했다.필수 및 도전 과제의 내용으론 로그인/회원가입, 회원 인증 미들웨어, 에러 처리 미들웨어, 아이템 구매/판매, 인벤토리 조회 기능을 추가해야 했으며, 모두 구현한 뒤 아이템 타입(장착 위치)을 추가하여 캐릭터가 아이템을 착용할 때 모자, 갑옷, 바지, 악세서리, 무기 등 타입 별로 하나의 아이템만 장착할 수 있게 제작하였다.필수 요구 사항 및 도전 요구 사항더보기0️⃣ 필수 요구 사항: 프로젝트 관리.env 파일을 이용해서 민감한 정보(DB 계정 정보,..
내배캠 4번째 프로젝트부터 본격적으로 백엔드와 게임 서버반으로 분반되어 진행되었다.Node.js와 express를 사용하여 캐릭터, 아이템의 CRUD와 상호작용을 구하는 개인 프로젝트를 진행하였다.필수 요구 사항은 다음과 같다.더보기🚩 필수 요구 사항0️⃣ 필수 요구 사항: 프로젝트 관리.env 파일을 이용해서 민감한 정보(DB 계정 정보, API Key 등)를 관리합니다..gitignore 파일을 생성하여 .env 파일과 node_modules 폴더가 Github에 올라가지 않도록 설정합니다..prettierrc 파일을 생성하여 일정한 코드 포맷팅을 유지할 수 있도록 설정합니다.1️⃣ 필수 요구 사항: AWS EC2 배포여러분의 완성된 프로젝트를 **AWS EC2**에 배포해주세요!배포된 IP 주소를..
내배캠 3번째 프로젝트는 팀 프로젝트로 이 전에 개인 프로젝트를 팀원들끼리 공유하여 한 프로젝트를 선정하여 발전 시키는 것이다. 우리 팀에선 디자인은 평범하지만 코드가 깔끔한 내 작업물로 진행하기로 했으며, 자연스럽게 내가 팀장을 맡게 되었다. 팀장 역할은 처음이었으며, 프로젝트에 대한 책임감이 많이 올라가 더욱 열심히 했던 것 같다.프로젝트에 추가해야될 필수 요구사항과 선택 요구사항은 다음과 같다.더보기필수요구사항[1] TMDB 또는 영화진흥위원회 오픈 API 이용(택 1 또는 중복 사용)영화진흥위원회 오픈APITMDB, 영화진흥위원회 오픈 API 모두 사용 가능합니다.둘 중 한가지만 사용하여도 무방합니다.기존에 TMDB를 이용해 작성한 과제에 어떻게 적용해야 하나요?안1) 기존 과제의 UI 및 API..
내배캠 2번째 프로젝트를 진행했다. 첫 번째는 팀으로 진행되는 미니 프로젝트였는데 처음 해보는 프로젝트라 정신이 없어 서로의 코드를 설명하는 시간도 가지지 못하여 정리가 되지 않아 포스팅하지 못했다.. 과제 설명이번 프로젝트는 개인 프로젝트로 영화정보 오픈 API인 TMDB를 사용하여 영화 검색 사이트를 제작하는 것이었다.특이한 점은 jQuery 라이브러리를 사용하지 않고 순수 바닐라 자바스크립트만으로 구현하는 것이었고, 학습해온 자바스크립트 문법을 최대한 활용하여 영화 리스트 조회 화면과 검색 UI를 구현하는 것이었다.필수 요구사항은 다음과 같다.더보기필수요구사항[1] jQuery 라이브러리 사용없이 순수 바닐라 자바스크립트 사용하기JavaScript 문법 종합반에서 학습한 내용과 지난 예제문제를 참..