doongeon의 stack 공유

99년생인 나는 뒤통수 컴퓨터, 볼마우스 시절 컴퓨터에 입문했다.어릴 때는 집에 있는 컴퓨터의 사양 이슈로 친구들이 하는 온라인 게임을 나는 할 수 없었다.친구 집에 가서 메이플이나 피파2 그리고 당시 유행하던 온라인 게임을 했었는데ㅎㅎ대신에 플래시 게임을 많이 했는데 그때는 플래시 게임이 참 많이 있었다. 어릴 시절 기억 때문일까 자바스크립트에 익숙해지면서 이걸로 게임을 만들 수 있겠다는 생각이 들었다.구글에서 찾아보니 MDN에서 제공하는 자바스크립트 게임 튜토리얼이 있었다. 로 렌더되는 순수하게 JavaScript로만 쓰여진 간단한 MDN 벽돌깨기 게임을 만들 것입니다." data-og-host="developer.mozilla.org" data-og-source-url="https://develop..

JavaScript 2024. 8. 24. 11:18

HTTP Method클라이언트가 웹 서버에게 사용자 요청이나 종류를 알리는 수단 왜 HTTP Method를 사용하는가?HTTP Method가 없다면,/read-user-list/read-user-by-id/100/create-user/update-user/100/delete-user좋은 URI는 리소스 식별이 잘 되야 한다 HTTP Method를 사용한다면,GET /userGET /user/100POST /userPUT /user/100DELETE /user/100리소스와 행위를 잘 구분할 수 있다. HTTP MethodsGETPOSTPUTHEADDELETEPATCHOPTIONSCONNECTTRACEGETGET은 특정 리소스에서 데이터를 요청하는데 사용합니다.쿼리 문자열(이름/값 쌍)이 GET 요청의 U..

Web 2024. 8. 24. 10:13

문제 빌드가 잘 되던 리액트앱이 git action에서 빌드에 실패했다.로컬환경에서는 문제없이 빌드되었다. 뭐지? 왜 해당 파일이 없다고 하는걸까?github repo에서 디렉토리를 살펴보니로컬에선 이름이 service인디렉토리가 리포지토리에선 Service라고 되어있었다.왜 git이 알아채지 못했지? 처음엔 .gitignore을 확인했지만 문제가 없었다.해결원인은 특정 운영체제가 파일 이름의 대소문자를 구별하지 않는데에서 연유했다.실제로 iterm에서 document를 입력하니 Document디렉토리로 이동이 가능했다.그래서 git도 변경사항을 알아내지 못했다.git config core.ignorecase false 위 명령어는 Git에서 파일 이름의 대소문자를 구분하도록 설정하는 명령이다.위 명령어..

GitHub 2024. 7. 28. 10:16

js를 이용해서 웹에서 돌아가는 간단한 게임을 만들다가 web assembly라는 기술을 만나게 되었다.우연히 Quake3라는 fps 게임을 웹에서 실행시키는 프로젝트를 보았다.아래 링크로 들어가 보면 게임도 할 수 있다. GitHub - lrusso/Quake3: Quake III Arena ported to JavaScript and WebAssemblyQuake III Arena ported to JavaScript and WebAssembly - lrusso/Quake3github.com 자세히 알아보니 web assembly라는 기술을 이용해서 c/c++코드를 웹에서 돌아갈 수 있도록 컴파일한 것이었다.나도 이번 기회에 c/c++로 만든 간단한 프로그램을 웹에 올려보며 web assembly 기..

C,C++ 2024. 7. 13. 16:17

js로 테트리스를 만들던 중 흥미로운 에러가 있었다.문제export default class Controller { service: Service; constructor(service: Service) { this.service = service; document.addEventListener("keydown", this.handleKeyDown); } private handleKeyDown(event: KeyboardEvent) { switch (event.key) { case "ArrowLeft": event.preventDefault(); this.service.mov..

JavaScript 2024. 7. 11. 14:27

예전에 javascript를 이용해 간단한 게임을 만들면서 콜백함수를 떠올린 기억이 있다.callback?프로그래밍에서 콜백(callback) 또는 콜백 함수(callback function)는 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할 수도 있고, 아니면 나중에 실행할 수도 있다. 위 설명은 위키피디아에서 발췌해 왔다.정말 좋은 설명이라 생각한다. "다른 코드의 인수로서 넘겨주는 실행 가능한 코드""즉시 실행할 수도 있고, 나중에 실행할 수도 있다."나의 문제html canvas 태그를 이용해 벽돌 깨기 게임을 만들고 있었다.js의 setInterval() 함수로 무한 루프를 만들었다.게임이 끝난 시점에 특정 컴포넌트의 텍스트를..

JavaScript 2024. 7. 11. 12:00

문제개인 블로그에 js로 만든 게임을 넣으려고 작업중이었다.벽돌깨기 게임을 제작했고 리팩토링중에 궁금한게 생겼다.private detectBrickCollision() { let collision = false; for (let i = 0; i  혹시 forEach가 더 빠를까? 탐구const array = Array.from({ length: 1000 }, () => Array.from({ length: 1000 }, () => Math.random()));// Benchmarking for loopconsole.time('for loop');for (let i = 0; i { row.forEach(element => { const el = element; });});console..

JavaScript 2024. 6. 20. 16:20

서론프론트 엔드 개발자 혼자 서비스를 만들때 AWS로 간편하게 API를 만들 수 있다.AWS로 서버를 만드는 경험은 가히 완상적이다.클릭 몇번으로 세계 최고수준의 엔지니어가 만든 전산실을 얻을 수 있다.완성 예 1. DynamoDB 테이블 생성AWS management console 에서 사용할 테이블을 만든다. NoSQL db이기 때문에 필요에 맞게 테이블은 만들자.공식 문서에는 예시로 user table을 만든다. 테이블 이름은 "http-crud-tutorial-items" 파티션 키는 "id"로 만들었다.테이블 설정은 '기본 설정'으로 하고 테이블 생성. 2. Lambda 함수를 만들자AWS management console 에서 Lambda로 들어가 함수를 생성하자.런타임은 익숙한 런타임으로 만..

AWS 2024. 5. 23. 22:10