도록

프로젝트 별로 git 계정을 따로 셋팅해서 사용하고 있었다.신규 프로젝트를 받았는데, 두 계정이 해당 repo에 다른 권한을 갖고 있어 clone 권한 충돌이 발생했다. 낮은 권한의 사용자만 딱 로그아웃하려는데... vscode의 git 사용자 권한 영역이 cursor에서 어디있는지 알수가 없어서그냥설정되어 있는 모든 사용자 정보를 날렸다. git config --system --unset-all credential.helpergit config --global --unset-all credential.helpergit config --local --unset-all credential.helper 이러고 다시 clone 받으니 로그인 창이 뜬다 일단 OK~

문제 상황테스트 페이지가 필요해서 셋팅하던 중, 테일윈드 공식 문서 대로 제일 최신 버전을 설치하니 vite.config.ts 파일에서 아래와 같은 오류가 발생했다.Type 'Plugin[]' is not assignable to type 'PluginOption' 해결책: node_modules 폴더와 lock 파일(ex. pnpm-lock.yaml, package.lock.json, yarn.lock)을 둘다 삭제하고 다시 install 받으면 해결된다. rm -rf node_modules pnpm-lock.yamlpnpm install 출처: https://github.com/tailwindlabs/tailwindcss/discussions/17541

주기적으로 localhost에서 api 통신이 net_error 가 발생했다. safari 로 접속하면 또 정상이라, (참고로 safari는 localhosts는 못붙고 dev api 는 정상이라...) 해결 방법은 두가지 였다.1. chrome 최신 버전으로 update   2. mac 설정 > 개인정보 보호 및 보안 > 로컬 네트워크 > chrome 부분에 on 되어 있는지 확인on 되어 있어도 한번 off 시키고 뒤로가기, 다시 들어가서 on 한 후에 local 붙어보면 정상화 되는 경우가 많았다

키보드 > 설정 > 텍스트 입력 > 편집 클릭 두벌식 > 삭제 방식을 '글자'로 변경 > 완료

지난 11월에 프리랜서 계약을 해 3개월동안 일한 후기를 적고자 한다. 선택 배경나는 프리랜서 계약이 처음이다.프리들은 금액이 높은 대신 세금 너무 많이 내서 힘들어! 라는 후기들이 진짜인지 궁금했다. + 근로소득자와 사업소득자의 세금 계산이 궁금했다. + 어떤 것을 고려하면서 프리랜서 계약을 해야하는지도 알고 싶었다. 요약중개 서비스를 이용할 거라면, 계약서와 서비스 이용약관을 잘 보자! (내가 이용한 서비스의 이용약관) 후기보수 지급일을 조정할 수 있다. (특정 달 보수를 15일 정도 이후에 받고 싶다는 의사를 표했고, 계약서에 이 내용을 반영해 원하던 시점에 보수를 받았다.)중개 서비스와 발주사 간의 금액은 내가 알 수 없다.내가 원하는 최저 보수를 중개서비스에 전달하면, 발주사와 조정해 최종 금액..

연결 방법1. 키보드 유선 연결2. https://usevia.app/ 사이트 접속 후, 4번째 setting 탭에 들어간다3. 첫번째 탭인 키보드 모양의 configure 메뉴에서 authorize device 클릭해, via 설정할 키보드를 선택합니다.    키 맵핑 하는 방법은 키크론이 잘 설명해주기에, https://keychron.kr/via/?vid=12 요 페이지 보면서 하면 된다.      ⚠️ 아무리 권한을 줘도 configure 탭에 아무 반응이 없다면?1. via json 파일을 다운받기usevia.app에서 지원하지 않는 키보드를 설정하기 위해, 여기(https://epomaker.com/blogs/via-json/cidoo-abm066-usb-via-json-file?_pos=3&..

1. 크롬 개발자 도구Network 패널 : 네트워크 트래픽을 통해, 리소스의 크기와 로드 시점 등을 확인Performance 패널  : 웹페이지 로드 시 실행되는 모든 작업을 차트로 제공Lighthouse 패널  : 성능 측정 및 개선 방향 제시Coverage 패널  : 렌더링 과정에서 어떤 코드가 실행되었는지 보여준다. (특정 파일에서 극히 일부만 코드가 실행되었다면, 불필요한 코드가 많이 포함되었다고 판단한다)2. webpack-bundle-analyzer : webpack을 통해 번들링된 파일이 어떤 lib를 담고 있는지 보여주며, 불필요한 코드 위치와 전체에서 어느 정도의 비중을 차지하는지 알려준다. 3. React Developer Tool 의 Profiler 패널: 렌더링 발생 횟수, 렌더링..

머리 속 정리하기. 전문 용어 번역기를 주제로 사이드 프로젝트를 하려고 한다. 개발 전 미리 머리 속을 정리하고자 한다.  Why : 주제 선택의 계기는?: 지인이 건강검진에서 의심되는 병이 있어, 여러 검사를 받게 되었다. 그 검사 결과지에 적혀있는 글을 이해하기가 어려웠고, 내용을 이해하기 위해서는 다음 병원 방문일까지 기다려야 했다.  Pain point : 전문 용어는 어렵다.'어렵다'라는 단어가 공부할 때 많이 들어서 그런지, 생각할 겨를도 없이 '쉽게, 혹은 즐겁게!' 가 튀어나왔다.그치만 전문용어를 달달 외울 것도 아닐 뿐더러, 공부하는 것이 목표가 아니다. 공부보다는 커뮤니티 정도로 가벼웠으면 좋겠다 였다.내가 모르는 것을 잠깐 검색, 질문을 통해 해결하고 이러한 행위는 커뮤니티와 유사한 ..