전체 글 315

[CSS] CSS 기초

1. CSS (Cascading Style Sheets) HTML 문서를 디자인 하는데 사용되며, [선택자, 선언, 속성] 세 가지로 이루어짐. 선택자(Selector) : HTML 태그들의 이름을 활용 ex) class ("."), id("#") 속성 (Property), 값 (value) : 해당 HTML 태그의 디자인을 위한 속성과 속성값을 의미. ex) magin:10px 여러 속성을 줄 때는 세미콜론(;)으로 구분. ex) margin:10px; padding:10px 2. 주요 CSS 속성 값들 box-model width, height 가로, 세로 (auto : 기본값 / px : 픽셀) padding box-model 의 안쪽 여백 영역 ex) padding : 10px => 상하좌우 10..

HTML, CSS, JS 2022.04.19

HTML Tag 정리

1. 기본 태그 웹 문서의 유형을 html로 지정 문서 언어를 영어로 지정 브라우저의 정보를 입력하는 곳 메타 데이터 ex) 문서 제목 2. 문서 구조 태그 문서 내용 영역 헤더 영역 메인 영역 콘텐츠 영역 사이드 바 영역 바닥 영역 ( header 영역) 내비게이션 영역 3. 내용, 텍스트 태그 ~ 제목 블럭 영역 단락 줄 바꿈 인용문, 들여쓰기 적용됨 , 텍스트 굵게, Bold , 텍스트 기울임 텍스트 밑줄 텍스트 취소선 하이퍼 링크 라벨 이미지 , 오디오, 비디오 4. 목록 (List) 태그 순서가 있는 목록 (ordered list) type "1" 숫자(기본값) "a" 영문 소문자 "A" 영문 대문자 "i" 로마 숫자 소문자 "I" 로마 숫자 대문자 설명할 용어 설명할 내용 순서가 없는 목록 (..

HTML, CSS, JS 2022.04.18

기억력 테스트 게임 with Pygame

'기억력 테스트' 게임 만들기 with Pygame 1. Pygame Documentation - https://www.pygame.org/docs/ Pygame Front Page — pygame v2.1.1 documentation Pygame, as of 1.9, has a camera module that allows you to capture images, watch live streams, and do some basic computer vision. This tutorial covers those use cases. www.pygame.org 2. 참고 Blog, Youtube - https://nadocoding.tistory.com/87 [파이썬] 기억력 테스트 게임 개발 어느 날 우연히..

오락실 고전 게임 with Pygame

오락실 고전 게임 '공 부시기' 게임 만들기 with Pygame 1. Pygame Documentation - https://www.pygame.org/docs/ Pygame Front Page — pygame v2.1.1 documentation Pygame, as of 1.9, has a camera module that allows you to capture images, watch live streams, and do some basic computer vision. This tutorial covers those use cases. www.pygame.org 2. 참고 Blog, Youtube - https://nadocoding.tistory.com/8 [나도코딩] 파이썬 활용편1 게임개발 ..

계산기 with Tkinter

현실에서 사용되는 계산기와 같은 모습의 계산기 만들기 1. 기능 '+', '-', '*',' /' 등 의 연산 기능과 'C' (Clear), '=' 등의 부가 기능. 다음 순서의 버튼 누르기 가능 '105' → '+' → '30' → '-' → 70 → '*' → '2' → '/' → '=' : 26 2. 코드 import tkinter as tk input_value, post_value = 0, 0 # 첫번째 숫자, 두번째 숫자 operator_pre = 0 # '+', '-', '*', '/' : 계산할 연산자 기억용. operator = {'+':1, '-':2, '/':3, '*':4, 'C':5, '=':6} ### 0~9 숫자 def number_click(value): # value 누른 ..