본문 바로가기

분류 전체보기102

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.
DNS - Domain Name, Name Server, Query, DNS Cache DNS (Domain Name System)계층적이고 분산된 Domain Name에 대한 관리 체계를 뜻한다!지금은 무슨 말인지 모르겄으니 차근차근 관련 정보를 알아보도록 하자! Domain Name숫자들로 빼곡한 IP 주소를 전부 기억하기 어려울 뿐 아니라, IP 주소는 가변적이다 보니까, 실제 웹 환경에선 주소에 대응되는 도메인 네임을 통해 호스트들을 식별하게 됨! 도메인 네임은 DNS 서버에서 관리를 하고, 만약 특정 호스트의 주소가 변경되더라도,그 호스트의 도메인 네임에 바뀐 주소를 다시 연결해주는 식으로 대처할 수 있게 된다!연락처에서 IP 주소는 010-0000-0000라고, 도메인 네임은 "김철수"라고 생각하면 쉽다! 도메인 네임 표현도메인 네임은 온점 기준으로 계층적으로 구분된 문자열이다!.. 2024. 12. 16.
네트워크 계층 - IP주소와 Routing 1. 네트워크 계층 개요우선 네트워크 계층에 대해 간단히 복기하고 넘어가보자! # 네트워크 계층에선 데이터가 향할 주소를 설정하고, 이로 향할 최적의 경로를 선택한다! 전자에 관련된 것이 IP주소, 후자에 관련된 것이 Routing인 것이다!# 3 계층에서 활용하는 데이터의 단위는 패킷 Packet으로, 이전 계층의 Frame에 캡슐화, 또는 다음 계층의 Segment에 역캡슐화가 이뤄진 것이다! (캡슐화는 계층별로 데이터를 인식하기 위한 명찰(=Header)을 붙이는 과정을 의미함!)# 관련된 프로토콜로는 IP주소를 통해 MAC주소를 찾아 라우팅의 효율성을 높여주는 ARP, 통신 오류 점검하는 ICMP, 소속 통신망을 알려주는 IGMP 등이 있었다! 오늘은 주요 특징인 IP주소와 Routing에 대해 .. 2024. 12. 14.
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.