"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."스몰리그 맥세이프 콜드슈 2in1 범용 SSD 홀더 리뷰개요스몰리그 맥세이프 콜드슈 2in1 범용 SSD 홀더는 맥세이프와 퀵 릴리즈 콜드슈 마운트를 동시에 지원하는 제품이다. 스마트폰뿐만 아니라 다양한 카메라 케이지에도 연결할 수 있어 활용도가 높다.구성품SSD 클램프 (본품)마그네틱 메탈 링 스티커 (맥세이프 미지원 기기에도 부착 가능)설명서특징맥세이프 & 콜드슈 지원맥세이프 방식으로 SSD를 부착할 수 있으며, 퀵 릴리즈 콜드슈 마운트를 통해 다양한 장비에 연결할 수 있다.강한 자력맥세이프의 자력이 꽤 강한 편이라 안정적으로 SSD를 부착할 수 있다.다양한 활용 가능스마트폰뿐만 아니라 카메라 케이지에도 쉽게 연..

급한 분들은 사진부터.클라인툴스 39 in 1 정밀 드라이버 세트 리뷰개요클라인툴스 39 in 1 정밀 드라이버 세트는 대만에서 제조된 고품질 제품이다. 다양한 전자기기 수리에 적합하며, 특히 애플 제품에 사용되는 비트도 포함되어 있어 활용도가 높다.구성품정밀비트 39개: 다양한 나사 규격을 지원고무 코팅 손잡이: 그립감이 우수하고 견고함양면 사용 가능한 자석 내장 배럴: 길이를 조절할 수 있어 편리하고, 자석이 내장되어 비트 결착이 용이함부드럽게 여닫히는 케이스: 사용이 편리함특징정밀한 작업 가능애플 제품을 포함한 다양한 전자기기에 맞는 비트가 포함되어 있어 정밀한 작업이 가능하다.편리한 배럴 시스템배럴을 손잡이에 끼웠다 뺐다 할 수 있으며, 양면 구조로 되어 있어 짧게 또는 길게 조절하여 사용할 수 ..

Next.js에서 로컬 개발 환경에서 HTTPS를 사용하는 방법에 대해 설명한다. HTTPS는 웹훅(webhooks)이나 인증(authentication) 같은 보안이 중요한 기능을 개발할 때 유용하다. Next.js는 자체 서명된 인증서를 생성하여 로컬 개발 환경에서 HTTPS를 사용할 수 있도록 지원한다.1. HTTPS 활성화Next.js에서 HTTPS를 사용하려면 next dev 명령어에 --experimental-https 플래그를 추가한다.next dev --experimental-https이 명령어를 실행하면 Next.js는 자체 서명된 인증서를 생성하고, 애플리케이션을 https://localhost:3000에서 실행한다. 기본 포트는 3000번이지만, 필요에 따라 -p, --port 또는 ..

Next.js 14에서 Favicon을 SVG 파일로 변경하는 방법Next.js 14에서 favicon을 설정하는 방식이 더욱 간편해졌다. 특히 app route 기준으로 favicon을 SVG 파일로 변경하는 과정은 매우 직관적이다. 이 글에서는 favicon을 SVG 파일로 변경하는 방법을 단계별로 설명한다.1. app 디렉토리에 icon.svg 파일 준비하기Next.js 14에서는 기존의 favicon.ico 파일을 대체하여 SVG 파일을 쉽게 적용할 수 있다. 먼저, 사용하려는 SVG 파일을 준비한다.SVG 파일 생성 또는 다운로드원하는 아이콘을 SVG 파일로 저장하거나 다운로드한다.app 디렉토리에 파일 배치프로젝트의 app 디렉토리에 icon.svg 파일을 추가한다. 이때 파일명은 반드시 ic..

Next.js 프로젝트를 Vercel에 배포할 때, 빌드는 성공했지만 404 NOT FOUND 오류가 발생하는 경우가 있다. 보통 이런 오류는 CORS 문제나 디렉토리 구조의 문제로 인한 것일 수 있지만, 때때로 원인을 찾기 어려운 경우도 있다. 특히 favicon 관련 문제는 원인을 발견하기가가 어려울 수 있다. 이번 글에서는 favicon 관련 404 오류를 해결하는 방법에 대해 알아본다.1. 문제 상황Next.js 프로젝트를 Vercel에 배포하고 나서 브라우저에서 404 NOT FOUND 오류가 발생하는 경우, 일반적으로는 아래와 같은 원인들을 먼저 확인해야 한다.- CORS 문제: 서버에서 리소스를 불러올 때 접근 권한이 없을 때 발생한다.- 디렉토리 구조 문제: 경로 설정이 잘못되었거나..

