반응형 전체 글200 [JS.021] 작은 계산기 프로그램 🚩 Select 태그를 이용한 작은 계산기 프로그램 [1] 실행 미리보기 [2] 코드 See the Pen Untitled by wootekken (@wootekken) on CodePen. 2022. 6. 13. [파이게임.005] 이미지 불러오기/움직이기 🚩 이미지 불러오기 [1] 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 import pygame # pygame window setup pygame.init() background = pygame.display.set_mode((480,360)) pygame.display.set_caption("image") # image load image_bg = pygame.image.load("Blue Sky.svg") # 이미지 불러오기 image_ball = pygame.image.load("ball.png").. 2022. 6. 13. [파이게임.004] 마우스 입력처리 🚩 마우스 움직임과 클릭 감지하기 [1] 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 import pygame pygame.init() background = pygame.display.set_mode((480,360)) pygame.display.set_caption('mouse') play = True count = 0 #MOUSEMOTION count while play: for event in pygame.event.get(): if event.type == pygame.QUIT: play = False if event.type == pygame.MOUSEMOTION: #마우스 모션(움직임) 확인 count += 1 print('MOU.. 2022. 6. 13. [아두이노기초.006]도트매트릭스로 이모티콘 만들기 [1] 매트릭스(Matrix) 란? [2] 도트 매트릭스 LED 란?도트 매트릭스 LED란, 매트릭스(Matrix, 행렬)형태로 도트(Dot, 점)모양의 LED를 연결한 제품을 말합니다.각 도트의 LED를 켜거나 끄면 멀리서 봤을 때 어떤 모양이나 글자를 나타낼 수 있습니다. 우리가 사용할 도트 매트릭스 LED는 "8x8 도트 매트릭스 LED"로서 가로 8개, 세로 8개의 행렬로 이루어진, 총 64개의 LED(8x8)의 격자형으로 구성해 놓은 LED 장치 입니다. [3] 회로도 [4] 라이브러리 설치하기-아두이노 IDE에서 스케치 >> 라이브러리 포함하기 >> 라이브러리 관리로 들어갑니다. - 검색창에 "L.. 2022. 6. 13. [JS.020]끝말잇기게임 [JS.020]끝말잇기게임 [1] 미리보기 [2] 끝말잇기 코드보기 * 3글자 끝말잇기 게임이므로 반드시 3글자로 입력해야 한다. See the Pen Word_Chain_Game by wootekken (@wootekken) on CodePen. [3] 끝말잇기 디자인 업그레이드 버전 2022. 6. 12. [아두이노중급.005] LCD/초음파센서/적외선센서/리모콘 테스트 [아두이노중급.005] LCD/초음파센서/적외선센서/리모콘 테스트 이번 시간에는 LCD, 초음파센서, 적외선 센서, 리모콘을 각각 사용해보고, 한꺼번에 합쳐서 응용 작품을 하나 만들어 보도록 하겠습니다. 먼저 각 부품(LCD, 센서 등)을 하나씩 테스트를 해보고 다음 번 글 [아두이노중금.006]에서 모든 부품을 합쳐서 작동시켜 보겠습니다. 다음 [1] LCD 실습부터 차근차근 시작해 보세요. [0] 회로도 아래 그림의 회로도와 같이 아두이노와 전자부품들을 연결해 주세요. [1] LCD 실습 🚩 LCD란? LCD는 Liquid Crystal Display(액정 디스플레이)의 앞글자를 따서 LCD라고 부릅니다. LCD는 컴퓨터, TV, 카메라, 태블릿, 휴대전화 등에서 많이 사용되는 화면 장치이다. 🚩 L.. 2022. 6. 6. [CSS.023] 상위요소로 부터 상속받지 않는 태그와 속성들 [CSS.023] 상위요소로 부터 상속받지 않는 태그와 속성들 [1] button이나 input 태그는 상위 요소로부터 상속받지 않는다. 이런 태그들은 값을 상속 받게끔 inherit를 사용하면 된다. (예) button,input { color:inherit; font-family: inherit; } => color 는 상속받는 속성이지만, button, input 태그 자체가 상속을 안 받기 때문에 color도 상속이 안됨. [2] padding , border 등은 상속하지 않는 속성이므로 부모 요소에서 속성을 정의해서 자식 요소에 적용되지 않는다. 다음은 상속 안되는 속성들이다. width/height margin padding border box-sizing display background .. 2022. 6. 6. [CSS.022] 마우스에 닿으면 글자 앞뒤에 나타나기 [CSS.022] 마우스에 닿으면 글자 앞뒤에 나타나기 [1] before, after 가상 선택자 before와 after는 요소(글, 이미지 등)의 바로 앞(before)과 뒤(after)에 글이나 이미지를 만들어 낼 수 있는 기능이 있습니다. 여기에서 중요한 점은 자식요소로서 생성되는 것이고, 실제 자식이라기 보다는 가상의 무언가를 만드는 것입니다. before, after 가상 선택자를 사용할 때는 반드시 content를 써야 합니다. [2] 실습 코드 See the Pen Untitled by wootekken (@wootekken) on CodePen. 2022. 6. 1. [CSS.021] 레이아웃 배치 by Flex [CSS.021] 레이아웃 배치 by Flex [1] 레이아웃 배치 1 See the Pen Untitled by wootekken (@wootekken) on CodePen. [2] 레이아웃 배치 2 2022. 6. 1. 이전 1 ··· 9 10 11 12 13 14 15 ··· 23 다음 728x90 반응형
