본문 바로가기

TIL&WIL49

241213 TIL - 개인과제01, 음수인덱스 개인과제) 오늘 한 작업Commit01 : [add] 이미지 파일 추가[add] 1. 플레이어, 장애물, 아이템 이미지 추가  Commit02 : [add] Boss 추가 [fix] 게임 요소들 조정[add] 1. Boss.js 파일 추가 - Boss 클래스 관리 위함 - 필요 속성들 조정 2. 이미지 추가 - Boss 및 Backgroud 이미지 - 수정된 작은 제리 이미지 [fix] 1. Boss 추가에 따른 요소들 조정 - index.js에서 Boss 관련 변수 추가, 인스턴스 생성, 메서드 실행 등 추가 2. 게임 요소들 속성 조정 - 등장 위치 및 크기 조정  Commit03 : [add] Stage 클래스 추가 [fix] 관련요소 수정[add] 1. Stage.js 파일 생성 - Stage 클.. 2024. 12. 13.
241212 TIL - 개인과제 기획 개인 과제 기획 러프: 플레이어는 Tom, 보스는 Jerry, 쫓아오는 제리를 피해 도망가는 컨셉: 도망을 방해하는 장애물들이 존재하고, 아이템을 통해 점수를 얻거나, 도망에 이로운 효과 받음: 이미지 파일을 어찌 할지 고민이다... 기존 파일 편집하는 게 사이즈 안 망가지고 좋을 거 같긴 한데  : 점프 말고, 방향키로 조작, 상하 조작만 가능: 장애물 아래, 위, 중간 안전 나오고, 부딪히면 게임 오버가 아니라 잠시 감속: 뒤에서 뭐가 쫓아오고, 얘에 부딪히면 게임오버: 스테이지는 시간 경과에 따라 바뀌는데, 스테이지 바뀔 때 화면에 1초 정도 "Stage N" 이런 메세지 띄우기코: 아이템 먹을 때마다 점수 획득, 아이템은 장애물 길 따라 생성: 5 스테이지 클리어 시 종료: 스테이지 오를 때마다 .. 2024. 12. 12.
241211 TIL - splice(), Node.js 내장 모듈, meta data, ESM, splice() 복기!!"배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경"주의!! 새로운 배열을 반환하는 slice()와 달리, splice()는 기존 배열 건드리는 거임!!/* 기본구조 */arr.splice(start[, deleteCount[, item1[, item2[, ...]]]])/* 예시 */arr.splice(2,3,"a","b","c");// arr 배열에서 2번 인덱스부터 3개 요소 제거 후, // 2번 인덱스 위치부터 "a", "b", "c"를 순서대로 삽입start - 배열 변경을 시작하는 인덱스- start의 절대값이 배열의 길이보다 크면 강제로 0번 인덱스부터 시작!deleteCount- 제거할 요소의 개수, 삽입만 하고 싶으면 얘를 0으로!!-.. 2024. 12. 11.
241210 TIL - Promise.all, 터미널기본명령어, UTF, 트러블슈팅 Promise 기본구조 복습 (베이직반 염탐)const openBox = new Promise((resolve, reject) => { setTimeout(() => { const success = Math.random() > 0.5; if (success) { resolve("성공"); } else { reject("실패"); } }, 2000); // 2초 후에 결과 공개});// 보물 상자 열기 실행openBox .then((message) => { console.log(message); // "성공" }) .catch((error) => { console.log(error); // "실패" });상자를 2초 뒤에 여는데, 50% 확률로 성공하거나 실패함. op.. 2024. 12. 10.
241209 TIL - 알고리즘 트러블슈팅(sort와 forEach 관련) 알고리즘 트러블슈팅오늘은 알고리즘 문제를 풀며 마주했던 오류와 이 넘을 해결했던 과정을 간단히 정리해보자! 이 함수는 두 숫자로 이루어진 배열들을 요소로 갖는 배열을 매개변수로 받는다!두 숫자로 이루어진 배열을 아들배열, 얘네를 가진 배열을 엄마배열이라 해보자!아들배열의 두 숫자는 직사각형의 너비와 높이고, 우리는 아들배열들의 너비와 높이들을 비교해 각각의 최댓값의 곱을 구해야한다! 근데 직사각형을 돌릴 수가 있어서, 너비와 높이가 변할 수 있음! 그래서 우선 아들 녀석들을 모두 sort() 메서드를 통해 정렬해주고,  왼쪽 아들, 즉 0번째 인덱스 값을 widths란 배열에, 오른쪽 아들 1번째 인덱스 값을 heights 배열에 넣어줬다!그리고 각 배열에서 최댓값을 찾고, 두 녀석을 곱해서 해피 엔딩이.. 2024. 12. 9.
7조 KPT 회고 [ KEEP ]1. 활발한 소통편안히 마이크를 킬 수 있는 팀 분위기 덕에, 오류 상황 실시간 공유 잘 됐고, 미진한 부분에 대한 도움 요청 및 지원도 잘 됐다!2. 건강한 피드백제안자는 수정이 필요한 이유를 예의있게 상세히 설명했고, 수용자는 이에 불만 가지지 않고 성실한 태도를 보임으로써불화 없이 건강한 의견 교류가 가능했다!3. 유동적인 분업능동적으로 업무를 가져감으로써 손이 남는 일이 없었고, 담당한 기능은 모두가 책임감 있게 완성해서, 다른 팀원이 두번세번 일하는 일이 없었다!4. 다양한 시도기존 지식 그대로 활용하기 보단, 더 나은 방법이 있는 지 적극적으로 공부해 코드의 효율성을 증진시킬 수 있었다!5. 최고의 단합력정규 회의 시간 엄수는 물론, 전원이 높은 참여도를 보여주었다! 적당한 사담.. 2024. 12. 9.