● PUT 요청시 게시물 수정 코드 (views/edit.ejs) 오늘의 할일 날짜 Submit - edit.ejs의 태그를 위와 같이 수정했다. - action 속성을 위와 같이 지정하면 /edit 경로로 PUT 요청이 가능해진다. - server.js는 /edit 경로로 PUT 요청을 했을 때의 코드를 아래와 같이 작성하면 된다. cf) (method="POST") 속성 자체는 없어도 되지 않을까 해서 지운채로 update를 실행해봤는데 되지 않았다. 반드시 있어햐 하는 듯 (server.js --> app.put에 주목하자) app.put('/edit', function(req, res){ db.collection('post').updateOne( {_id : ??}, {$set : { title ..
● 도입 - 하나의 class(=scene)에서 함수가 실행되는 순서 - init은 constructor function을 의미한다. / 마지막인 update function은 계속 반복해서 실행된다. - 바로 이 update function에 사용자가 키보드를 눌렀을 때 player가 움직이도록 코드를 작성할 것이다. ● 움직이는 player 만들기 - PlayingScene.js에 update function을 만들어 캐릭터 움직임 관련 내용을 작성했다. import Phaser from "phaser"; import Player from "../characters/Player"; import { setBackground } from "../utils/backgroundManager"; export ..
- create function : 게임이 실행됐을 때 첫 번째로 실행되는 function - update function : create function 이후에 계속해서 실행되는 function ● LoadingScene - LoadingScene은 게임에서 쓰일 asset들을 load 할 scene이다. - load 해 놓은 asset은 전역적으로 사용 가능하다. - '루트폴더/src/scenes' 폴더를 만든 후 해당 폴더 안에 scene 파일을 만들면 된다. - scenes 폴더 내에 LoadingScene.js를 생성해보자(나는 저번 글에서 이미 생성함) // asset import import Phaser from "phaser"; import fontPng from "../assets/fon..
● edit.ejs 페이지 만들기 - 수정 기능은 여러가지 방법으로 구현할 수 있는데 가장 쉬운 방법은 edit 페이지를 따로 만드는 것이다. - 다른 방법으로는 /write 경로의 페이지를 그대로 사용하되 전송시 POST 요청이 아니라 '수정(PUT)' 요청으로 바꾸는 방법도 있다. - 이번 글에서는 edit.ejs 페이지를 만들어 수정 기능을 만들어보고자 한다. (views/edit.ejs) - write.ejs 내용 전체를 동일하게 복붙했다. - 차이점은 아래와 같이 태그에 "value 속성을 넣어야한다는 것"이다. - value 속성을 넣으면 태그에 미리 채워진 값을 설정할 수 있다. --> "111111"이라는 값을 에 미리 채워준다. --> "111111"은 예시이고 에 각 게시물의 제목과 날..
- 당연한 얘기이지만 하나의 게임에는 수 많은 코드가 들어있다. - 이것을 하나의 js 파일에 모두 다 담을수는 없으므로(담아서도 안 됨) 용도에 맞게 코드를 분기해야한다. - 당연히 이러한 분기 때마다 파일도 새로 생성돼야 한다. ※ 강의 들을때마다 아래의 드래그한 영역만 복사한 후 새폴더를 생성해 붙여넣으면 된다. ※ 단, gh-pages와 gh-pages.pub는 제외 ● 준비 - scene_1 폴더를 새로 생성한 후 위의 사진 속 파일을 복붙했다. - vsCODE를 실행해 scene_1 폴더를 open folder 해보 - 터미널을 열어 명령어 입력 후 아래의 사진이 뜨면 정상이다. npm install npm start ● entry point - 현재 scene_1 폴더에 있는 index.js..
● 템플릿 다운로드 후 세팅 by github - 어떤 템플릿 다운? Babel7, Webpack4를 통해 ES6를 지원하는 Phaser 3 프로젝트 템플릿 - 템플릿과 npm을 사용하지 않고도 개발할 수 있지만 사용하는 것을 추천 1. - 아래의 주소로 들어가서 fork https://github.com/photonstorm/phaser3-project-template GitHub - photonstorm/phaser3-project-template: A Phaser 3 Project Template A Phaser 3 Project Template. Contribute to photonstorm/phaser3-project-template development by creating an account..
- Total
- Today
- Yesterday
- MySQL
- 코딩테스트
- 코테
- spring
- nosql
- 프로그래머스
- SQL
- Phaser3
- Java8
- 메모리
- Spring Boot
- Stream
- API
- 운영체제
- 프로세스
- 알고리즘
- 빅데이터 분석기사
- db
- MongoDB
- Phaser
- jpa
- OS
- SpringBoot
- Advanced Stream
- java
- node.js
- 빅데이터
- git
- 자료구조
- DART
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |