본문 바로가기
반응형

전체 글190

맥미니 M4 개발자 세팅하기 (2026.06 버전) 요즘 구하기 힘들다는 맥 미니. 공홈에서 지금 사려고 해도 가장 깡통 모델이 한 달 정도 걸리는 상황입니다.물론 이게 조금 더 좋은 설정을 한다면 그건 또 최소 두 달 이상 걸리고 있죠. 그치만 저는 하이마트에서 구했습니다ㅎㅎ 배송은 딱 하루만에 바로 왔고, 오자마자 뜯어서 설정부터 합니다. 저는 일단 맥 미니를 전원 연결하고, 모니터에 연결했습니다. 일단은 이게 일반 맥북과 다르게 당연하게도, 그 어떠한 입력 장치(키보드, 마우스)도 없기 때문에 기본적으로 키보드와 마우스를 따로 준비해둡니다 이제부터 개발자 설정을 해보겠습니다. 스크롤 방향 수정저는 마우스 휠을 내리면 스크롤 아래로 내려가게 하는 것을 선호하기 때문에 스크롤 기본 설정을 수정했습니다 (선택) 화면 분할 및 정렬 앱 - Magnet저처.. 2026. 6. 19.
Claude Code 모델 변경 함정 : /model 4.6은 멍청한 4.6 으로의 변경이다 Claude code 사용하다가 최근 4.7 이 나오면서 업데이트를 하니까 기본적으로 Opus 4.7 이 되었습니다.그런데 현실적으로 4.7 이 더 잘 한다고 해도, 토큰을 먹어도 너무 먹어버리니까 다시 4.6 으로 돌리고 싶더라구요.근데 /model 을 입력해서 4.6으로 돌리니까 뭔가 이상하게 너무 멍청해지더라구요. 이게 왜 그런가 했더니 이렇게 4.6으로 바로 변경이 Opus 4.6 이 아니라 Sonnet 4.6 으로 변경이 되는 거라서 그랬었네요...그래서 4.7 나오니까 4.6이 바보가 되었구나 라고 착각을 했었네요해결 방법터미널에서 claude 를 입력하여 claude 를 활성화 한다/model claude-opus-4-6 를 입력해서 명확하게 모델과 버전을 명시한다 이렇게 하면 정확하게.. 2026. 4. 27.
Claude code agent team 사용해보기 ai 개발 프로세스를 회사에서 도입하기 시작했다. 많은 도움을 받고 있는데, 내가 이 원리나 생태계를 모르면 안될 것 같아 개인 프로젝트에서도 이와 같은 세팅을 해두려고 한다. https://code.claude.com/docs/ko/setup?ref=blog.highoutputclub.com#installation Claude Code 설정 - Claude Code Docs개발 머신에 Claude Code를 설치, 인증하고 사용을 시작합니다.code.claude.com 클로드의 안내 사항을 따르겠습니다 1. 클로드 설치하기 설치 방법은 다양합니다. homebrew 를 사용해도 되지만, 권장하는 방법으로 안정하게 따를게요 (저는 맥을 사용중이에요. 위에 적은 링크에서 윈도우는 다른 스텝을 따라야 하니 주.. 2026. 3. 7.
2026.03.07 기준 iterm2 설치 방법 (맥북 개발자 터미널 세팅) 2026년 3월 기준 macOS 에서 iTerm2 를 설치하는 가장 추천하는 방법은 Homebrew 를 사용하는 것입니다. 기존 사이트에서 zip 으로 다운로드 등도 있는데, 일단은 homebrew 를 사용하는게 가장 편리하고 안정적이에요 0. Homebrew 설치(이미 설치가 되어있다면 건너 뛰세요)터미널을 켜고 아래의 명령어를 복사 붙여넣어주세요/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 1. iterm2 설치 - Homebrew 를 사용하여 설치brew install --cask iterm2 설치가 완료된 후 iterm 을 실행시켜 보니 꼬라지가 이렇다.. 일단! 글꼴 깨지.. 2026. 3. 7.
네이버 올림픽 메달 알림 끄기, 비활성화 하기 내가 언제 이런 알림까지 동의를 했는지 이제는 기억 조차 나지 않지만, 상단 노치에 알림이 뜨고, 계속 화면에서 표출이 되면서 실수로 건드리게 되면 앱 이탈해서 네이버로 넘어가기 까지... 근데 저 영역이 또 작은 것도 아니라 더 화가 나네요 물론 축하할 일이지만, 솔직하게 저는 실시간으로 모든 메달 소식을 받아 봐야만 할 정도로 처절하게 응원하지는 않습니다.정말 이 기능이 필요한 사람들만 알림을 받으면 된다고 생각함... 올림픽 기간 동안에 NAVER 앱의 방문자 수가 이렇게 늘었어요! 를 하고 싶었던 건지데이터를 분석도 의미없게 이렇게 주작질 쳐도 되나.. 정말 잘못 터치하면 납치가 된다는 느낌이 든다... 진짜 폰으로 게임하다가 집어 던질뻔했다.. 그래서 이제 네이버 메달 알림을 없애는 설정을 .. 2026. 2. 19.
2026 개발 세팅 - 터미널 꾸미기 : oh my zsh 사용하다가 powerlevel10k 로 바꾸기 이직을 하면서 새로운 맥북을 쓰게 되다 보니까 이전에 공들여 예쁘게 설정했던 터미널 설정들이 다 사라져서 우울하던 이때, 새로운 방법이 있어서 다시 설정을 해보려 합니다. 훨씬 간단하고 예쁘니까 쉽게 따라해보시죠 이번에 사용할 거는 powerlevel10k 라는 테마로, oh my zsh 의 테마 중 하나입니다. 근데 진짜 설치 마법사 처럼 해주니까, 걱정하지 말고 글을 따라봐 주세요. Powerlevel10k 설치하기1단계: 폰트 다운로드 및 설치아직 폰트가 설치되지 않았다면 아래 링크에서 4개의 파일을 모두 다운로드하여 설치해주세요. 이 폰트를 설치하지 않으면 싸그리 다 깨져서 쓸모가 없으니까 서체 먼저 설치를 해주세요MesloLGS NF Regular.ttfMesloLGS NF Bold.ttfMes.. 2026. 1. 26.
홍콩여행 후기 #2 : 홍콩의 쌈지길 PMQ 탐방과 홍콩섬 사천음식 맛집 후기 오늘은 홍콩 2일차로 홍콩섬에서 좀 돌다가 오려고 했습니다. 유튜브에서 소개되었던 맛집도 가보았습니다 찾아보니 홍콩섬에 쌈지길같은 공간이 있었어요. 마당을 중심으로 층층이 소품샵과 공방이 늘어선 구조가 인사동 쌈지길과 매우 흡사했습니다. 원래 경찰 기동대 숙소였던 곳을 신진 디자이너들의 스튜디오와 갤러리로 개조한 곳이라고 하더군요. 이런 로컬 작가들의 작업실이나 쇼핑 공간들을 정말 좋아해서 오늘의 여행지로 정했습니다. 청킹맨션에서 나와 홍콩섬으로 가기 위해 항구쪽으로 향했습니다. 아침이다 보니 출근시간과 겹친거 같았어요. 차가 굉장히 많았습니다. 계속 느꼈지만 진짜 이 엄청난 인구밀도 때문에 생활 공간이 굉장히 작은 것 같고, 2층 버스가 대부분이었습니다. 항구에 도착을 해서, 배를 탈 때의 요금도 .. 2026. 1. 24.
홍콩여행 후기 #1 : 옥토퍼스 카드, 베이크 하우스, 몽콕야시장 이번에는 홍콩으로 여행을 다녀왔습니다.이때까지 여행을 하면서 내 이동 경로를 추적을 하고 싶었는데, 이번에 좋은 앱을 찾아서 해당 앱을 사용하면서 여행을 해봤습니다 PolarSteps나중에 찾아보니, 이미 지났던 여행도 사진을 날짜별로 쭉 업로드를 하면 여행 루트를 기록해주기도 하더라고요, 대신 차라리 여행을 하는 동안에 백그라운드로 실행히켜놓고 사진들 업로드하면 더 정확하게 되더라구요. 하여튼, 홍콩 여행을 준비를 할 때에 보니 숙소 값이 엄청 비싸더라구요..금전적으로 부담이 없고, 무조건 좋은 컨디션의 숙소가 필요하시다면 호텔로 예약을 하시는게 좋을 것 같고, 숙박비는 현실성 있는 비용으로 하고 싶다면 선택지 없이 에어 비앤비를 사용하시면 되겠습니다. (물론 에어 비앤비로 하더라도 저렴하진 않습니다.. 2026. 1. 24.
i18n 대신, 자동 번역 기능을 도입 - Weglot 다국어 지원(i18n)은 글로벌 서비스를 지향한다면 피할 수 없는 숙명과도 같습니다. 하지만 수많은 번역 리소스(JSON, yml 등) 파일 관리와 텍스트 하나 바뀔 때마다 번역팀을 찾는 과정은 개발자에게 적지 않은 피로감을 줍니다. 오늘은 기존의 레거시 i18n 라이브러리를 전면 제거하고, Weglot이라는 자동 번역 솔루션을 도입하며 겪은 트러블슈팅과 그 과정을 공유하려 합니다.왜 i18n을 제거하고 weglot 을 선택했는가?기존처럼 번역 키를 하나하나 매핑하고 JSON 파일을 관리한다.Weglot을 활용해 DOM 기반의 자동 번역을 적용한다.우리는 유지보수 효율성과 기술 부채 제거를 위해 2번을 택했습니다. 특히 추후 진행될 전체 프로젝트 통합 마이그레이션을 고려했을 때, 복잡한 i18n 의존성을.. 2026. 1. 23.
Next.js + Supabase 프로젝트 - (9) - 2 : 추가 설명 포스팅 - js 동기, 비동기 처리란 현재까지 프로젝트를 진행하며 코드에 주석을 달며, 읽기를 권장드리는 형식으로 설명을 이어왔는데, 이 타이밍에 부족했던 설명들과 브라우저에서의 데이터 통신과 화면 그리기의 방식에 대한 개념을 한 번 상세하게 짚고 넘어가야 할 것 같아 포스팅을 작성하게 되었습니다 app/blog/page.tsximport { createServerSupabaseClient } from '@/utils/supabase/server';import Link from 'next/link';import Image from 'next/image';/** * 블로그 목록 페이지 - Server Component * * 동기 처리 (Server-side): * - 페이지 렌더링 전에 모든 포스트 데이터를 서버에서 미리 가져옴 * - .. 2025. 7. 17.
Next.js + Supabase 프로젝트 - (9) : 로그인 회원가입 인증 구현 with Clerk Next.js + Supabase 를 사용한다면 Supabase 를 사용하니까 편하게 Supabase 의 내제된 기능인 auth 를 사용을 할 수도 있습니다. 하지만 로그인 관련 UI 구현도 귀찮고, 모던 로그인 UX 등을 이해해보고 싶어, Clerk 라는 인증 관리 툴을 사용해 볼까 합니다. Supabase Auth vs Clerk 비교Supabase Auth✅ 장점완전한 통합: 이미 Supabase 사용 중이므로 추가 설정 최소화데이터베이스 직접 연동: RLS(Row Level Security)로 데이터 보안 자동 관리비용 효율성: 별도 인증 서비스 비용 없음간단한 설정: 기존 Supabase 클라이언트 그대로 활용기존 코드와 완벽 호환❌ 단점UI 커스터마이징 제한: 인증 UI를 직접 구현해야 함소.. 2025. 7. 14.
Next.js + Supabase 프로젝트 - (8) : 포스팅 상세 페이지 구현 저번 포스팅에 대한 요약, 이번 포스팅에서 이어질 내용에 대한 안내 후 진행하도록 하겠습니다. 이전 포스팅 요약 Next.js와 Supabase를 활용한 CRUD(생성, 조회, 수정, 삭제) 기능 구현에 대한 튜토리얼입니다. 주요 내용은 다음과 같습니다:Supabase 설정Supabase 프로젝트 생성테이블 구성 (예: posts 테이블)Next.js에서 Supabase 연동Supabase 클라이언트 설정환경변수로 URL과 키 관리CRUD 기능 구현createPost: 게시물 생성getPosts: 게시물 전체 조회getPost: 특정 게시물 조회updatePost: 게시물 수정deletePost: 게시물 삭제API 라우트 작성 (pages/api/ 폴더)각 기능별로 API 핸들러 작성프론트엔드에서 API.. 2025. 7. 11.
MYSQL 비밀번호 까먹었을 때 재설정하기 (변경하기) mysql 을 workbench 로 예전에 사용하다가 supabase를 사용하게 되면서 mysql 을 사용 안한지 엄청 오랜 시간이 지났습니다.mysql 을 사용한 프로젝트를 하나 시작하게 될 일이 있어 다시 키려고 하는 순간...! 제가 생각했던 비밀번호가 아니더라구요.. 어쩔 수 없이 비밀번호 자체를 재설정해야 하는 경우가 생겨, 제 경험을 공유드리려고 합니다 (macbook 기준) mysql -u root -p 이 코드로 mysql 을 사용하려고 할 때에 비번을 까먹어서 재설정하는 내용입니다 일단 아래의 명령어를 실행해 mysql 관련 프로세스를 종료해줍니다sudo killall -9 mysqld_safesudo killall -9 mysqld 그런 다음, 아래의 명령어를 실행해 mysqld_sa.. 2025. 7. 8.
Next.js + Supabase 프로젝트 - (7) : Supabase CRUD, UI 코드 구현 (해당 파일들 전체 코드 공개) 이번 포스팅은 아래의 CRUD 구현에 대한 상세 설명으로 이어집니다.이번 포스팅은 내용은 컴팩트 하나, 코드를 첨부함에 따라 스크롤이 길 수는 있겠습니다ㅎㅎ 파일을 추가하는게 나을 수도 있을 텐데, 혹시나 다운로드의 부담도 있을 것 같아 코드로 적어두겠습니다 https://kyurasi.tistory.com/entry/Nextjs-Supabase-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-6-CRUD-%EA%B5%AC%ED%98%84 Next.js + Supabase 프로젝트 - (6) : CRUD 구현이 포스팅은 아래의 포스팅에 이어지는 내용입니다.https://kyurasi.tistory.com/entry/Nextjs-Supabase-프로젝트-4-Github-연결-vercel-.. 2025. 7. 2.
Next.js + Supabase 프로젝트 - (6) : 페이지 설계, CRUD 구현 이 포스팅은 아래의 포스팅에 이어지는 내용입니다.https://kyurasi.tistory.com/entry/Nextjs-Supabase-프로젝트-4-Github-연결-vercel-배포-CICD-구현하기 Next.js + Supabase 프로젝트 - (5) : Github 연결, vercel 배포, CI/CD 구현하기저는 프로젝트 개발을 진행하면서 사이트로 배포도 무료로 해보려고 합니다. 일단 무료로 사이트를 띄우는 방법으로 Vercel 을 택하겠습니다. 주요 내용1. 작업중인 프로젝트 Github 에 올리기2. 프kyurasi.tistory.com 기대 결과물 이전 포스팅까지 해서 프로젝트에 Supabase DB 연결, Vercel에 Github 을 연결하여 CI/CD 구현 까지 해보았습니다.이제 연결.. 2025. 7. 1.
반응형

티스토리툴바