본문 바로가기

분류 전체보기26

Phaser 기본세팅과 플랫포머 튜토리얼 0. Phaser 기본 세팅 먼저 에디터와 개인 웹서버를 설치합니다. 웹서버는 비트나미, 몽구스 등이 있지만 개인적으로 VS 라이브 서버가 편했습니다. (비주얼 스튜디오 코드(에디터)와 확장 기능인 라이브 서버+자동 저장 기능을 이용하면 매번 저장, 새로고침을 누를 필요가 없습니다. ) 그러고 나서 Phaser 홈페이지에 가서 최신 버전의 cdn 주소를 확인합니다. 아래 기본 포맷 헤드 부분에서 글 작성기준 최신 버전인 3.11 버전 cdn주소를 확인할 수 있습니다. 1. Phaser 기본 포맷 platformer body { margin: 0; } var config = { type: Phaser.AUTO, width: 800, height: 600, scene: { preload: preload, c.. 2021. 2. 26.
생활코딩_WEB2 JS요약 자바스크립트는 웹안에서 사용자와 상호작용할 수 있게 한다. 자바스크립트는 html문서 내에서 div는 제목도 아니고 아무의미가 없고, 단지 css나 js로 대상을 선택하기 위한 태그다. 자동 줄바꿈이 된다. span도 같은 역할을 하지만 자동 줄바꿈이 없다. 상황에 따라서 쓰면 된다. class(.클래스명으로 사용)는 그룹핑, id(#아이디명으로 사용)는 타겟팅을 위해 사용한다. id선택자에 대한 명령이 최우선으로 작동한다. 그다음은 class선택자, 그다음이 span선택자의 내용이 실행된다. 웹에서 동작하는 버튼과 같은 요소들에게 id를 부여한다음, 조건문으로 id 벨류값에 따라 style을 바꾸는 등의 상호작용을 할 수 있다. 반복되거나, 긴 문장을 id나 변수로 축약할 수 있다. 중복을 없애고 간결.. 2021. 2. 16.
생활코딩_WEB1 요약 프로젝트 중심으로 학습한 것을 증명해서 에너지를 얻는 순환. 공부할것이 많을수록 창작의 근원인 기초를 중요하게 대한다. 프리퀀시(빈도수)에 의해서 자주쓰이는 통계를 중심으로 공부한다. 최소한으로 배워서 최대한으로 써먹는다. 문법을 외우기 보다는 지식을 이용해서 프로그래밍의 원리에 초점을 두고 학습하자. -태그 : 제목. 1~6까지 있다. : 볼드 : 밑줄 : 줄바꿈. 여닫기가 필요없음 : 단락 img: 이미지+속성 : 링크. 하이퍼텍스트. 앵커(닻)을 내려 정박한다는 시적의미. 사용방법링크 붙일 텍스트 target="_blank" 는 새로운 창에서 열게 한다. input type="checkbox" 체크박스를 삽입한다. -부모자식관계 li는 ul, ol의 자식이다. ol은 순서가 있는 리스트로 숫자가 자.. 2021. 2. 15.
생활코딩_데이터베이스 이론 3강 분량 요약 -데이터베이스: 정보를 관리하는 전문 애플리케이션. -파일과 데이터베이스의 차이. 파일은 기본적이고 원시적인 형태의 데이터 관리수단. 장점은 어느시스템에서나 쓸수있고, 무언가를 설치할 필요없이 심플하다. 데이터베이스는 공부하고, 무언가를 설치해야할 필요가 있다. 장점은 안전하다. 나의 정보를 무단으로 보거나, 시스템이 고장났을때 백업기능도 있다. 인덱스(색인)기능으로 빠르다. SQL같은 프로그램을 이용해서 프로그래밍적 제어가 가능하다. -보편적이고 성공적인 데이터베이스 모델은 관계형 데이터베이스다. 제품으로는 MySQL, MSSQL, Oracle등이 있다. 작동방법은 같으며, MariaDB는 특히 같으면서도 발전속도가 빠르다. MySQL은 오픈소스로, 웹의 성장과 함께 성장해왔다. -SQL은 무엇인가? .. 2020. 11. 27.