기존에 flutter와 dart 로 web개발을 하고 있었다면 많이 보았을 dart:html과 관련하여 최근 새로운 소식이 생겼다. dart:html 공식 문서에 따르면, dart:html이 더 이상 권장되지 않으며, Dart 웹 애플리케이션 개발자들은 이제 package:web을 사용하는 것이 권장된다. 새로운 프로젝트는 dart:html 대신 package:web을 사용하는 것이 좋고, 기존 프로젝트는 이를 적용하기 위해 마이그레이션 가이드를 참고해야 한다고 나와있다. 바로 그러면 어떻게 마이그레이션 하는지 알아보자. 1. dart:html 제거 및 package:web 추가먼저, dart:html 모듈을 제거하고, 이를 package:web 모듈로 대체해야 한다. 코드에서의 수정은 다음과 같다..

Flutter에서 TextFormField와 같은 입력 위젯을 사용할 때, 사용자가 입력하는 데이터를 특정 형식으로 제한하거나 검증하기 위해 inputFormatters 속성을 활용할 수 있다. 이 속성은 사용자가 텍스트를 변경할 때 입력된 값에 대해 여러 TextInputFormatter를 순서대로 실행한다.inputFormatters는 리스트 형태로 여러 TextInputFormatter를 받으며, 이를 통해 입력값을 필터링하거나 포맷을 적용할 수 있다. 예를 들어, 숫자만 입력하게 하거나 특정 패턴에 맞는 문자만 입력할 수 있도록 제한할 수 있다. 중요한 점은, inputFormatters는 사용자가 직접 텍스트를 입력하거나 삭제할 때에만 적용되며, controller를 통해 프로그램적으로 텍스트를..

깃허브에서 이것저것 작성하다보면 이미지나 긴 코드 등을 토글로 숨겨서 깔끔하게 정리하고 싶을 때가 있다. 이럴 때에 아주 간단하게 해결할 수 있는 방법이 있다. 토글버튼에 들어갈 메시지 토글 안에 넣을 이미지나 글 팀 깃허브 discussion에 내가 사용한 것의 일부분을 이를 이용해보았다. 누르면 이렇게 된다. 이 글에서 적용해보았다. 아래의 "접기/펴기"를 눌러보자. 접기/펴기 이런 식으로 적용이 된다. 다만 티스토리에서는 마크다운 모드로 바꾸고 해야한다. 그리고 어찌된 이유에서인지 다시 기본 모드로 돌아가면 토글이 풀려있다. 티스토리에서는 그냥 마크다운에서 만든 채로 바로 완료 버튼을 눌러서 글을 발행하자. 이제 당장 써보러 가자.

발단평소대로 clone을 아래와같이 받았다.git clone https://github.com/어쩌구/저쩌구.git그런데 잘 가다가 이런 에러가 떴다.fatal: --stdin requires a git repositoryfatal: fetch-pack: invalid index-pack output이러면서 clone에 계속해서 실패했다. 다른 디렉토리에서 시도 했을 때는 잘 되었고 clone 받을 디렉토리를 지정해서 clone해도 잘 된다.그러나 이대로 두긴 너무나 찝찝했다.  해결하기 전에 알아본 것git clone도 deep clone 과 shallow clone 이 있다는 것을 알았다.먼저 deep clone과 shallow clone의 예를 먼저 보자.//deep clonegit clone ht..

내가 작업중인 브랜치가 팀원들이 작업중인 브랜치보다 뒤쳐져서 최신화를 할 필요가 있을 때가 있다.아래 방법을 통해 해결했다. 안전한 방법도 추가로 알아보았다. 여기서는 예시로 뒤쳐진 내 브랜치를 mybranch, 최신화된 팀원들이 작업중인 브랜치를 latest라고 하겠다.먼저 쉬운방법이다.git checkout latest //최신화 되어있는 브랜치로 넘어간다.git pull //브랜치를 최신화.git checkout mybranch //최신화를 적용할 내 브랜치로 이동한다.git rebase latest //브랜치를 최신화.다음으로는 안전한 방법이다.git checkout latest//git fetch -> 선택사항git pullgit checkout mybranchgit stashgit reset ..