전체 글

방법 1 - Clear Previous Output option vscode 사용시 code runner extension을 주로 사용하게 되는데, 파일을 반복적으로 실행하다 보면 터미널이 지저분하고 복잡해져서 가독성이 떨어지는 경우가 있다. 이럴 때 파일을 실행할 때 마다 터미널을 초기화하는 옵션을 사용하는 것이 방법일 수 있다. 1. vscode 설정으로 간다 (⌘ + ,) 2. 검색창에 'Clear Previous Output'을 입력한다 3. Code-runner: Clear Previous Output 박스를 체크한다. 체크 완료 후, 파일을 실행하면 다음과 같이 기존 터미널이 초기화된 이후에 출력된다. 방법 2 - settings.json 수정 다른 방법을 찾았다. 이 방법은 출력 시 outp..

Turtle graphics Module을 사용해서 뱀 게임을 만들어보자. 먹이를 먹으면 꼬리가 한 칸씩 자라고, 꼬리나 창 끝에 부딪히면 죽는 게임이다. main.py, snake.py, scoreBoard.py, food.py 총 4가지 파일로 이루어져 있다. # main.py import time from turtle import Screen, Turtle from snake import Snake from food import Food from scoreBoard import ScoreBoard screen = Screen() screen.setup(width=600, height=600) screen.bgcolor("black") screen.title("Snake Game") screen.tr..

css positioning에는 static, relative, absolute, fixed가 있다. 다음 링크가 이해에 도움을 줄 수 있다 appbrewery.github.io/css-positioning/ style="position = positioning;"으로 적용 1. Static html 기본값 이전 요소의 아래로 배치됨 2. Relative 기본 위치를 기준으로 배치 3. Absolute 부모 태그를 기준으로 relative 배치 부모 태그가 존재하지 않을 시 화면 좌측상단에 배치 z-index를 최 상단으로 보이기 때문에, z index를 -로 바꾸어야 할 수 있음 4. Fixed 브라우저 창 좌측상단을 기준으로 relative 배치 브라우저를 상하로 움직여도 항상 같은 위치에 존재 다음..

css를 작성하다보면, 양이 늘어날 수록 internal style sheet로 작성하기 힘들어진다. 그럴 때 id나 class를 부여하는 등의 방법으로 태그들을 분류한 후, css에서 스타일을 입힌다. 이 때, 부여한 특정 id, class, 혹은 특정 태그 종류들에게 스타일을 부여하는 방법이 css selectors(선택자)이다. 기본 css 선택자에는 4가지 종류가 있다. 태그 종류 설명 문법 Universal Selector 전체 선택자 전체 선택 *{...} Type Selector 타입 선택자 태그 종류로 선택 태그이름{...} ex) h1{...}, p{...} Class Selector 클래스 선택자 부여한 클래스로 선택 .클래스이름{...} ex) .imagebox{...} ID Sele..