본문 바로가기

새로운 블로그로 이전합니다
구글블로그 / 네이버블로그
(자료도 점차 이전할 계획입니다.)


웹프로그래밍8

VSCode) 자동완성 직접 만들기 [ 개요 ] html:5를 입력하면(안나오면 Ctrl + Space) 일일이 입력할 필요없이 위와 같이 html문서를 빠르게 구성할 수 있다. 그러나, 내가 원하지 않는 부분이 있는데 그 부분을 매번 지워야 하고, 자주쓰는 를 매번 입력하다보니 너무너무 불편했다. 자동완성을 직접 만들어서 더 편리하고 신속하게 html문서를 작성해보자 [ 진행과정 ] 좌측하단의 User Snippets(사용자 코드조각)을 클릭한다. 원하는 확장자를 검색하여 선택한다. (html파일을 작성하니까 html.json을 선택) (확장자가 다르면 동작안함) * 해당 위치에 json파일이 추가됨 위와 같은 구조로 작성할 수 있다. (여러개 작성시 ,(콤마) 중요) prefix에 넣은 문자열(단축어?)을 입력하고 Ctrl+Space하.. 2023. 6. 10.
초가속 실험 2 앞서 만든게 재미있어서 약간의 기능을 추가해봄 [ 시뮬레이션 ] speed값이 50을 넘으면 뭔가가 보인다. 이게 4차원인가 뭔가 하는거 아닐까? 2023. 2. 27.
초가속 실험 웹게임 개발을 하면서 Random을 다루다가 재미있는 것을 발견한 것 같아서 올려본다. [ 개요 ] 더보기 현실에서는 속도가 엄청나게 가속되면 중력 같은 힘을 벗어나서 쭉 나아가 버리는데 뭔가 강력한 구속에 의해서 속도를 아무리 내어도 벗어날 수 없다면? 즉, 엄청나게 빠르게 움직이는 것을 가둔다면? 어떤일이 생길까? [ 시뮬레이션 ] (speed를 125 정도로 올려보자) 2023. 2. 26.
웹게임만들기(구현) - 마우스로 도형찍기 자바스크립트로 게임만들기 #5.마우스로 도형찍기 (예제) 마우스 클릭 or 드래그를 이용하여 화면(canvas)에 도형을 찍는 예제이다. devliberty.blogspot.com 새 블로그로 자료가 이전되었습니다. 2023. 2. 22.
웹게임만들기(구현) - 키보드로 도형 움직이기 자바스크립트로 게임만들기 #4.키보드로 도형 움직이기 (예제) 키보드 방향키 입력으로 도형을 움직이는 간단한 예제를 통해 명명된 매개변수 & 입력안된것 체크, Class활용(세부범주의 구조화), Style Reset, 이벤트리스너(키보드)를 실습해보자. devliberty.blogspot.com 새 블로그로 자료가 이전되었습니다. 2023. 2. 22.
웹게임만들기(구현) - 루프와 일시정지 자바스크립트로 게임만들기 #3.카운터와 일시정지 (예제) 숫자를 카운트 하는 간단한 예제를 통해 루프와 일시정지를 실습해보자 devliberty.blogspot.com 새 블로그로 자료가 이전되었습니다. 2023. 2. 22.