윈도우에서 파이썬 설치 (0)
설치 링크 https://www.python.org/downloads Download Python을 클릭 설치한 파이썬 설치 파일을 실행 Install Now를 클릭 옵션 2가지 파이썬 설치시 관리자 권한 사용(관리자 권한 사용하면 현재 컴퓨터의 모든 사용자, 체크 안하면 현재 사용자 계정) 파이썬을 환경 변수로 등록 파이썬 설치 확인
최근 글
윈도우에서 파이썬 삭제하기 (1)
인터프리터 경로를 찾아 직접 삭제하기 cli를 실행하고 아래 명령어를 입력한다. 윈도우에서 아래 명령어도 가능 이렇게 경로가 나오는데, 나의 경우에는 pyenv를 통해 설치되었으니 지우는 방법 또한 pyenv를 통해서 지우는 것이 가장 좋은 방법일 것이다. 만약에 pyenv를 사용하지 않을것이라면 .pyenv를 삭제하면 된다. 만약에 경로가 아래처럼 나온다면, Python310 폴더를 삭제하면 된다. 삭제를 한 후 cli에 python을 입력하면 더 […]
워드프레스 카테고리 설정하기 (0)
카테고리 설정은 관리자 페이지의 글 항목에서 설정할 수 있다. 테마에 따라서 없을 수 있다. 글 항목에서 카테고리를 클릭 이름 부분이 사이드 바(widget)에 보이는 부분이고, 슬러그는 카테고리를 클릭했을 때 카테고리의 URL을 설정하는 부분이다. 슬러그는 URL의 일부로, 페이지나 리소스를 설명하는 사람이 읽기 쉬운 식별자를 말한다. 부모 카테고리 부분이 있는데 상위 메뉴 하위 메뉴를 설정할 수 있는 기능이다. […]
워드프레스 메뉴 설정하기 (0)
메뉴 설정은 테마에 따라서 없을 수도 있는데, 지원을 한다면 관리자 페이지 모양 항목에서 설정할 수 있다. 내가 만든 페이지, 작성한 글, 링크, 카테고리등 설정이 가능하게 되어 있다. 이것도 테마마다 다를 수 있다. 위치 관리라는 부분이 있는데, 헤더에 설정할 것인지, 푸터에 설정할 것인지 둘 다 설정할 것인지 그런 기능을 제공하는 거 같은데 이는 테마마다 다르고 현재 […]
워드프레스 랜딩 페이지 설정하기 (0)
안녕하세요 워드프레스 사이트를 오픈하고 처음 화면을 어떻게 설정하는지 몰라서 찾아보다가 정리 했습니다. 관리자 페이지로 이동합니다. 설정 부분에서 읽기를 클릭합니다. 읽기 페이지에서 관리자 페이지 페이지 항목에서 만든 페이지를 설정할 수 있습니다.
React 타이머 만들기 (0)
이메일 인증이나 비밀번호 찾기 같은 기능에서 사용할 타이머를 만들었다. 특정 시간 내에 동작해야 하는 기능을 구현하기 위해 타이머 제어 코드가 필요했고, 이를 정리해둔다. useTimer 훅 만들기 전체 코드 사실 처음에는 RequestAnimationFrame이 아니라 setInterval을 통해서 일정 시간마다 업데이트를 했었는데, 0초에서 interval 시간 만큼 늦을때가 있어서 방식을 변경한 것이다.
React SVG를 사용해서 candlestick 그리기 (0)
개발을 하다가, candlestick을 화면에 표시를 해야 했었고, 그때 사용한 코드를 정리 scale: 가격을 픽셀 단위로 변환하는 비율 예제 bodyHeight: 몸통의 높이 예제 bodyY: 몸통의 시작 위치 예제 (상승) 예제 (하락) 정리 캔들스틱 차트가 내포하는 의미: https://steemit.com/kr/@phuzion7/candlestick-patterns
React CSS 변수 값 가져오기 (0)
외부에서 가져온 SVG 아이콘이나 컴포넌트 기반의 아이콘 라이브러리를 사용할 때, 프로젝트에서 미리 정의한 CSS 변수를 적용하는 것이 쉽지 않을 때가 있다. 예를 들어, className=”bg-primary”처럼 배경색을 적용하는 것은 가능하지만, fill이나 stroke 같은 SVG 속성에는 동일한 방식이 적용되지 않는다. 그리고 테마가 존재할 수 있다. 이 경우에 어떻게 변화를 감지하고, 어떻게 가져올 것인지 정리한다. 예시 CSS 코드 CSS […]
워드프레스 테마 개발 – 헤더 푸터 만들기 (0)
보통 사이트를 만들면 헤더와 푸터는 어떤 페이지를 가든 비슷한 경우가 많다. 그 말은 헤더와 푸터는 사이트 전반적으로 사용되는 레이아웃 요소라는 것이다. 이 글에서는 헤더와 푸터를 만들고 어떻게 적용하는지 작성한다. 헤더와 푸터에는 어떤 정보들을 가져오는 것이 좋을까? 일단은 관리자 페이지에서 설정한 사이트 정보들이 있을 것이고, 당연히 사이트마다 다르겠지만, 공통적으로 가져오는 데이터들이 있을 것이다. 헤더에 포함하면 좋은 […]
React 뒤로가기 시 이전 페이지 스크롤로 이동하기 (0)
웹앱을 개발할 때, 항상 존재하는 메인 페이지를 두고, 그 위에 서브 페이지를 보이게 하라는 요청이 있었습니다. 하지만 이 경우에는 뒤로가기시 스크롤의 위치가 정확하게 동작하지 않았습니다. 이에 대한 해결 방법을 찾아보면서 알아낸 방법을 정리합니다. 전체 코드 main.jsx app.jsx sub-page.jsx scroll-restore.jsx 문제점 로딩이 오래걸리면 스크롤은 콘텐츠가 다 생성되지 않아서 기억하고 있는 스크롤 값이 height값을 넘어가는 경우가 있다. […]