YG - 96년생 , 강아지 있음, 개발자 희망

HTTP 모든 서버들이 작동하는 방식이다 예를 들어 유저가 request를 보내면 서버는 response를 반응하는 방식이다 http에서 중요한 점은 stateless라는 점이다. stateless stateless라는 점은 백앤드가 유저를 기억하지 못한다는 뜻이다. 유저와 백앤드 사이에 아무런 연결이 없다. request, response 과정 뒤에 백앤드는 유저를 잊어버린다. 백앤드는 response를 반응하고 그다음 request만을 기다린다. 예를 들어 서버로 메시지를 보내고 싶은데 이미 로그인이 되어 있다면 유저는 cookie만 보내면 된다. 아이디의 profile 페이지를 보고 싶다면 내가 누구인지 알려주는 cookie만 보내면 된다. 그러면 서버가 일치하는 profile로 response를 ..

기능 목록 9. 유닛 이동 - [ ] 유닛이 겹쳐지면 안되고 각자의 크기대로 공간을 차지한다. - [x] 유닛을 생성할 때 가운데를 기준으로 겹치지 않게 생성된다. - [x] 유닛을 이동할 때 겹쳐지면 안되고 이동하려는 위치 중심으로 움직여야 한다. 유닛이 겹쳐지지 않게 생성하고 이동했을 때도 서로 겹쳐지지 않게 기능을 구현하려고 했다. 처음에 2차원 배열을 활용한 그리드 기반으로 구현해볼까 했지만 지금 만들려는 게임에는 배열처럼 한 칸 한 칸 움직이는 것이 아닌 스무스하게 움직이게 기능이 되어야 하기 때문에 픽셀 시스템 기반으로 만들어야 했다. 따라서 Unit 클래스에서 현재 위치와 겹치는 다른 유닛이 있다면 위치를 조정하도록 기능을 구현했다. Unit.js class Unit { #stDx = -1;..

바니를 산책하다가 만난 야생 말똥가리! 반가웠다 어쩌다가 저기 있는지 모르겠는데 생각보다 엄청 컸고 귀여웠다. 30초 정도 앉아있다가 다른 곳으로 날아갔다. 처음에는 매인줄 알았는데 아니었다. 몰라서 조류 갤러리에 물어보고 말똥가리라는 것을 알게 되었다. 이 새 이름좀 알려주세요 매인가요? - 조류 마이너 갤러리 ㅈㄱㄴ gall.dcinside.com 그리고 흔히 영화나 게임에서 간지 나는 맹금류의 울음소리로 흔히 사용하는 '퓌요오오오오오오오!' 하는 소리를 말똥가리가 낸다는 사실도 처음 알게 된 정보이다.

문제점 netlify로 배포 시 node 버전이 다르다고 배포 실패가 나옴. 7:21:12 AM: error 08_link_data@0.1.0: The engine "node" is incompatible with this module. Expected version "16.13.2". Got "16.19.0" 7:21:12 AM: error Found incompatible module. 버전이 다르다는 뜻.. 어떻게 해결해야 할지 몰랐지만 조금 검색해보니 나왔습니다. 해결방법 배포 프로젝트의 delpoy 셋팅에 들어가서 왼쪽 탭 Environment variables를 눌러줍니다. 그리고 Add a variable을 눌러줍니다. NODE_VERSION 고생하셨습니다. 사이트가 정상적으로 배포가 되었네..

시작 heroku에서 무료 티어 버전을 폐지한 것을 알고 fly.io로 이사를 시도하였다가 실패하게 되어서 cloudtype.io로 이사하게 되었습니다. 모두의 플랫폼팀, 클라우드타입 클라우드타입은 클라우드 기반 애플리케이션을 빠르게 개발하고 배포할 수 있는 클라우드 애플리케이션 플랫폼입니다. cloudtype.io 1. 로그인 2. 배포하기 깃 허브 계정을 연결 후 원하는 레포지토리를 설정해 줍니다. 3. 서버 커맨드 설정하기 프로젝트에 들어와서 설정을 누릅니다. 들어오시면 start command가 기본적으로 npm start로 되어있는데 각자 환경에 맞춰서 node 파일명. js로 설정해주시면 됩니다. 또한 install command에서 npm ci --production을 입력해주시면 packa..

구글 애널리스틱을 이용하여 사이트에 들어오는 방문자 수 및 각종 데이터를 확인하려고 합니다. Next.js에서 사용하는 방법을 기록하려 합니다. 시작하기! 1. 새로운 탭 만들기 이미 계정이 있으시다면 왼쪽 탭에서 관리를 눌러주시고 없으시다면 계정을 생성해 주세요. 속성 만들기를 누릅니다. 모든 설정을 마치고 만들기를 눌러주세요. 만들게 되면 이러한 화면이 나옵니다. 태그 안내 보기를 누릅니다. 이러한 스크립트가 나오는 곳까지 오시면 절반은 성공입니다! 2. Next.js 에서 _document 설정하기 document에서 script 설정을 해주어야 합니다. Next/Script를 이용하여 실행 순서를 설정해 줍니다. 둘 다 afterInteractive로 하여도 정상적으로 작동할 것입니다. 그리고. ..

문제점 . env에서 설정한 변수를 인식하지 못하거나 undefined로 나옴 . env에서 사용한 변수가 undefined일 때에는 next.config.js 에서 설정해주시면 잘 될 수 있습니다. 또한 next.js에서는 .env를 설정할 때 process.env.NEXT_PUBLIC_변수명으로 설정해주어야 합니다. 해결 방법 next.config.js의 내용을 수정하고 서버를 껏다 다시 키면 정상적으로 작동됩니다. next.config.js module.exports = { // 다른 코드들 // env 내용 추가 env: { BASE_URL: process.env.BASE_URL, }, };

이번에 작은 프로젝트를 하면서 광고를 넣으면 좋겠다고 생각해서 구글 애드센스를 넣다가 너무 많은 오류를 만나게 되어서 나중에 다시 보기 위해서 기록하게 되었습니다. 시작하기! 1. 사이트 등록하기 https://www.google.com/intl/ko_kr/adsense/start/ Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.com 웹사이트를 연결하면 됩니다. 2. 사이트 연결하기 스크립트를 연결하면 됩니다. 이때 Next.js 에서는 _document를 이용합니다. _document import {..