본문 바로가기

til10

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.
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.
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.