본문 바로가기

전체 글257

[티스토리 스킨] 카테고리 메뉴 디자인 수정하기 티스토리 카테고리를 내 맘대로 수정하고 싶을 때 수정 가이드를 기록합니다. 전제 아래와 같이 id를 header-category로 지정하여 HTML을 작성하였음을 가정합니다. 여기에 카테고리 리스트 치환자 '분류 전체보기' 가리기 특정 카테고리가 아닌 '분류 전체보기' 링크를 안보이게 하고 싶은 경우 아래와 같이 스타일을 지정해 주세요. #header-category .tt_category .link_tit { display: none; } '서브 카테고리' 가리기 티스토리 카테고리는 '주 카테고리' 와 '서브 카테고리'로 구성됩니다. 아래와 같이 '서브 카테고리'만 가릴 수 있습니다. #header-category .tt_category .category_list .sub_category_list{ d.. 2023. 5. 28.
[React-Native] Recoil 사용하기 상태 관리 라이브러리 Recoil을 React-Native 에서 사용해 보겠습니다. Atom 관리의 대상이 되는 상태 단위입니다. 한 가지의 변수 뿐만 아니라 배열, Object 등 다양한 종류의 자료 구조 또한 Atom이 될 수 있습니다. key는 해당 Atom에 할당되는 고유한 id 입니다. 단순히 상태 업데이트 시 사용되는 것 뿐 아니라 캐싱을 통한 성능 개선을 위해 사용합니다. // 수 const numberTmpState = atom({ key: 'numberTmpState', default: 0, }); // 배열 const ArrayTmpState = atom({ key: 'ArrayTmpState', default: [], }); Selector 생성한 Atom을 활용하기 위해 Select.. 2023. 5. 23.
[Colab] Github Jupyter 파일을 내 Colab에 복사하기 해당 깃허브 파일 링크 복사 colab에 복사하고자 하는 jupyter 파일(.ipynb) 링크를 복사합니다. 예) https://github.com/maciejbalawejder/Reinforcement-Learning-Collection/blob/main/Q-Table/Qtable.ipynb 복사한 링크를 수정 복사한 링크 내 https://github.com 을 제거하고 https://colab.research.google.com/github 으로 변경합니다. 수정한 링크 예) https://colab.research.google.com/github/maciejbalawejder/Reinforcement-Learning-Collection/blob/main/Q-Table/Qtable.ipynb 수정.. 2023. 5. 16.
[OpenGL] Mac M1 실리콘 환경에서 xcode glfw 활용해서 사용하기 glfw 설치 homebrew를 활용하여 glfw를 설치합니다. brew install glfw Xcode 프로젝트 생성 xcode에서 새로운 프로젝트를 생성합니다. Mac > Command Line Tool 을 선택하고 원하는 디렉토리에 프로젝트를 생성합니다. 생성할 때 기타 설정은 건드리지 않고 진행합니다. (예: language : C++) Header Search Paths 추가 Build Settings > Search Paths > Header Search Paths 에 /opt/homebrew/Cellar/glfw/설치한버전/include/ 를 추가합니다. 라이브러리 연결 Build Phases > Link Binary With Libraries 항목에 /opt/homebrew/Cellar/.. 2023. 5. 13.
[OpenCV] Mac M1 실리콘 환경에 설치하기 컴퓨터 그래픽스 실습을 위해 OpenCV를 제가 사용하는 맥북에 설치하는 과정을 설명합니다. 환경 확인 CMake 3.9 or higher Git Python 2.7 or later and Numpy 1.5 or later 터미널을 열어 cmake가 설치되어 있는 지 확인합니다. cmake --version 설치 저는 바탕화면에 CG 디렉토리를 생성하여 내부에 설치했습니다. cd Desktop cd CG git clone https://github.com/opencv/opencv.git 아래 명령을 통해 opencv_contrib 또한 설치합니다. git clone https://github.com/opencv/opencv_contrib.git CG 디렉토리 내 build_opencv 디렉토리 생성 후 .. 2023. 5. 12.
[React-Native] 두 Modal을 활용하여 뒷 배경 어둡게 처리하기 React Native 에서 기본적으로 제공하는 Modal 만을 활용해 Modal 활성화 시 배경을 어둡게 하도록 코드를 작성해 보겠습니다. 대부분의 앱들에서 볼 수 있는 사용자 경험입니다. 실행 화면 구현한 실행 화면부터 확인해 보겠습니다. - 뒷 배경 흐림에 fade 옵션을 준 경우 - 뒷 배경 흐림에 none 옵션을 준 경우, 보다 즉각적인 반응을 얻을 수 있습니다. 저라면 이 버전을 사용할 것 같네요. Modal 구현 이를 구현하기 위해 두 가지 Modal을 사용해야 합니다. 하나는 뒷 배경을 어둡게 할 ContainerModal 이고 나머지 하나는 사용자가 집중하게 될 내용을 담을 TestModal 입니다. ContainerModal 뒷 배경을 어둡게 처리할 Modal 입니다. 어떻게 어둡게 할.. 2023. 5. 6.

티스토리툴바