최근 글

    JavaScript와 Canvas로 룰렛 게임 구현하기 (코드 예제 포함) (5)

    JavaScript와 Canvas로 룰렛 게임 구현하기 – 완성된 모습 spin ✨ 1. 초기 HTML 구조 작성하기 먼저, 기본적인 HTML 파일을 만들고, 룰렛을 그릴 canvas 요소와 룰렛을 돌리는 버튼을 배치합니다. <canvas>는 룰렛을 그리는 공간입니다. <button>은 룰렛을 회전시키는 버튼입니다. <script>는 자바스크립트 코드를 이곳에 작성합니다. 🚀 2. Canvas를 이용해 룰렛 그리기 이제 script 부분에서 JavaScript를 이용해 룰렛 UI를 그리는 […]

    윈도우 서비스 등록하기 (0)

    윈도우 서비스를 등록하면 시스템 시작 시 자동으로 실행되게 설정할 수 있다. 이는 특정 애플리케이션이 항상 실행되어야 할 때 유용하다. 윈도우 서비스 등록 방법 (3가지) 명령 프롬프트(CMD)에서 sc create 명령어 사용하기 sc는 Service Control의 약자로, Windows 서비스와 관련된 대부분의 작업을 처리할 수 있는 강력한 명령어 도구 [서비스 이름]: 시스템에서 서비스를 식별하는 데 사용될 고유한 이름. (예: […]

    연습 및 테스트 사이트 정리 (2)

    Javascript runjs 자바스크립트만 테스트 가능 playcode.io 타입스크립트 typescriptlang Java dev.java VIM vim-hero 빔 공부를 하기에 좋은 사이트 git codapi learngitbranching SQL db-fiddle my-sql w3schools sqltest oracle, mysql, ms sql sqlfiddle sql server, sqlite, postgresql, mysql, mariadb, oracle, oracle plsql 정규식 regexr regex101 regexplanet regexper regexlib Markdown dillinger.io markdownguide Dart dartpad PHP php-play.dev JSON jsonformatter

    워드프레스 사이트 건강 개선사항 수정하기 (0)

    운영을 하면, 알림판에 개선사항이 보이는데, 나는 개선사항을 볼 때마다 해당 글을 업데이트할 생각이다. 사용할 수 있는 기본 테마를 가지고 있습니다. 해결 방법: 법기본 테마를 삭제해서 발생하는 개선사항이다. 따라서 기본 테마를 추가하면 된다. 사이트가 오래된 버전의 PHP (8.2.20)에서 작동 중 이며 업데이트가 필요합니다. 해결 방법: PHP 버전을 올리면 해결이 된다. 지속적인 객체 캐시를 사용해야 합니다. 오브젝트 […]

    윈도우 컴퓨터 용량 확인하기 Treesize Free 프로그램 (0)

    컴퓨터에 설치한 것이 없지는 않겠지만 도대체 어떤 프로그램이 용량이 많이 차지하는지 확인할 때 Treesize Free라는 프로그램을 사용하면 좋다. 설치 링크: https://apps.microsoft.com/detail/xp9m26rsclnt88?hl=ko-KR&gl=US 나의 경우에도 지금은 사용 가능한 공간이 60.5GB라고 나오지만, 해당 파일을 삭제하기 전에는 10GB 정도의 공간이 있었다. 해당 프로그램을 사용해서 어떤 프로그램이 문제인지 알게 되었고, 삭제할 수 있었다. (에픽 게임즈 런처가 설치한 게임도 없는데 60기가 […]

    자바 날짜 비교 (0)

    우연히 서버쪽 유지 보수 일을 하게 되어 자주 만나는 요구사항이다. 오래된 소스 코드이다 보니 하드 코딩 되어 있는 부분이 많다. 자바 연습장: https://dev.java/playground/ 오늘이 주말인지 확인하기 (주말과 평일을 다르게 적용해 주세요.) 요구사항을 보면 주말과 평일을 다르게 적용해 달라는 것도 많은 거 같다. Calendar.DAY_OF_WEEK은 1, 2, 3, 4, 5, 6, 7로 1 ~ 7은 일요일부터 토요일을 […]

    CSS와 JavaScript로 타이핑 애니메이션 만들기 (0)

    Document Typing Animation. 전체 코드 HTML 부분 화면 중앙에 “Typing Animation”이라는 문구를 표시할 div 태그를 생성합니다. 이후 JavaScript로 이 문구를 한 글자씩 출력하는 효과를 추가할 것입니다. CSS로 타이핑 애니메이션 만들기 @keyframes typing → width: 0 → 100%을 통해 텍스트가 점점 길어지도록 함. @keyframes blink → 커서 깜빡이는 효과를 추가함. .typing → 텍스트를 화면 중앙에 배치하는 […]