JavaScript와 Canvas로 룰렛 게임 구현하기 – 완성된 모습 spin ✨ 1. 초기 HTML 구조 작성하기 먼저, 기본적인 HTML 파일을 만들고, 룰렛을 그릴 canvas 요소와 룰렛을 돌리는 버튼을 배치합니다. <canvas>는 룰렛을 그리는 공간입니다. <button>은 룰렛을 회전시키는 버튼입니다. <script>는 자바스크립트 코드를 이곳에 작성합니다. 🚀 2. Canvas를 이용해 룰렛 그리기 이제 script 부분에서 JavaScript를 이용해 룰렛 UI를 그리는 […]
윈도우 서비스를 등록하면 시스템 시작 시 자동으로 실행되게 설정할 수 있다. 이는 특정 애플리케이션이 항상 실행되어야 할 때 유용하다. 윈도우 서비스 등록 방법 (3가지) 명령 프롬프트(CMD)에서 sc create 명령어 사용하기 sc는 Service Control의 약자로, Windows 서비스와 관련된 대부분의 작업을 처리할 수 있는 강력한 명령어 도구 [서비스 이름]: 시스템에서 서비스를 식별하는 데 사용될 고유한 이름. (예: […]
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
운영을 하면, 알림판에 개선사항이 보이는데, 나는 개선사항을 볼 때마다 해당 글을 업데이트할 생각이다. 사용할 수 있는 기본 테마를 가지고 있습니다. 해결 방법: 법기본 테마를 삭제해서 발생하는 개선사항이다. 따라서 기본 테마를 추가하면 된다. 사이트가 오래된 버전의 PHP (8.2.20)에서 작동 중 이며 업데이트가 필요합니다. 해결 방법: PHP 버전을 올리면 해결이 된다. 지속적인 객체 캐시를 사용해야 합니다. 오브젝트 […]
컴퓨터에 설치한 것이 없지는 않겠지만 도대체 어떤 프로그램이 용량이 많이 차지하는지 확인할 때 Treesize Free라는 프로그램을 사용하면 좋다. 설치 링크: https://apps.microsoft.com/detail/xp9m26rsclnt88?hl=ko-KR&gl=US 나의 경우에도 지금은 사용 가능한 공간이 60.5GB라고 나오지만, 해당 파일을 삭제하기 전에는 10GB 정도의 공간이 있었다. 해당 프로그램을 사용해서 어떤 프로그램이 문제인지 알게 되었고, 삭제할 수 있었다. (에픽 게임즈 런처가 설치한 게임도 없는데 60기가 […]
우연히 서버쪽 유지 보수 일을 하게 되어 자주 만나는 요구사항이다. 오래된 소스 코드이다 보니 하드 코딩 되어 있는 부분이 많다. 자바 연습장: https://dev.java/playground/ 오늘이 주말인지 확인하기 (주말과 평일을 다르게 적용해 주세요.) 요구사항을 보면 주말과 평일을 다르게 적용해 달라는 것도 많은 거 같다. Calendar.DAY_OF_WEEK은 1, 2, 3, 4, 5, 6, 7로 1 ~ 7은 일요일부터 토요일을 […]
설정 > settings > compact folders 검색 > compact folders 체크 해제
HTML 부분 코드 CSS 부분 코드 Javascript 부분 코드
UI를 프레임워크를 사용해서 만들어진 UI를 사용하기도 하지만, 커스텀이 어려운 경우 직접 만들기도 하는데, 직접 만들어야 하는 경우가 최근에 있었기 때문에 정리를 한다. 페이드 효과 모달 열기 나 모달 모달 닫기
Document Typing Animation. 전체 코드 HTML 부분 화면 중앙에 “Typing Animation”이라는 문구를 표시할 div 태그를 생성합니다. 이후 JavaScript로 이 문구를 한 글자씩 출력하는 효과를 추가할 것입니다. CSS로 타이핑 애니메이션 만들기 @keyframes typing → width: 0 → 100%을 통해 텍스트가 점점 길어지도록 함. @keyframes blink → 커서 깜빡이는 효과를 추가함. .typing → 텍스트를 화면 중앙에 배치하는 […]
모든 것이 다 그렇다고 생각하지만 이번에도 우연하게 만들게 되어서 작성한다.