텍스트 어드벤처 게임 프로젝트 검색 결과
17 개의 검색 결과가 있습니다.
텍스트 어드벤처 게임 프로젝트/Twine 분석(JS, TS)

BrowserRouter VS HashRouter

return ( //생략 } Twine에서 React-Router를 사용하는데 이 Router들을 감싸는 wrapper Component가 HashRouter였다. 지금 내가 따로 공부하는 React에서는 BrowserRoute 래퍼 컴포넌트를 사용한다. 따라서 두 컴포넌트 차이가 무엇인지 알아보게 되었다. 먼저 URL에서 #이 붙으면 웹서버의 관점에서 그 뒤는 주석과도 같다. HashRouter에서는 이 점을 적극 이용하여 #을 추가한 URL을 만들어낸다. 이로서 Browser가 URL을 관리하는 것이 아닌, JS코드로 URL을 관리하도록 만든다. 왜냐하면 JS는 #이후를 읽을 수 있기 때문에, #이후의 주소를 확인하고, 이에 따라 React컴포넌트 배치를 변경하여 마치 주소가 변경된 것과도 같은 착각..

2023. 8. 30. 15:20
텍스트 어드벤처 게임 프로젝트/Twine 분석(JS, TS)

JS에서 함수는 변수와 크게 다르지 않다

updatePassage( story, relinkedPassage, {text: newText}, options )(dispatch, getState); Twine의 근본적인 기능까지 수정을 하려고 코드를 읽어보던 중 위와 같은 구조의 코드를 발견했다. 처음에는 도대체 어떻게 작동하는가 싶어서 한참을 고민하고 찾아보다가 알게 되었다. return (dispatch, getState) => { // Do the passage update itself } 위에 일부 발췌한 코드에서 알 수 있다시피 updatePassage 함수는 return값이 함수이다. 함수를 실행한 결과를 반환하는 것이 아니라 함수 그 자체를 반환한다. https://ffoorreeuunn.tistory.com/149 [ JavaScr..

2023. 8. 29. 13:57
텍스트 어드벤처 게임 프로젝트/프로젝트 설계

빌드 명세서

1차 빌드 명세서 2차 빌드 명세서 3차 빌드 명세서 (진행중)

2023. 5. 14. 19:15
텍스트 어드벤처 게임 프로젝트/typescript

타입스크립트 타입 정의의 모든것

[JS 파일에서 export를 하는 기능들을 가져오는 경우] 1. d.ts 는 결국 JS 파일의 코드를 타입 정의 해주는 것이다. 2. ~.d.ts 는 ~.js 파일에서 export하는 정보들의 타입을 정의하는 약속으로 되어있다. .d.ts 파일의 코드로 이러한 기능을 구현하는 건 다음과 같다. declare module "myPackage" { } myPackage라는 js 파일의 정의라는 뜻. 이 declare 안에 모든 콜 시크니처만 작성해준다. 아래가 예시 interface Config{ } declare module "myPackage"{ function init(config : Config) : boolean; } 위와 같은 방식은 node_modules에 설치된 자바스크립트 모듈을 어떻게 사..

2023. 5. 13. 01:51
텍스트 어드벤처 게임 프로젝트/프로젝트 설계

User 캐릭터를 데이터베이스에서 생성하지 않도록 설계

현재 프로젝트에서는 User가 게임에 입장하면 DB에 User가 플레이하는 캐릭터의 데이터가 생성된다. 즉, User 캐릭터 테이블에 정보를 추가하는 것. 그리고 웹 게임에서 여러가지 선택을 하면 변화하는 능력치가 테이블에, 이 과정에서 많은 자원이 요구된다. (또 코딩하기에 복잡하며, 확장성도 떨어짐.) 그래서 떠올린 방법은 User 캐릭터의 정보를 DB에 저장하는 게 아니라, 게임을 시작할 때 캐릭터 객체를 만들고 DB에서는 캐릭터의 변화량을 저장하고 불러오는 것이다. 텍스트 게임이기 가능한 설계이고, 그렇기에 떠올리기 조금 어려운 발상이었으나 순차적으로 쓰면 다음과 같다. 1. 처음 유저가 게임을 시작하면 JS로 User의 캐릭터 정보를 담을 수 있는 객체를 생성한다. 2. 유저가 텍스트 게임에서 ..

2023. 5. 3. 23:34
텍스트 어드벤처 게임 프로젝트/typescript

4 typescript 챌린지에서 배우는 기본 이론 정리

1. 타입 스크립트는 타입을 명시하지 않아도 타입 체커가 알아서 타입을 추론해준다. 함수 반환값과 같은 곳에도 추론 시킬 수 있지만 명시해주는 편이 좋다. *** 2. object는 타입이 따로 존재하지 않고, let a : { } = {} 위와 같은 구조에서 요소 타입을 선언하면 그게 object 타입과 같다. let a : { name : string, } = {} 과 같이. 따라서 type Player = { name : string, age?: number} 와 같은 선언은 type Player = object 대신 사용된 타입 선언이다. 이를 alias 타입이라고 부른다. *** 3. typescript에서 null이나 undefined 일 수 있을 때, 오류를 출력하는데 이때 예외처리를 해주면..

2023. 4. 4. 18:10