재호의 공부방

서론 오랜만입니다. 요즘 글이 굉장히 뜸했습니다.. 블로그 글을 쓸려고 이것 저것 하고있긴 했지만 완성 시키고 보니 너무 올리기 부끄러운 결과물이 너무 많이나오기도 했고, 최근 배우고있는 리액트가 너무 재미있어서 늦게 되었습니다. 리액트를 사용하여 여러 재밌는 것들을 개발중이니 가까운 시일내에 들고오겠습니다! 오늘은 번외 느낌으로 제가 쓰고있는 툴들을 소개해보겠습니다. HTML & JS 제가 맨처음 HTML을 배우며 가장 처음 접하게 된 코드 편집기 Brackets입니다. 프론트엔드 개발에 특화되어있는 기능들을 가지고있고 심플한 디자인과 여러 편의성 기능들 덕분에 다루기 쉬워서 다른 툴들을 배웠지만 지금까지도 손이 가고있는 편집기입니다. Java 자바 통합 개발 환경의 대표격인 Eclipse입니다. 뒤에..

※ PC환경을 기준으로 개발된 사이트 입니다. 모바일에서는 기능이 제한될 수 있습니다 ※ 벽돌깨기 고전게임 벽돌깨기를 html으로 만들어봤다. 설계 1. 벽돌깨기 게임을 기반으로 만들었다. 2. 벽돌의 개수와 공의 속도가 시작시마다 랜덤으로 바뀐다. 코드 GitHub - SoJaeho/brick Contribute to SoJaeho/brick development by creating an account on GitHub. github.com github에 코드 게시했습니다. 실행 벽돌깨기 고전게임 벽돌깨기를 html으로 만들어봤다. 직접 해보는 링크입니다. 역시나 재호.온라인.한국에 올라와있습니다. 마무리 생각보다 빠르게 만들어버린 벽돌깨기 게임입니다. 리액트를 배우기 전 준비로 javascript를..

설계 1. 동행복권에서 받아온 역대 당첨 회차 데이터를 활용하여 이미 당첨된 번호를 모두 거르고 추천해준다. 과정 먼저 동행복권 사이트에서 회차별 당첨번호 데이터를 받아줍니다. 저희가 필요한건 당첨번호 데이터 뿐이니 미리 불필요한 데이터는 날려줍시다. 당첨번호와 년도만 남기고 싹다 날렸습니다. 이제 이 파일을 csv 형식으로 data/ 경로에 저장해줍니다. 이제 대충 준비는 끝났습니다. 코딩을 해보겠습니다. pandas를 임포트하여 아까 저장한 csv파일을 불러와줍니다. 다시 생각해보니 년도도 별 필요가 없을 것 같지만 이왕 이렇게 된거 결측치를 채우는 방법을 알아봅시다. fillna() 함수를 사용하여 위에 값을 아래에 그대로 넣어주는 전처리를 해주었습니다. 간단하죠? numpy를 임포트하여 넘파이의 ..

※ PC를 기준으로 개발했습니다. 모바일 환경에서는 동작에 문제가 있을 수 있습니다. ※ 테트리스 테트리스 made by jaeho 재호.온라인.한국/tetris 업데이트 23-10-15 테트리스 예상착지점 표출 기능 추가 & 웹사이트 배포 23-10-14 그래픽 & 사운드 디자인 23-10-13 테트리스 기본기능 코딩 완료 업데이트 예정 1. 스코어 저장기능 추가 조작법 http://재호.온라인.한국/tetris 테트리스 테트리스 made by jaeho 재호.온라인.한국/tetris 방향키 ← → : 블럭 좌우 이동 방향키 ↑ : 블럭 회전 방향키 ↓ : 블럭 아래로 이동 스페이스바 : 블럭 빠르게 떨구기 Shift : 블럭 저장 & 불러오기 실행 마무리 html과 js만을 사용하여 만든 테트리스 게..

접속 Jaihoo! 재호의 개발 사이트 재호.온라인.한국 업데이트 23-10-11 2023.10.09 - [IT/Java] - [Spring Boot] 더지니어스 결합게임 본 게시글의 "결합 게임"과 연동 23-10-11 Thyme leaf를 활용해 메인화면 제작 - 추가예정 - 1. 회원가입, 로그인, 로그아웃 등 회원관리 기능 2. 게시글의 상세정보 노출 기능 실행 마무리 사이트를 운영하는데 메인화면이 없는건 좀 허전하다 싶어서 개발해봤습니다. 이제 진짜 사이트같아서 뭔가 뿌듯하네요 *^^*

설계 1. 소수는 1과 자기 자신으로만 나눠지는 수를 말한다 (예시 : 7은 1 또는 7로만 나눠져서 소수다. 하지만 4는 1, 2, 4로 나누어져서 소수가 아니다.) 2. 원하는 숫자를 선택해 소수를 나열한다. 코드 def num_prime(num): if num

설계 1. 앞 포스팅의 랜덤 고양이 사진을 가져오는 기능에서 보완해 원하는 매수만큼 고양이 사진을 다운로드하는 기능을 추가했다. 2023.10.09 - [IT/Python] - [Python] 고양이 [Python] 고양이 설계 1. 랜덤 고양이사진 사이트에서 가져온 api를 사용해 랜덤한 고양이사진을 가져온다. 코드 import requests from PIL import Image from io import BytesIO import random # 고양이 이미지를 가져올 API 주소 cat_api_u rairo.tistory.com 코드 import requests from PIL import Image from io import BytesIO import random # 고양이 이미지를 가져올 A..

설계 1. 랜덤 고양이사진 사이트에서 가져온 api를 사용해 랜덤한 고양이사진을 가져온다. 코드 import requests from PIL import Image from io import BytesIO import random # 고양이 이미지를 가져올 API 주소 cat_api_url = "https://api.thecatapi.com/v1/images/search" # API를 호출하 고양이 이미지 정보 가져오기 response = requests.get(cat_api_url) data = response.json() # 이미지 URL 저장 cat_image_url = data[0]["url"] # 이미지 다운로드 및 노출 response = requests.get(cat_image_url) ca..

※PC용으로 만들어진 사이트입니다. 모바일에서는 제대로 작동하지 않을 수 있습니다.※ 결합 재호.온라인.한국/combine - 더지니어스 결합게임 - 업데이트 23-10-09 스프링부트로 이식후 배포 ... 23-09-22 Spring 개발완료 github 배포 23-09-20 프론트엔드(jsp) 개발완료 23-09-19 백엔드 개발완료 (Spring) - 추가예정 - 1. 타이머를 추가해 시간안에 얻은 점수를 기록한다. 1-1. 합은 +1점, 결은 +3점 실패시 -1점을 부여해 점수를 합산하는 기능 2. 다른 플레이어 들의 최고기록을 보여주는 기능 점수경쟁 가능(데이터베이스 연동) 결합이란? 1. 게임에 사용되는 그림은 도형(○, △, □), 도형의 색(파란색, 빨간색, 노란색), 배경색(흰색, 회색,..

설계 1. 원본글에서 대상 문자와 바꿀문자를 지정하여 문자열을 대체해준다. 코드 # 원본 문자열 original_string = str(input("원본 글 : ")) # 특정 문자열을 찾아서 다른 문자열로 대체 search_string = str(input("대상 문자 : ")) replacement_string = str(input("대체 문자 : ")) # 문자열 대체 modified_string = original_string.replace(search_string, replacement_string) # 결과 출력 print("원본 문자열:", original_string) print("변경된 문자열:", modified_string) 실행 실행 (PC) 마무리 오늘 너무 일찍 눈이 떠져서 짧은..