Clerk OrganizationSwitcher 컴포넌트 렌더링 안 되는 문제 해결법

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 로그인이 되어 있는데도 해당 컴포넌트..

• format_list_bulleted 문제 해결
• · 2023. 8. 26.
• textsms

[vscode] 커서 커스터마이징, mac처럼 타이핑, 커서, 스크롤 부드럽게 만드는 법, 커서 화면 고정시키기

[vscode] 커서 커스터마이징, mac처럼 타이핑, 커서, 스크롤 부드럽게 만드는 법, 커서 화면 고정시키기 vscode의 커서를 커스터마이징 하면 윈도우에서도 mac처럼 vscode 에디터에 부드러운 효과를 적용할 수 있습니다. 설정 탭에서 상단 우측에 있는 설정 열기 버튼을 클릭하여 setting.json 파일을 엽니다. 아래 코드를 적용하면 위의 이미지와 같은 효과를 적용할 수 있지만, 커스터 마이징을 위해 하나씩 살펴보겠습니다. "workbench.colorCustomizations": { // 에디터 커서 색상 "editorCursor.foreground": "#ffff00", // 터미널 커서 색상 "terminalCursor.foreground": "#ffff00" }, "editor.c..

• format_list_bulleted 문제 해결
• · 2023. 8. 25.
• textsms

vscode에서 제네릭이 html 태그처럼 자동으로 닫기는 문제 해결

vscode에서 제네릭이 html 태그처럼 자동으로 닫기는 문제 해결 타입스크립트로 리액트를 사용하고 있는 도중에 html 자동 닫기 기능이 html 태그와 제네릭을 제대로 구분하지 못하는 것을 발견했습니다. 수정 전 자동으로 닫기는 태그를 매번 삭제하는 것도 귀찮고, 심지어 그걸 지우면 열린 태그까지 같이 삭제가 됩니다... 다행히 해결 방법이 있었습니다! 먼저 Auto Close Tag라는 확장프로그램을 설치합니다. 톱니바퀴 버튼 - 확장 설정을 클릭합니다. 맨 아래로 스크롤하면 sublime text3 mode라는 설정이 있습니다. 이걸 체크해주면

• format_list_bulleted 문제 해결
• · 2023. 8. 23.
• textsms

아파치로 배포한 웹에서 get post 요청 안되는 문제 해결 net::ERR_CONNECTION_TIMED_OUT

아파치로 배포한 웹에서 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 연결 설정을 다시 확인하여 올바르게 연결되었는지 확인하십시..

• format_list_bulleted 문제 해결
• · 2023. 8. 19.
• textsms

PDF 다크모드로 보는 방법 Dark Reader

PDF 다크모드로 보는 방법 크롬 확장 프로그램인 Dark Reader를 활용하여 pdf 파일을 웹사이트에서 다크모드로 볼 수 있는 방법을 소개드리고자 합니다! 제가 시험해보니까 크롬에서는 pdf 편집 기능이 부실했기 때문에 edge 브라우저에서 이 확장 프로그램을 활용하는 것을 추천드립니다. 1. Dark Reader 확장프로그램 설치 Edge 브라우저를 연다음 확장 탭에서 확장 관리를 선택합니다. Microsoft Edge용 확장 가져오기를 클릭합니다. 2. 외부 url 설정 적용 edge에서 pdf 파일을 열람합니다. 브라우저로 드래그 하면 브라우저에서 열람이 가능합니다. 확장 프로그램이 설치되었더라도, 외부 url에 대한 접근을 허용하지 않으면 다크모드가 적용되지 않습니다. 파일 URL에 대한 엑..

• format_list_bulleted 문제 해결
• · 2023. 4. 23.
• textsms

티스토리 블로그 게시글 간단하게 목차 만들기, 목차로 되돌아가는 링크 만들기(개쉬움주의)

티스토리 블로그 게시글 간단하게 목차 만들기, 목차로 되돌아가는 링크 만들기(개쉬움주의) 목차 1. 서론 2. 구현하기 : 목차와 링크 설정 3. 구현하기 : 목차로 되돌아가기 1. 서론 TOC인가 뭔가나 자동 목차 만들기 관련 글 찾아보다가 잘 안되고 열받아서 그냥 일일이 수동으로 하는 방식으로 만들어 봤습니다. 좀 귀찮긴 한데 확실하고 깔끔합니다. 블로그 관리 들어가서 html 편집하고 이렇게 하면 그냥 서식만 추가하면 자동으로 목차 만들어줘서 편하긴한데, 코딩 잘 모르는 사람 입장에서는 내 맘대로 커스터마이징하기가 힘들지 않습니까? 그리고 서식도 의도대로 안 만들어져서 그냥 안쓰게 되는 경우도 많았습니다. 제가 사용하는 방식은 수동으로 hdml 태그를 살짝 손봐주는 거라서 매번 포스팅마다 번거롭기는..

• format_list_bulleted 문제 해결
• · 2023. 2. 14.
• textsms