Channi Studies

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..

css에는 특성이 적용되는 순서(cascading)가 있다. 그 종류로는 position, specificity, type, importance가 있다. - Position: css 상에서 위에서 아래 순서로 적용 - Specificity: 구체적인 요소가 우선적으로 적용 태그 < id < attribute < id 순서로 적용 - Type: External Stylesheet < Internet Stylesheet < Inline Stylesheet 순서로 적용 - Importance: !important 키워드로 우선 적용 가능 position, specificity, type 모든 것과 무관하게 우선 적용 해당 포스트는 Udemy 강의 The Complete 2023 Web Development B..