개발 환경- device : 2021 Macbook Pro M1 Pro 14inch (맥북프로 14 M1 Pro 모델)- OS : macOS Ventura 13.2 📌 에러 내용 및 상황저는 MAC 환경에서, Python을 설치했고 VSCode에서 확장프로그램을 다운받아 사용중입니다. 디버깅이 필요해서 VSCode의 Python Debugger를 추가 다운해서 사용했는데, 계속 모듈이 없다는 에러메세지만 발생하고 있었습니다.ModuleNotFoundError: No module named 'requests' VSCode의 터미널에서 python3 main.py 를 하면 정상적으로 실행이 잘 되었었고, 혹시나 하는 맘에pip install requestspip3 install requestspip uni..
⚙개발 환경 - device : 2021 Macbook Pro M1 Pro 14inch(맥북프로 14 M1 Pro 모델) - OS : macOS Ventura 13.2⚠️본 포스팅은 저의 개인적 생각을 기반으로 작성되었습니다. 따라서 정답이 아닌, 에러 해결을 위한 하나의 과정으로서 참고하시길 바랍니다. *수정이 필요한 부분이 있을 경우, 댓글로 알려 주시면 수정하도록 하겠습니다😄📌 에러 내용 및 상황zip파일의 압축을 해제하기 위해서, zip.extractall(zip_folder) 기능을 사용하고 있음그런데 압축 폴더명도 길고, 파일명도 길어서 아래의 에러가 발생하고 있음OSError: [Errno 63] File name too long: {파일경로}/{파일명.zip}👿 원인위 에러는 python에..
왜 href에 javascript:void(0)를 사용할까? ... or Main레거시 사이트들의 소스를 살펴보면 위와 같은 형태로 a태그의 href를 처리한 경우를 볼 수 있다.왜 a태그에 href="javascript:void(0);"를 사용했을까?void(0)을 사용하면, undefinded가 반환된다. 즉, 위 코드는 a태그의 고유 동작인 링크 이동을 막기 위함이다.즉, a태그에 걸어둔 공통 CSS 스타일링을 유지하며 실제 Link 이동을 방지하기 위함이라고 볼 수 있다.하지만 위에 처럼 a태그의 리다이렉트를 막기 위해 javascript:void(0); 을 처리하게 될 경우, 어떤 문제가 발생할까?문제 : 마우스 우클릭 액션이 막힌다마우스 우클릭을 했을 때의 “새탭에서 링크 열기/링크 주소 복사..
useCallback()useCallback(함수, [검사값]) 검사값이 변경되었을 때에만 함수를 생성하는 Hook이다.함수를 memoize → 재사용하기 위해서 사용(랜더링 성능 최적화)검사값에 따른 랜더링 비교[] : 검사값이 비어있으므로, 최초 랜더링시에만 함수를 선언하고 이후 계속 재사용한다[number] : number 값이 변경되었을 때에만, 함수를 다시 선언사용 이유자식 컴포넌트에게 props로 함수를 전달할 때 사용 → 자식 컴포넌트의 불필요한 랜더링을 방지함수 변경이 없거나, 연산이 큰 함수를 최초에만 선언하기 위해서 사용 useEffect()사이드 이펙트를 방지하기 위해서 사용함상세 사례API Fetching : 컴포넌트 내에 axios를 선언해놓았는데, 해당 컴포넌트가 부모에 의해 계..
Alfred 설정 백업 방법Advanced 로 접속하면, 우측 하단에 Reveal in Finder 버튼이 보인다.해당 버튼을 누르면 폴더가 나타나는데, 거기의 Alfred.alfredpreferences 파일이 존재한다.해당 파일을 신규 Mac으로 가져가서 동일 폴더에 덮어 씌우면 모든 설정이 그대로 백업된다!야호!
⚙개발 환경 - device : 2021 Macbook Pro M1 Pro 14inch(맥북프로 14 M1 Pro 모델) - OS : macOS Ventura 13.2⚠️본 포스팅은 저의 개인적 생각을 기반으로 작성되었습니다. 따라서 정답이 아닌, 에러 해결을 위한 하나의 과정으로서 참고하시길 바랍니다. *수정이 필요한 부분이 있을 경우, 댓글로 알려 주시면 수정하도록 하겠습니다😄📌 에러 내용 및 상황MAC OS를 기존 몬트레이에서, 벤추라로 업데이트했다. 그 후 평소처럼 git을 사용하려는데, 위와 같은 에러가 발생했다.xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools ), missing xcrun at: /..
2023년 8월 18일에 로지텍 MX Master 3S 페일 그레이 색상을 구매했다.로지텍 MX Master 3S 개봉기, 구매 이유와 Logi Option까지구매 이유2년 넘게 사용했다. 옆엔 세월의 흔적 ㅎㅎ..원래 로지텍의 MX Anywhere 2 모델을 사용했다. 아마존에서 벌크로 된 제품을 저렴한 가격에 구매했었다.당시 사용한 MX Anywhere 2에서 맘에 드는 점은 아래와 같았다.손에 딱 알맞는 사이즈 : 손이 일반 남성 사이즈이긴 하지만, 마우스라는게 손 안에 딱 맞게 들어오니 컨트롤이 훨씬 쉬었다.다양한 버튼들 지원 : Anywhere 시리즈의 경우 휠이 좌우로 틸팅?https://23log.tistory.com/180위 글을 읽으면 알 수 있지만, 주요 구매 이유는컴퓨터 주변 기기 브..
⚙개발 환경 - device : 2021 Macbook Pro M1 Pro 14inch(맥북프로 14 M1 Pro 모델) - OS : macOS Monterey 12.5.1⚠️본 포스팅은 저의 개인적 생각을 기반으로 작성되었습니다. 따라서 정답이 아닌, 에러 해결을 위한 하나의 과정으로서 참고하시길 바랍니다. *수정이 필요한 부분이 있을 경우, 댓글로 알려 주시면 수정하도록 하겠습니다😄📌 에러 내용 및 상황셀레니움을 활용하여, 노션에서 티스토리로 자동 업로드를 실행하던 도중. 위와 같은 에러가 발생함.생각해보니 크롬 웹드라이버를 설치하지 않았던 것 같아서, 내 버전에 맞는 크롬 드라이버를 설치함https://chromedriver.chromium.org/downloadsM1으로 분류된 항목이 없어서, a..
📢본 포스팅은 망분리 환경에서 크롬 확장 프로그램을 설치하기 위한 방법에 대해 기술하였습니다.확장 프로그램 압축하기 사이트 이용 (추천😁)아래의 압축 사이트에 접속한다.Get .CRX Chrome Extension file, it's source code and download .CRX to your computer.Turn any Chrome extension into white box. Learn from code, debug and pentest it! Hey, stranger! 🌻 Take a look at the special page Just download chrome extension!. This article uncovers a number of extremely useful Chrome..
Getting Started | Next.jsWelcome to the Next.js documentation! If you're new to Next.js, we recommend starting with the learn course. The interactive course with quizzes will guide you through everything you need to know to use Next.js. If you have questions about anything related to Next.js, you're always welcome to ask our community on GitHub Discussions.https://nextjs.org/docs/getting-started..
ℹ️ SSR (Server Side Rendering)서버 사이드 랜더링은 서버측에서 데이터를 모두 구성하여 클라이언트에게 전달해주는, 전통적인 랜더링 방식입니다. 서버에서 HTML을 모두 작성하여 브라우저에게 전달, 브라우저는 랜더링을 통해 사용자에게 보여주는 형태이죠.☀️ 장점검색 엔진 최적화(SEO)에 유리이미 HTML 내에 모든 정보가 포함되어 있으므로, 검색엔진이 사이트를 탐색할 때 해당 정보를 가지고 올 수 있습니다.🌧 단점서버의 부하 증가 + 웹 로딩 속도 증가웹의 정보가 많아질수록 서버에서 담당하는 처리양도 늘어나게 됩니다.웹에서 모든 정보를 다 처리해서 전달하므로, 서버의 부하가 클 수록 웹 로딩 속도도 증가하게 됩니다.사용자 경험(UX) 감소새로운 페이지로 이동할 때마다 새로고침(깜빡)..
😳구매하기 위해서 정리한 내용인데, 나와 같은 고민을 하고 있는 사람들이 보면 좋을 것 같아서 공유합니다. 합리적인 소비에 참고해주세요😖 !인트로원래 운동을 러닝 위주로 했는데, 최근에 등산과 테니스에 순차적으로 빠지게 되면서 점점 무릎을 혹사하는 환경에 처하게 되었다. 그러다 코로나 걸린 이후 ‘확찐자’가 되며 체중이 늘었고, 그로 인해 무릎에 부담이 더욱 가중되는 환경에서 서울 둘레길 26K를 트레일하게 되었다.그리고 그 이후부터 왼쪽 무릎 아래가 너무 시큰거리기 시작했다 😥 생각보다 통증이 심해졌는데, 등산은 잠깐 쉰다해도 러닝과 테니스는 계속 하고 있기 때문에, 좀 제대로 된 무릎 보호대를 장만 해야겠다 싶었다. 가볍게 사용하기 최고다!난 이전부터 잠스트의 JK-BAND 제품 두개를 구매해서 러닝..