최근 글

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

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

    에 작성됨개발 공부

    CSS Fade In & Fade Out 효과 구현하기

    UI를 프레임워크를 사용해서 만들어진 UI를 사용하기도 하지만, 커스텀이 어려운 경우 직접 만들기도 하는데, 직접 만들어야 하는 경우가 최근에 있었기 때문에 정리를 한다. 페이드 효과 모달 열기 나 모달 모달 닫기

    에 작성됨개발 공부

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

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

    에 작성됨개발 공부

    윈도우에서 파이썬 설치

    설치 링크 https://www.python.org/downloads Download Python을 클릭 설치한 파이썬 설치 파일을 실행 Install Now를 클릭 옵션 2가지 파이썬 설치시 관리자 권한 사용(관리자 권한 사용하면 현재 컴퓨터의 모든 사용자, 체크 안하면 현재 사용자 계정) 파이썬을 환경 변수로 등록 파이썬 설치 확인

    에 작성됨개발 공부

    윈도우에서 파이썬 삭제하기

    인터프리터 경로를 찾아 직접 삭제하기 cli를 실행하고 아래 명령어를 입력한다. 윈도우에서 아래 명령어도 가능 이렇게 경로가 나오는데, 나의 경우에는 pyenv를 통해 설치되었으니 지우는 방법 또한 pyenv를 통해서 지우는 것이 가장 좋은 방법일 것이다. 만약에 pyenv를 사용하지 않을것이라면 .pyenv를 삭제하면 된다. 만약에 경로가 아래처럼 나온다면, Python310 폴더를 삭제하면 된다. 삭제를 한 후 cli에 python을 입력하면 더 […]

    에 작성됨개발 공부

    워드프레스 카테고리 설정하기

    카테고리 설정은 관리자 페이지의 글 항목에서 설정할 수 있다. 테마에 따라서 없을 수 있다. 글 항목에서 카테고리를 클릭 이름 부분이 사이드 바(widget)에 보이는 부분이고, 슬러그는 카테고리를 클릭했을 때 카테고리의 URL을 설정하는 부분이다. 슬러그는 URL의 일부로, 페이지나 리소스를 설명하는 사람이 읽기 쉬운 식별자를 말한다. 부모 카테고리 부분이 있는데 상위 메뉴 하위 메뉴를 설정할 수 있는 기능이다. […]

    에 작성됨개발 공부

    워드프레스 메뉴 설정하기

    메뉴 설정은 테마에 따라서 없을 수도 있는데, 지원을 한다면 관리자 페이지 모양 항목에서 설정할 수 있다. 내가 만든 페이지, 작성한 글, 링크, 카테고리등 설정이 가능하게 되어 있다. 이것도 테마마다 다를 수 있다. 위치 관리라는 부분이 있는데, 헤더에 설정할 것인지, 푸터에 설정할 것인지 둘 다 설정할 것인지 그런 기능을 제공하는 거 같은데 이는 테마마다 다르고 현재 […]

    에 작성됨개발 공부

    워드프레스 랜딩 페이지 설정하기

    안녕하세요 워드프레스 사이트를 오픈하고 처음 화면을 어떻게 설정하는지 몰라서 찾아보다가 정리 했습니다. 관리자 페이지로 이동합니다. 설정 부분에서 읽기를 클릭합니다. 읽기 페이지에서 관리자 페이지 페이지 항목에서 만든 페이지를 설정할 수 있습니다.

    에 작성됨개발 공부