산책하는 댕발자

PrettierPrettier는 코드 포맷터 중 하나로 코드의 모양과 스타일을 자동으로 조정하여 일관성 있게 코드 스타일을 유지해주는 도구다.JavaScript, TypeScript, CSS, HTML 등 웹 개발 언어에서 코드를 더 쉽게 읽고 이해할 수 있다.   Prettier를 적용한 예시를 살펴보자.HTML 코드에서 화살괄호가 줄바꿈되어 코드가 지저분해보인다.   Prettier 적용 방법1. .prettierrc 파일을 생성한다.  2. 아래 내용을 작성하고 저장한다.{"printWidth": 3000}  3. 확인한 줄로 깔끔하게 정렬되었다 : )

canvas로 게임 만들기를 하던 중 canvas 자체를 가운데 정렬을 하고 싶어 별의 별의 별의 x100 방법을 시도하다가 성공하였다! 코드가 완벽하진 않지만 일단 구현된 것에 만족한다. JS에 CSS에서 설정한 style을 적용하는 것인데 2번째 방법으로 진행하였다. 1. canvas에 css 적용 2. canvas class에 css 적용 먼저 HTML 요점 코드만 가져왔다. canvas 태그로 JS에서 불러올 id를 설정하고 CSS에서 적용될 class를 부여한다. CSS .background { width: 890px; height: 550px; filter: brightness(80%); background: url(../ghostRain/img/background.PNG) no-repeat ..