본문 바로가기

분류 전체보기29

Phaser(Javascript라이브러리) phaser 설명 회사에서 WEB게임을 제작하게 되면서 처음으로 공부하면서 사용하게 된 자바스크립트 라이브러리!! 솔직히 별로 하고 싶지 않았는데 이걸 왜 하고 있나 생각은 들었지만 하다보닌까 옛날에 어릴 적에 문방구나 오락실에서 했던 간단한 게임들을 구현하면서 재미를 느끼게 되었다. 간단하게 소개하면 HTML5 캔버스 게임 클라이언트 개발에 쓰이는 라이브러리(엔진)이다 - 개발 자료,튜토리얼,커뮤니티 - HTML5게임 제작에 최적화된 UX를 제공 이런 분들한테 추천!! 하지만 3D 및 모바일 앱 빌드 등은 지원하지 않는다. 하지만 모바일 앱 빌드는(IONIC)이라는 프레임 워크를 이용하면 가능하다!! 제 글에도 있지만 저도 이 프레임 워크를 이용해서 Phaser만든 웹 게임을 IOS/ANDROID로 빌.. 2023. 11. 28.
[scss]Font적용 하는 법(React) 웹 폰트의 그룹화 styles 폴더 안에 fonts 폴더를 만들어서 밑에 방식으로 font를 그룹화 지정 할 수 있습니다. @font-face { font-family : font이름(임의로 지정가능) src : 경로지정 } 위 처럼 하고 font파일도 같이 fonts폴더 안에 넣어 두는게 관리하기 편함! import type { AppProps } from "next/app"; import "../styles/globals.css"; import Layout from "../component/layouts/layout"; import "../styles/fonts/font.css"; // app 폴더에서 경로 지정하면 어디서든 사용할 수 있음 export default function App({ Com.. 2023. 11. 9.
[Ionic]하이브 프레임워크 Ionic 이란? 개발하게 된 배경 - 회사에서 웹을 어플화하는 하기 위해서 조사하는 과정에서 Ionic이라는 프레임 워크를 알게 되어서 처음으로 활용하게 되었다. 간단하게 애기하면 웹을 자동으로 어플화 해주고 안드로이드,ios 둘다 지원을 해준다. 완전 편리하지만 복잡한 어플은 아무래도 무리지 않을까 생각이 든다. Ionic Framework란? - 하이브리드 앱을 개발하기에 최적하된 환경을 제공하고, HTML API를 사용할 수 있는 컴포넌트들과 크로스 플랫폼 빌드가 가능한 Cordova 기반으로 구성된 하이브리드 앱 개발 프레임워크 - 스마트폰에 최적화된 ui를 디자인할 수 있으며, 무엇보다 크로스 플랫폼 개발이 가능하며 HTML5의 부족한 API를 네이티브 API로 보완할 수 있다. 주로 TypeScript언어를 .. 2023. 10. 10.
[git]merge/commit/checkout 사용법 Git의 기본 사용법 기본적으로 git을 사용할때 가장 많이 사용하는 것이 merge,commit,checkout 이다. 실제 개발과정에서 git을 사용해서 코드를 관리한다고 하면 git branch [브런치이름] / git checkout -b [브런치이름] 이 두 가지로 브런치를 생성해서 코드를 수정을 한다. 그리고 새로 만든 branch에서 수정 한것을 master에 merge 하는 방식으로 코드를 관리한다. 이 과정에서 merge는 간단하게 말해서 병합이다. master에서 branch에서 수정한 부분을 master에 merge할때 사용하는 것이다. 사용법은 새로 만든 branch에서 git add -> git commit -m "수정내용" -> git push 를 해서 git에 수정사항을 업로드.. 2023. 8. 24.
[Git]revert 한 branch 다시 merge 하는 법 프로젝트를 진행하다 보면 여러 사람들이 다른 branch에서 merge를 하다가 종종 merge를 잘 못 하는 일이 벌어지곤 합니다. 그럴때 revert,reset 등 여러 방법으로 commit 내용을 취소하거나 되돌리는 곤 하는데 revert한 branch를 다시 merge할려고 할때는 어떻게 해야 될지 방법을 찾다가 제가 알게 된 방법을 posting합니다. 가장 간단한 방법은 revert한 branch를 다시 한번 더 revert하는 것 입니다. 그러면 revert한 이력이 없어져서 revert해서 없어진 코드가 다시 merge되어 있는 상태로 되돌아 갑니다. 이렇게 하는 것이 간단하고 충돌도 일어나지 않습니다. 그리고 이게 안되면 새로운 branch를 만들어서 위에 branch에서 수정한 부분만을.. 2023. 8. 23.
자바스크립트(JS)Math 메서드 정리2(floor, round, ceil) 더보기 Math. 메서드 설명 및 사용법 Math 메서드 정리 1에서 다룬 이외의 메서드를 추가로 정리 했습니다. 이번에는 소숫점을 처리해 주는 메서드를 모아봤습니다. 1. Math.floor() - 인수의 소수점 이하를 내림한 정수를 반환하는 메서드 입니다. 밑에 나오는 Ceil과는 반대 되는 개념입니다. 양수인 경우, 소수점 이하를 떼어 버린 다음 정수를 반환한다. 음수인 경우, 소수점 이하를 떼어 버린 다음 -1을 한 정수를 반환한다. ex) Math.floor(2.1); // 1 Math.floor(9.1); // 9 Math.floor(-1.9); // -2 Math.floor(-3.9); // -4 1. Math.ceil() - 인수의 소수점 이하를 올림한 정수를 반환 한다. ex) Math... 2023. 7. 31.