본문 바로가기

TIL&WIL49

241227 TIL - 개인과제01 개인과제) 오늘 만난 문제 01. push가 안 됨 ㅋㅋ문제 발견  문제 발생 문제 발생!!! 이제 몬스터 생성을 하는 로직 같은 경우는, setInterval을 통해 임의로 지정한 시간 마다 spawn 함수를 실행하고, 그 함수에서 event 메세지를 보내 서버에서 검증을 하구, 그리고 유효한 데이터를 클라에 응답!! 클라는 응답받은 데이터를 통해 Monster 인스턴스를 생성하고, 생성된 인스턴스를 monsters 배열에 넣어준다!! 근데 문제는 넣어주는 부분에서 도통 push가 정상 작동을 하지 않는 것이다!! 사진은 monsters 배열을 출력해본 건데, 이상하게도 출력 당시엔 배열에 요소가 들어오지만, 이상하게도 길이가 0으로 찍히는, 즉 요소가 있는디 요소가 없다고 하는 이상한 현상이 발견되고.. 2024. 12. 27.
241226 TIL - 익명 함수 개인과제) 오늘 만난 문제매개변수가 필요한 함수 A를 인자로 받는 함수 B에서 함수 A에 매개변수를 어떻게 넣을 수 있을까?! 이벤트리스너의 콜백 함수로 타워를 설치하는 함수를 넣으려는 와중, 저 함수에 필요한 매개변수를 어떻게 넣어야하는지에 대해 고민이 되기 시작했다!! 만약 아래처럼, buyBlackButton.addEventListener("click", placeNewTower("pawn", "black")); 이렇게 해버린다면, 함수가 아니라 저 함수를 실행한 return 값이 매개변수에 들어가버리기 때문에, 원하는대로 작동하지 않을 것이고, 그렇다고 매개변수를 활용하지 않자니, 저렇게 세 번 재사용이 불가능한 상황이었다!! 해결 방식을 좀 서치해보고 고민해봤더니 익명 함수 또는 화살표 함수로 .. 2024. 12. 26.
241224 TIL - JSON.parse() JSON.parse()JSON.parse("{}"); // {}JSON.parse("true"); // trueJSON.parse('"foo"'); // "foo"JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]JSON.parse("null"); // nullJSON 문자열을 받아서 매치되는 자바스크립트 값으로 변환함!! 선택적으로 콜백함수 reviver를 받아서 반환할 값을 수정할 수 있다!!기본 구조JSON.parse(text[, reviver])text : JSON으로 변환할 문자열, 유효하지 않을 경우 SyntaxErrorreviver : 반환 전에 값을 변환하기 위한 콜백함수Reviver 주의사항콜백함수가 undefined를 반환하거나, 반환 값이 없으면 .. 2024. 12. 24.
241219 TIL - 개인과제04 개인과제) 그 동안 한 작업하루 지나서 쓰는 일기라는....[update] 유저정보 연동 구현 소켓 handshake 단계에서 클라의 localStorage에 uuid 존재하는지 확인, 없으면 새로 발급하고 있으면 기존 아이디 쓰도록 함 [fix] Disconnect 및 highScore 디스플레이 오류 해결 "disconnect" 메세지 수령 시 socket 찾지 못하던 오류 해결 클라 단의 highScore가 재접속 시에만 초기화되던 문제 해결 -> gameStart 시점마다 초기화되도록 수정[+] Redis 끄적이기가장 기본이 되는 get과 set 실습리스트 데이터 넣고 조회하기 위한 lpush, rpush, lrange 등 실습개인과제) 그 동안 만난 문제들1. disconnect 메세지를 어디.. 2024. 12. 20.
241218 TIL - reduce(), concat(), 개인과제03 reduce()배열의 모든 요소를 모아서 하나의 값으로 만들 때 사용!! 모든 요소를 더해서 누적합을 구할 수도 있고, 모든 요소를 모두 스캔한 후 가장 작은 값을 구할 수도 있음서로 다른 요소들의 각 개수를 세볼 수도 있고, "하나의 값"을 만든다는 것만 기억하면 활용도 매우 높은 메서드!!reducerreduce()의 콜백함수를 reducer라 부른다! reducer는 배열의 모든 요소당 한 번 씩 실행됨!!Array.reduce((acc,cur,idx,arr) => {}, initialValue);reducer의 매개변수는 순서대로 누적된 값 acc, 현재 순회중인 요소 cur, 현재 요소의 인덱스 index, 순회중인 배열 arr initialValue acc의 초기값을 설정하는 매개변수!초기값을.. 2024. 12. 18.
241217 TIL - 개인과제02, shift() 개인과제 오늘 한 작업[fix] 스테이지 테이블 변경 [update] assets 클라에 보내주기 [fix] 1. stage.json 속성 조정- 스테이지별 유지 시간 변경 - 스테이지별 속도 속성 추가 [fix] 2. 기존 하드코딩 부분 데이터 참조로 개편 - getItem 메서드 획득 점수 테이블에서 참조 - 스테이지 변경 시 현 스테이지와 목표 스테이지의 id 테이블에서 참조 [fix] 3. 리드미 최적화   [update] 1. handleConnecetion 함수로 에셋들 클라에 전달 - public 폴더에서도 같은 데이터 지향하고자 함 [update] 2. Socket.js에서 에셋들 받아 변수에 저장 - stage, item, unlock 별로 변수 생성해 받아온 객체 나누어 할당 - .. 2024. 12. 17.