Clerk OrganizationSwitcher 컴포넌트 렌더링 안 되는 문제 해결법 next.js와 Clerk을 활용해서 로그인 인증 관련 테스트를 하는 도중에 OrganizationSwitcher 컴포넌트가 렌더링 되지 않는 문제를 발견했습니다. import { SignedIn, SignOutButton, OrganizationSwitcher } from '@clerk/nextjs' import Image from 'next/image' import Link from 'next/link' import { dark } from '@clerk/themes' function Topbar() { return ( Threads ) } export default Topbar 로그인이 되어 있는데도 해당 컴포넌트..
[vscode] 커서 커스터마이징, mac처럼 타이핑, 커서, 스크롤 부드럽게 만드는 법, 커서 화면 고정시키기 vscode의 커서를 커스터마이징 하면 윈도우에서도 mac처럼 vscode 에디터에 부드러운 효과를 적용할 수 있습니다. 설정 탭에서 상단 우측에 있는 설정 열기 버튼을 클릭하여 setting.json 파일을 엽니다. 아래 코드를 적용하면 위의 이미지와 같은 효과를 적용할 수 있지만, 커스터 마이징을 위해 하나씩 살펴보겠습니다. "workbench.colorCustomizations": { // 에디터 커서 색상 "editorCursor.foreground": "#ffff00", // 터미널 커서 색상 "terminalCursor.foreground": "#ffff00" }, "editor.c..
vscode에서 제네릭이 html 태그처럼 자동으로 닫기는 문제 해결 타입스크립트로 리액트를 사용하고 있는 도중에 html 자동 닫기 기능이 html 태그와 제네릭을 제대로 구분하지 못하는 것을 발견했습니다. 수정 전 자동으로 닫기는 태그를 매번 삭제하는 것도 귀찮고, 심지어 그걸 지우면 열린 태그까지 같이 삭제가 됩니다... 다행히 해결 방법이 있었습니다! 먼저 Auto Close Tag라는 확장프로그램을 설치합니다. 톱니바퀴 버튼 - 확장 설정을 클릭합니다. 맨 아래로 스크롤하면 sublime text3 mode라는 설정이 있습니다. 이걸 체크해주면
아파치로 배포한 웹에서 get post 요청 안되는 문제 해결 net::ERR_CONNECTION_TIMED_OUT 플러터 웹을 아파치로 띄운 다음, 같은 내부망을 사용하는 다른 pc에서 내 웹사이트를 이용할 수 있도록 구현해야하는 일이 생겼다. 웹을 띄우고 다른 pc에서 접속하는 것까진 성공했으나, 다른 pc에서 내 웹사이트에 접속한 후 get, post 요청을 보내면 다음과 같은 에러가 발생했다. net::ERR_CONNECTION_TIMED_OUT 해당 에러에 대해 gpt에 검색하니 다음과 같이 설명했다. 네트워크 구성 확인: 서버 PC와 클라이언트 PC가 모두 동일한 Wi-Fi 네트워크에 연결되어 있는지 확인하십시오. 두 PC의 Wi-Fi 연결 설정을 다시 확인하여 올바르게 연결되었는지 확인하십시..
PDF 다크모드로 보는 방법 크롬 확장 프로그램인 Dark Reader를 활용하여 pdf 파일을 웹사이트에서 다크모드로 볼 수 있는 방법을 소개드리고자 합니다! 제가 시험해보니까 크롬에서는 pdf 편집 기능이 부실했기 때문에 edge 브라우저에서 이 확장 프로그램을 활용하는 것을 추천드립니다. 1. Dark Reader 확장프로그램 설치 Edge 브라우저를 연다음 확장 탭에서 확장 관리를 선택합니다. Microsoft Edge용 확장 가져오기를 클릭합니다. 2. 외부 url 설정 적용 edge에서 pdf 파일을 열람합니다. 브라우저로 드래그 하면 브라우저에서 열람이 가능합니다. 확장 프로그램이 설치되었더라도, 외부 url에 대한 접근을 허용하지 않으면 다크모드가 적용되지 않습니다. 파일 URL에 대한 엑..
티스토리 블로그 게시글 간단하게 목차 만들기, 목차로 되돌아가는 링크 만들기(개쉬움주의) 목차 1. 서론 2. 구현하기 : 목차와 링크 설정 3. 구현하기 : 목차로 되돌아가기 1. 서론 TOC인가 뭔가나 자동 목차 만들기 관련 글 찾아보다가 잘 안되고 열받아서 그냥 일일이 수동으로 하는 방식으로 만들어 봤습니다. 좀 귀찮긴 한데 확실하고 깔끔합니다. 블로그 관리 들어가서 html 편집하고 이렇게 하면 그냥 서식만 추가하면 자동으로 목차 만들어줘서 편하긴한데, 코딩 잘 모르는 사람 입장에서는 내 맘대로 커스터마이징하기가 힘들지 않습니까? 그리고 서식도 의도대로 안 만들어져서 그냥 안쓰게 되는 경우도 많았습니다. 제가 사용하는 방식은 수동으로 hdml 태그를 살짝 손봐주는 거라서 매번 포스팅마다 번거롭기는..
VSCODE 화면 그래픽 깨짐 현상 문제 해결 어느 순간부터 vscode를 키면 자꾸 그래픽이 깨지는 현상이 발생했다. 찾아보니까 ndivia 그래픽 설정을 잘못 건든게 원인이었다. 이미지 선명화를 끄고 컴퓨터를 재부팅하면 해결되었다!
리액트 스프링부트 axios 연동 안되는 문제 해결 사용 IDE : 인텔리제이 사용 DB : MariaDB DB 이름 : board Java버전 : 11 node.js : 설치됨(npm 명령어를 사용하기 위해 설치하는 것이 좋습니다.) 블로그 글 수십 개 뒤져서 겨우 해냈습니다.. 겪었던 오류들 총 정리해서 모아봤습니다. 1. 스프링부트 프로젝트 생성 https://start.spring.io/ 설정을 마치고 GENERATE 버튼을 누르면 다운로드 폴더에 압축된 폴더가 저장됩니다. 압축을 풀어주시고 폴더 안에 들어가면 같은 이름의 폴더가 또 나옵니다. 이걸 복사해서 C드라이브에 붙여 놓겠습니다. 자바 버전과 스프링 부트 버전이 호환이 되는지 확인하셔야 합니다. 3.0.n대 스프링 부트 버전을 쓰는데 자바..
[MySQL] Access denied for user '유저아이디'@'localhost' (using password: YES) 에러 문제 해결 방법 이클립스에 MySQL을 연동시키고 스프링 부트를 구동하니 다음과 같은 에러가 발생했다. Access denied for user '유저아이디' @ 'localhost' (using password: YES) MySQL에서 해당 아이디에 대한 비밀번호를 다시 설정하라는 방법도 이용해보았지만 잘 안되었다. 알아보니 기존에 Bitnami Wampstack이 깔려있는 경우 mysqld가 여러 개 구동되어 있을 수 있기 때문에 하나를 종료하는 방식으로 해결해야 한다더라. 작업 관리자를 들어가서 mysqld가 여러 개 구동되어 있는지 확인하고 맞다면 아래의 방법을 ..
[MySQL] MySQL installer 포스번호 설정 오류 the specified port already in use MySQL 재설치시 이전버전이 남아있을 경우에 이러한 오류가 발생하게 된다. 남아있는 버전을 간단하게 삭제할 수 있는 방법은 다음과 같다. Win + R을 눌러 실행창을 키고 resmon.exe을 실행시킨다. 리스스 모니터 창에서 네트워크 - 수신 대기 포트 - mysqld.exe의 PID 값을 기억한다. 작업표시줄에서 명령프롬프트를 '관리자 권한'으로 실행한다. taskkill /F /PID 기억했던PID번호 ..를 입력한다. 프로세스 종료 문구가 뜨면 다시 MySQL Installer 화면으로 돌아간다. 포트번호를 지웠다가 다시 3306으로 입력해도 이전의 경고 문구가 뜨지 않음..
인텔리제이(Intelij) 한글 깨짐 인코딩 에러 해결 방법 구글에서 수십 개의 글을 참고하면서 겨우 겨우 해결한 방법을 정리합니다. 1 : 인텔리제이를 기본 경로로 설치했다면 C:\Program Files\JetBrains\IntelliJ IDEA 2019.1.3\bin\ 을 열어봅니다. 경로를 못찼겠다면 바로가기 파일에 오른쪽 마우스 클릭 - 속성 - 파일 위치 열기를 선택합니다. 64비트 OS라면 idea64.exe.vmoptions를, 32비트라면 idea.exe.vmoptions를 메모장 파일로 열어줍니다. 맨 밑에 -Dfile.encoding=UTF-8을 입력해주고 저장합니다. 인텔리제이를 재시작해서 잘 되는지 확인해봅니다. 2 : 안되는데요? 설정으로 들어갑니다. 에디터 - 코딩 스타일 - ..
pip명령어로 모듈을 설치하려고 할때 이런 에러가 나면서 진행이 안되는 경우가 있다. 경로 관련으로 문제가 있다고 한다. python -m pip install 모듈이름 이런식으로 입력하면 간단하게 해결이 될 것이다.
