본문 바로가기

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


vscode6

웹게임 만들기) 1. 기본틀 개발자 리브 - 자바스크립트로 게임만들기 자바스크립트로 게임을 만들어보자 devliberty.blogspot.com 새 블로그로 자료가 이전되었습니다. 2023. 6. 25.
VSCode) json 정렬 (formatter선택) json파일에서 내용을 정렬하려고 모두선택 후 Ctrl + k, f를 눌렀는데 위와 같은 창이 뜬다. 그냥 정렬하면 되지 왜 이런게 뜨나해서 짜증나서 정렬 안하고 방치했는데 가독성이 너무 안좋아서 좀더 건드려보니 formatter가 여러개라서 하나를 선택하라는 것임. (영어로 되어있어서 그냥 오류났다고 뭐라뭐라하는 건드리면 골치아픈건 줄 알았지... 영어까막눈) 한번 선택하면 다시 표시 안되는데 우클릭해서 Format Document With...를 누르면 다시 formatter를 선택할 수 있음. (* Format Document는 알림창 표시, 기능 동일) 2023. 6. 22.
VSCode) 코드조각(Snippets) 변환기 [ 개요 ] VSCode의 User Snippets에 등록할 수 있도록 변환해주는 유틸리티입니다. VSCode) 자동완성 직접 만들기 [ 개요 ] html:5를 입력하면(안나오면 Ctrl + Space) 일일이 입력할 필요없이 위와 같이 html문서를 빠르게 구성할 수 있다. 그러나, 내가 원하지 않는 부분이 있는데 그 부분을 매번 지워야 하고, 자주 devlib.tistory.com [ 사용하기 ] [ 진행과정 ] * HTML페이지를 전체복사하여 집어넣으면 snippets 요소로 변환되고, 메모리에 복사됩니다. * 제목, 설명, 단축어 부분은 user snippets에 등록하면서 직접 입력하면 됩니다. 2023. 6. 13.
VSCode) 자동완성 직접 만들기 [ 개요 ] html:5를 입력하면(안나오면 Ctrl + Space) 일일이 입력할 필요없이 위와 같이 html문서를 빠르게 구성할 수 있다. 그러나, 내가 원하지 않는 부분이 있는데 그 부분을 매번 지워야 하고, 자주쓰는 를 매번 입력하다보니 너무너무 불편했다. 자동완성을 직접 만들어서 더 편리하고 신속하게 html문서를 작성해보자 [ 진행과정 ] 좌측하단의 User Snippets(사용자 코드조각)을 클릭한다. 원하는 확장자를 검색하여 선택한다. (html파일을 작성하니까 html.json을 선택) (확장자가 다르면 동작안함) * 해당 위치에 json파일이 추가됨 위와 같은 구조로 작성할 수 있다. (여러개 작성시 ,(콤마) 중요) prefix에 넣은 문자열(단축어?)을 입력하고 Ctrl+Space하.. 2023. 6. 10.
VSCode) 수동 업데이트 - 업데이트 하기가 없는데? VSCode) Unterminated string literal 오류 ★ 자바스크립트 관련 오류... 클릭하면 특정 문자열을 복사하는 스크립트를 작성했는데 Unterminated string literal. colon expected ')' expected. 오류가 표시된다. 작성 전에는 오류가 전혀 없는데 왜 이것 devlib.tistory.com 이거 해결할려고 이것저것 해볼때 코드 중에 (element).style부분에 문제가 있다고 뜬금없는? 오류를 표시하길래 VSCode 업데이트를 오랫동안 안해서 그러는건가 싶어서 업데이트를 해주려고 했다. VSCode의 좌측 하단의 톱니바퀴에 업데이트 설치...가 있다고 하는데 없었다... 원래 About으로 버전을 볼 수 있는 곳에 업데이트 하는게 있어야? .. 2023. 6. 10.
VSCode) Unterminated string literal 오류 ★ 자바스크립트 관련 오류... 클릭하면 특정 문자열을 복사하는 스크립트를 작성했는데 Unterminated string literal. colon expected ')' expected. 오류가 표시된다. 작성 전에는 오류가 전혀 없는데 왜 이것만 추가하면 오류가 생기는거지? (F12에서는 전혀 오류가 없는데...) 백업해놓은걸로 돌아갔다가 다시 썼다가 몇번을 반복했다... /(슬래시)에도 \(역슬래시)를 붙여줘야 하는건가 넣어봤더니 오류가 감쪽같이 사라짐... 하... 저거 하나 때문에 몇번을 이랬단 말이야?? * 자바스크립트에서 특수문자를 문자로 다루려면 바로앞에 \(역슬래시)를 붙여줘야함. '(작은따옴표), "(큰따옴표), \(역슬래시), 까지 인줄 알았는데 /(슬래시)도 추가해야되겠구.. 2023. 6. 10.