본문 바로가기

개발(Develop)82

깃(Git) - 깃허브(GitHub) 버전관리 기초부터 시작 / 깃에서 깃허브 업로드, 다운로드 우리는 게임이나 포토샵, 보고서를 작성하다가 ctrl+z를 사용해 이전 단계로 돌아가거나 이전 데이터를 불러온다. 이렇게 원하는 시점인 '버전'으로 이동할 수 있게 하는 것이 버전 관리이며 소스코드를 변경하였는데, 이전의 원하는 시점으로 돌아가게 해 주는 소스코드 버전 관리 시스템이 'Git 깃'이다. Git은 데이터를 저장할 공간만 있다면 어디서나 사용할 수 있는데, Git을 관리하는 프로젝트를 올려둘 수 있는 Git 호스팅 사이트 중에 하나가 우리가 흔히 아는 'GitHub 깃허브'이다. Git 설치하기 그러면 바로 Git을 설치하고 로컬저장소에서 커밋 관리하는 것을 해보자. Git을 설치하는 방법은 아래 링크된 글에 잘 설명이 되어 있으니 참고하도록 하자. Git, Git Bash 쉬운 설치/ Gi.. 2022. 4. 29.
[Python] pygame 모듈 게임 만들기(2) / 파이썬 캐릭터 이동 및 이동속도 조절 / fps 설정 pygame.time.Clock() .tick() 파이썬 좌표 설정 이전 글에 이어서 작성하도록 하겠다. 이전 글은 아래에 첨부할테니, 혹시나 이전부터 참고하고자 한다면 이전 글을 참고해주길 바란다.\ [Python] pygame 모듈 / 파이썬 게임 배경 및 캐릭터 설정하기 [Python] pygame 모듈 / 파이썬 게임 배경 및 캐릭터 설정하기 /기본 구조, 초기화, import, 메인루프, ima 파이썬에는 여러 모듈을 불러와 사용할 수가 있다. 그 중에 'pygame'이라는 python을 통해 게임을 만들 수 있도록 지원해주는 모듈을 가져와 사용해보려고 한다. 1. pygame 모듈 설치 및 환경 설정 우선 parkjh7764.tistory.com 그러면 이제는 이벤트를 설정할 것이다. 1. pygame 이벤트 설정하기 (1) 키보드의 키가 눌렸을 때 이벤트 우.. 2022. 3. 4.
[Python] pygame 모듈 게임만들기(1) / 파이썬 게임 배경 및 캐릭터 설정하기 /기본 구조, 초기화, import, 메인루프, image load, display, 좌표설정 파이썬에는 여러 모듈을 불러와 사용할 수가 있다. 그 중에 'pygame'이라는 python을 통해 게임을 만들 수 있도록 지원해주는 모듈을 가져와 사용해보려고 한다. 1. pygame 모듈 설치 및 환경 설정 우선 모듈을 사용하기 전에 모듈을 설치해주어야 한다. 명령 프롬프트 창에 아래와 같이 pip 명령어로 pygame을 설치한다. pip install pygame 2. pygame 기본 구조 pygame의 기본 구조는 대부분 아래를 따른다. (1) pygame을 사용하기 위해 import 해준다. (2) pygame.init( ) 으로 pygame 초기화 (3) pygame에서 사용할 size, screen, clock 등의 변수 선언 (4) pygame 메인 루프문 안에 이벤트, 화면, 사용자 행.. 2022. 3. 3.
[Python] 치킨 주문 파이썬 프로그램 / 예외처리, 에러 발생시키기, 사용자 정의 예외처리 오늘은 파이썬의 예외처리를 하는 것을 활용해 치킨을 주문했을 때 대기 번호를 부여하는 것을 해보겠다. 만약 치킨이 매진 되었다면 우리가 직접 만든 사용자 정의 예외처리로 매진되었음을 에러로 발생시킬 것이다. 코드는 아래와 같다. 사용자가 정의한 예외처리를 하기 위해 'SoldOutError' 클래스를 만들고 Exception 클래스를 상속 받은 뒤 except: 구문에서 해당 에러가 발생했을 때의 동작을 작성한다. 그리고 raise를 통해 강제로 에러를 발생시킨다. try: except: 예외처리 구문을 사용해 치킨을 주문할 때마다 대기번호를 부여하고 남은 치킨의 개수를 뺀다. class SoldOutError(Exception): pass chicken = 10 waiting = 1 while True.. 2022. 3. 1.
[Python] 파이썬으로 스타크래프트 게임 / 파이썬 클래스, 상속, 다중상속, 함수 연습하기 / 파이썬 프로젝트 파이썬의 여러 클래스의 상속, 다중 상속을 연습해보는 겸 '스타크래프트'를 구현해보았다. 기본 유닛에 대한 클래스 : Unit 공격 유닛에 대한 클래스 : AttackUnit 날 수 있는 기능 클래스 : Flyable 날 수 있는 공격 유닛 : FlyableAttackUnit 상속 구조 Unit > AttackUnit > Marine, Tank Flyable, AttackUnit (다중 상속) > FlyableAttackUnit > Wraith | 캐릭터 정보 이름(name), 체력(hp), 속도(speed), 공중유닛속도(flying_speed) | 기능 Unit 클래스 : 이동(move), 공격받음(damaged) AttackUnit 클래스 : 어디를 공격하다(attack) Flyable 클래스 : .. 2022. 2. 28.
[JS] 디데이 기능 만들기 / 남은 날짜 시간 구하기 / new Date() Math.floor() 자바스크립트를 사용해 남은 날짜수를 구해보겠다. 이는 D-Day 기능처럼 사용할 수 있다. 자바스크립트 D-Day 기능 만들기 우선, 디데이 기능을 만들어보기 위해서 기준일자를 정할 것인데 나는 '크리스마스 12월 25일'로 하겠다. 우선 완성된 디데이 기능은 아래와 같다. 일, 시간, 분, 초를 나타내주었다. 쉬우면서도 유용하니 같이 한번 해 보도록 하자. 1. 디데이를 나타내줄 태그에 id 값을 지정해준다. index.html 파일 Time Until Christmas 2. querySelector을 사용해 id 값으로 찾은 h2 요소를 변수에 저장해준다. app.js 파일 const remainTime = document.querySelector("#remain-time"); 3. 함수를 만들고 2.. 2022. 1. 20.
워터마크 없는 화면 GIF 캡처 프로그램 / 컴퓨터 화면 캡처 GIF 파일 생성 /ScreenToGIF 다운로드 이전에 꿀캠이라는 캡처 프로그램을 사용했는데, 유료 결제를 하지 않으면 워터마크가 남아 있어서 ... 별로였다.. 잘 찾아보니 워터마크도 없이 GIF 캡처가 가능한 무료 프로그램을 알아냈다. 바로 소개하자면 'ScreenToGIF' 라는 프로그램이다. 빠르게 본론으로 넘어가 함께 다운로드 하고 사용해보도록 하자. 1. Screen To GIF 사이트에 들어간다. https://www.screentogif.com/ ScreenToGif - Record your screen, edit and save as a gif or video Free screen recorder tool. Record, edit and save as a gif or video. www.screentogif.com 2. 중간에 사양을 .. 2022. 1. 20.
[JS] 실시간 시계 두자릿수 출력 / Date 두 자리수 만들기 / 시계 만들기 / padStart() / getDate() 오늘은 자바스크립트를 활용해 홈페이지에 '시계'를 출력해볼 것이다. HTML 요소와 Javascript를 활용해 시계 만들어보기. 순서는 아래와 같다. 1. HTML 파일에 시계를 출력할 태그를 생성하고 id 값을 지정한다. 2. 자바스크립트를 통해 해당 id 로 요소를 가져와 변수에 저장한다. 3. new DATE( )를 사용해 시간을 받고, 계속적으로 갱신해준다. 4. 시간을 출력할 때 1자릿수를 2자릿수로 바꿔준다. 그럼 바로 위와 같은 순서로 진행해보자. 1. 우선 HTML 파일에 시계를 출력할 태그를 만들고 id 값을 지정해준다. 2. 자바스크립트 파일에서 id 값을 query.Selector()을 활용해 가져온다. const clock = document.querySelector("#clock.. 2022. 1. 19.
웹 사이트 요소 픽셀(px) 측정 / Page ruler redux 설치 / 크롬 이미지 파일 Page ruler redux 적용 / web 개발 확장프로그램 / 웹디자이너 웹개발 클론 추천 프로그램 / 개체 크기 간격 마진 패딩 측정 웹 개발 공부를 할 때 많은 분들이 다른 사이트를 기반으로 프로그래밍을 하는 클론 코딩을 하면서 공부를 하는 경우가 많을 것이다. 그럴 때 유용한 확장 프로그램을 하나 소개하겠다. 오늘 소개할 프로그램은 웹 요소들의 정확한 픽셀(pixel) 단위와 간격, 마진, 패딩 등을 측정할 수 있다. 웹 사이트를 그대로 클론 코딩을 할 때 레이아웃이나 요소의 크기와 간격을 거의 유사하게 만들 수 있어 유용하게 사용할 것이다. 그럼 바로 본론으로 들어가 프로그램을 살펴보자. Page Ruler Redux 웹 개발 픽셀 단위 측정 해당 프로그램은 크롬의 확장 프로그램이기 때문에 크롬을 사용하여야 한다. 1. 도구 더보기 -> 확장 프로그램 -> chrome 웹 스토어를 연다. 2. 'page ruler redux' 검.. 2022. 1. 5.