jh (@jh_coding) profile picture

backend developer. work for startup. currently studying rust

Seoul
Joined April 2023
글귀 4만개라 해봐야 트윗 사이즈면 12메가 좀 안 되고 이미지야 CDN 싸게 쓸 방법이 얼마나 많은데 이게 일주일에 100만원이 나온다고??? 뭐 구조가 어떻게 되먹은거냐?
결국 서버비 일주일 백만원단위가 넘어 쉬어가기로 결정 ㄷㄷ 서버 증설과 코드 최적화하여 온다고 함 후원으로는 서버비 멘징 안되나보다
6
72
27
233
52,369
jh retweeted
this Anthropic paper f*cking insane it's basically the 9-step loop top AI engineers wrap around Claude Code before they let it near a repo. every step, every formula, the full copy-paste template, all of it laid out. paste it into Opus 5.5 once and your agent moves from guessing to planning, checking and fixing its own work. the crazy part is anthropic has been recommending these exact pieces in their docs all along and 99% of people still simply type "fix this bug" and wonder why the agent breaks things. bookmark it before this thread gets lost. then read the full Graph Engineering guide below ↓
12
35
216
22,384
🐙 이번 주 주목할 깃허브 TOP 5 (10/31~11/6) 1위 claude-mem ⭐113,696 AI 에이전트의 세션 컨텍스트 저장·복원 작업 컨텍스트를 압축해 향후 세션에 주입합니다. github.com/thedotmack/claude… 2위 hallmark ⭐49,036 AI 코드 부실성을 막는 설계 스킬 코딩 에이전트의 결과물을 검수합니다. github.com/Nutlope/hallmark 3위 skills ⭐187,888 Claude 에이전트 스킬 저장소 에이전트의 기능을 확장하는 스킬을 제공합니다. github.com/anthropics/skills 4위 DeepTutor ⭐55,635 개인맞춤형 평생 교육 튜터링 시스템 학습자 수준에 맞춘 학습을 제공합니다. github.com/HKUDS/DeepTutor 5위 worktrunk ⭐11,665 AI 에이전트 병렬 작업용 Git CLI 도구 여러 작업을 worktree로 동시 관리할 수 있습니다. github.com/max-sixty/worktru…
7
22
126
8,671
Claude Code를 비개발자에게 사용하도록 시켜보니, 가장 처음 막히는 부분이 git에 대한 개념이었다. 커밋, 푸시, 브랜치 이런 개념을 처음부터 다 알려줘야 했고, 브랜치를 가장 헷갈려함. 브랜치 선택과 풀이 안되니 협업이 안됨. 혼자 바이브코딩한다면 큰 문제가 없겠지만 협업은 알려줄게 좀 있을 듯
8
37
21
231
23,739
CLAUDE.md나 AGENTS.md가 낡으면, 코딩 에이전트가 실제 코드보다 그 낡은 문서를 따라간다는 연구가 나옴 근데 한 문장으로 고칠 수 있음 연구진이 설정 파일이랑 실제 코드가 일부러 충돌하게 만든 파이썬 프로젝트 40개로 320번 돌려봤음 - 아무 조치 안 하면 에이전트 선택의 90.1%가 낡은 문서 쪽을 따름 - Claude Code는 80번 중 79번 이거 코드랑 다른데 하고 충돌을 알아챘는데도 그냥 문서를 따름 - Codex는 더 나감. 80번 중 20번은 멀쩡히 돌아가던 코드를 문서에 맞춰 다시 고쳤고, 그중 17번은 테스트가 깨짐 왜 이러냐면, 문서(CLAUDE.md)는 지시로 들어오고 실제 코드는 도구 출력으로 들어오는데, 모델이 지시를 더 높게 치도록 학습돼서임 해법은 설정 파일에 한 문장 넣는 거임 요지는 문서랑 코드가 충돌하면 코드를 우선하고, 발견한 충돌은 마지막에 다 보고하라는 것 이 한 줄 넣었더니 코드를 따르는 비율이 4.2%에서 91.4%로 뛰고, 코드 재작성이 멈추고, 테스트 통과율이 89.4%에서 100%가 됐음
You need to add this one sentence to your CLAUDE.md right now. According to researchers, Claude Code and Codex will follow outdated CLAUDE.md or AGENTS.md files ~90% of the time, even when they know the instructions are wrong. They tested 40 projects where the config files and the actual codebase deliberately conflicted. Claude Code noticed the conflict in 79 out of 80 attempts.. it literally realized the instructions were outdated, but because of its alignment, it couldn't resist. it followed the bad docs anyway. codex was even worse.. in 20 out of 80 attempts, it went back and rewrote existing, perfectly working code to match the outdated docs. 17 of those times, it broke the tests entirely. why is this happening? it’s a structural flaw in how we train them. llms prioritize files passed as "instructions" (like CLAUDE.md) over things passed as "results" (reading your existing codebase). since most of us write config files once and let them rot, your agent is basically operating on stale orders and ignoring the reality of the code in front of it.. the researchers found a stupidly simple one-sentence fix to override this behavior. put this exact prompt at the top of your CLAUDE.md and AGENTS.md right now: "When a repository's documentation and its existing code disagree, follow the conventions used in the existing code, and in your final reply point out each inconsistency you found between the documentation and the code." — Follow @HowToPrompt__ for more :)
7
58
4
214
18,389
Claude Code로 로고부터 브랜드 가이드북까지 만들 수 있다면? 브랜드 이름과 콘셉트를 설명하면 로고, 글꼴, 색상을 하나의 디자인 시스템으로 설계해 주는 스킬이 있습니다. brand-identity라는 Claude Code 스킬인데요. 🔗 GitHub: github.com/fatihaydost/brand… 예를 들어 카페나 AI 스타트업의 브랜드를 만든다고 하면, > 브랜드 콘셉트와 고객층, 원하는 분위기를 입력하고 > 서로 다른 방향의 디자인 시안 3~4개를 비교한 뒤 > 마음에 드는 디자인을 선택하면 > 실제로 활용할 수 있는 브랜드 디자인 파일을 만들어 줍니다. 결과물도 꽤 구체적으로 - PDF 브랜드 가이드북(기본 8페이지) - SVG·PNG 로고 및 앱 아이콘 - 브랜드 컬러 팔레트 - CSS·SCSS·Tailwind 디자인 토큰 - 글꼴 사용 가이드 특히 추천드리는 부분은 디자인을 검증하는 과정인데요. 색상 대비(WCAG 2.2), 색각 이상 시뮬레이션, 글꼴 라이선스, 언어별 글자 지원 여부, 16·32px 크기의 로고 가독성까지 검사합니다. 기존 웹사이트의 로고는 유지하면서 글꼴과 색상만 새롭게 설계하는 것도 가능하고요. 브랜드 디자인을 만든 뒤 웹사이트나 서비스에 적용할 수 있도록 CSS 토큰까지 제공한다는 점이 큰 장점인데 개인 프로젝트나 초기 스타트업의 브랜드 아이덴티티를 잡을 때 활용해 볼 만한 스킬 같네요.
12
128
17
424
35,126
도대체 AWS 아키텍처 보드게임이란게 왜 세상에 존재하는거임??
9
655
80
798
61,048
ジュニアエンジニアがいきなりアーキテクトレベルの思考に飛び級している、という記事 leaddev.com/career-developme… ・AIが普及する開発環境では、開発スピードやコードの出力が重視されがちである ・しかし、コードの生成速度が上がる一方で、ジュニアエンジニアが成長するために必要な学習や理解、判断力の育成が追いついていない ・本当にエンジニアが成長しているかは、深刻な障害が発生した緊迫した場面で試される ・システムの仕組みを自らのスキルで論理的に考えてデバッグを進められるか、それともAIツールが示すエラー表示を盲目的に追いかけるだけかが問われる ・実務経験が不足していると、AIの間違った提案をそのまま受け入れてしまい、トラブルを悪化させるリスクがある ・実際に、若手エンジニアがAIの提案に従って手戻りを起こし、シニアエンジニアが軌道修正する光景がよく見られる ・コードの大部分が自動生成される時代においても、若手は自分が構築しているシステムを深く理解しなければならない ・この環境の変化によって、ジュニアエンジニアは段階的に成長するのではなく、キャリアの非常に早い段階でアーキテクトレベルの思考を求められるようになっている ・そのため、単なるコードの生産量ではなく、学習や理解、判断力といった成長そのものを主要な評価指標として扱う必要がある ・学習とは、タスクの完了後に何を得たか、AIによって学習が促進されたか、あるいは単に混乱を招いたかを振り返ることである ・理解とは、自分で生成してマージしたコードを本当に把握しているか、システムの設計に曖昧な点がないかを他者に明確に説明できることである ・判断力とは、コードレビューの質や議論への参加姿勢、および障害対応において設計のトレードオフを意識できているかで測られる ・このような能力を培うためには、インターンやアプレンティス(見習い)といった育成プログラムの設計が重要になる ・技術的な面接だけで若手の将来性を見抜くのは難しく、長期のプログラムを通じて好奇心や主体性、誠実さといった行動特性を見極めることが効果的である ・若手を適切に育てるには、シニアエンジニアが指導するための十分な時間と、難易度や緊張感の異なる多様な業務経験の提供が不可欠である ・ソフトウェア開発にはコードを書く以外にも、他者との円滑な対話や曖昧な状況への対応などの総合的な人間力が求められる ・若手を指導することは、教える側のシニアにとっても自らの理解を深める絶好の機会となり、組織全体の健全な学習サイクルを育む ・AIの使用を前提とした開発体制において、若手の習熟プロセスは「チューター」「コパイロット」「アクセラレーター」という3つのフェーズに分類できる ・最初はAIを学習を補助する「チューター」として位置づけ、コードの仕組みの解説や思考の抜け漏れの指摘に活用する ・この時期はシニアによるマンツーマンの指導やコードレビューの強化といったサポート体制を敷く ・若手がAIの出力を論理的に吟味できるようになるにつれて、シニアのサポート体制を段階的に緩めて自立を促していく ・次の「コパイロット」の段階では、AIを使ってより複雑なタスクに取り組みつつ、設計上の決定や例外処理は自分自身でコントロールする ・周囲からの指示を待たずに自力でデバッグができるようになり、他者のコードレビューにも積極的に関わるようになる ・シニアは必須だったペアプログラミングを任意にするなど、本人の裁量を増やし、障害対応やレビューの質から本人の判断力を評価する ・最終的な「アクセラレーター」の段階では、AIを優秀だが経験の浅いパートナーとして扱い、設計や長期的な影響への提案に疑問を投げかけつつ作業を加速させる ・このレベルに達したエンジニアは、自身がチームの育成基盤の一部となり、若手の指導やチームのAI活用ルールの策定を主導する役割を担う ・ツールの進化は目まぐるしいため、この育成方法が固定的な正解というわけではない ・最も重要なことは、高速でコードを構築していく中で、人間のエンジニアの認知負荷を考慮し、チーム全体がシステムの仕組みを理解して責任を持ち続けられる状態を維持することである ・シニアエンジニアが若手を指導する時間を守り、若手が経験を通じて確かな判断力を身につけられるように組織やシステムを注意深く設計しなければならない
6
164
23
1,465
155,092
Arrêtez de dire à Claude « fais ceci ». Arrêtez de dire à Claude « écris du code ». Arrêtez de dire à Claude « corrige cette erreur ». Vous traitez en réalité une IA senior comme un stagiaire débutant. Voici 8 prompts que vous pouvez copier-coller directement :
26
218
10
2,008
841,371
Kaggle 국제 ML 대회에서 최종 8위를 했습니다. 재밌는 건 제가 데이터를 아예 안 봤다는 점입니다. 참여했던 MuseumSCAT 대회는 박물관 표본 라벨 사진에서 “언제, 어디서 채집됐는지”를 읽어내는 OCR/문서이해 대회였습니다. 오래된 라벨, 손글씨, 훼손된 문서가 섞여 있는 꽤 까다로운 문제였고요. 이번에는 제가 직접 피처를 파거나 데이터를 해석한 게 아니라, paperthin 기반 /goal 루프로 autonomous research를 돌렸습니다. 거의 180회 이상 에이전트가 제출하면서 알아서 회고하고 개선하더니, 최종 한자릿수 등수를 차지할 수 있었네요. 제가 50개 넘는 ML 대회를 참여하면서 그간 쌓은 추론 과정과 방법론을 .md로 일반화해두고, 에이전트가 그 안에서 전략을 만들고 제출 점수로 회고하면서 탐색하게 했습니다. 머신러닝에서 “데이터를 직접 보고 직관을 얻는 것”이 중요하다는 걸 여전히 믿지만, 이번 결과는 그 직관 일부가 연구 하네스와 방법론 문서로 이전될 수 있다는 꽤 흥미로운 사례였습니다. 좋은 하네스를 만들어주신 @LilMGenius 에게도 감사합니다. 이 엄청난 하네스를 써보실 분들은 이쪽으로! paperthin: github.com/LilMGenius/papert… #Kaggle
3
70
6
500
37,348
최근 읽은 기술 철학에 관한 글 중에서 가장 정교하고 치밀한 글인 것 같다. 조금 길고 읽기 난해했지만, 그래도 읽기를 잘 했다. 소프트웨어 업계에 종사하는 모든 사람들에게 일독을 권한다. deadsimpletech.com/blog/no-s…
334
16
740
128,553
midagedev.github.io/cachehit… CDN, 캐싱 공부합시다. 아 어렵다 어려워
4
78
23
198
39,619
결국 구글 캘린더 연동 되면서 2달치와 리스트가 보이는 EPD 설치. UI가 무려 liquid 템플릿으로 작성됨.
3
310
57
734
186,666
개발판은 판매가 아니라 배포(deploy)라고 합니다.. 이게 유형의 객체가 아니고 근본적으로 저작물의 이용권리를 주는것이라 판매가 아닙니다.
다른말인데: 유료배포라는 표현 쓰지말고 판매라는 적확한 단어를 사용하자 운동을 일으키고 싶습니다
4
190
32
420
68,621
최근 트위터 오타쿠 커뮤니티에 배포되기시작한 AI를 활용하여 제작된 프로그램 저작물 (웹사이트, 실행 프로그램, 확장 스크립트 등) 의 문제점에 대하여 작성한 글입니다. 서치 키워드: 유료 배포, 프로그램, 확장 스크립트, 2차 지인, AI, 바이브 코딩 posty.pe/pieahp
6
799
191
395
391,955
스탠퍼드 대학교 정규 강좌는 이어서 연결될 수 있음. AI-native한 소프트웨어 개발 방식 자체를 가르치기 때문. 📕 한국어 > CS146S: The Modern Software Developer kr.themodernsoftware.dev/#sy… AI가 소프트웨어 개발을 어떻게 바꾸고 있는지를 본격적으로 다루는 수업. - Coding Agent의 구조와 동작 원리 - MCP, Agent Skills, Spec-driven Development - Loop Engineering과 Software Factory 개념 - AI IDE, AI Terminal, 자동화 테스트와 보안 - 배포 이후 에이전트 운영과 다음 세대의 소프트웨어 엔지니어링 이런거.. 너무 훌륭해서 말이 필요없음. 다양한 내용과 슬라이드 자료도 있으니 참고해보시길.
마이크로소프트 "초보자를 위한 인공지능" 무료 프로젝트 📚 AI For Beginners github.com/microsoft/AI-For-… AI를 처음 접하는 사람부터, 기초를 탄탄히 다지고 싶은 사람까지 모두 포함해요. 이론 + 실습 중심인데, 한국어도 잘 지원해줍니다. AI의 다양한 접근 방식을 균형 있게 다루고 있어요. 신경망, 비전, 자연어, AI 윤리 등등... 예제들도 풍부해요. 마소에서 교육 목적으로 만든 커리큘럼 중에서도 특히 완성도가 높고, 실습 비중이 커서 시작하기 좋아요.
2
106
6
309
135,340
AI 에이전트 시대, 코드를 이해하는 법 > Geoffrey Litt가 제시한 기법들 너무 진짜 좋은 글이다.. 오늘 자기 전에 많은걸 생각하게 한다. AI 에이전트가 코드를 점점 더 잘 쓰고 스스로 검증까지 하게 되면서, 인간이 코드를 줄 단위로 읽는 것은 점점 비효율적이 되고 있음. 그렇다면 인간은 이제 코드를 이해하지 않아도 될까..? 놉... 1. 이해의 목적이 바뀌었다 검증은 에이전트가 점점 잘하게 되고 있지만, 참여는 인간만이 할 수 있는 영역이다. 2. 인지 부채 이해하지 않고 넘어가는 것은 기술 부채. 단기적으로는 빨라 보이지만, 장기적으로 창의성과 유지보수 능력이 크게 떨어짐. 3. Explainer 문서의 원칙 3가지 - 배경 지식 먼저 가르치기 - 직관 먼저, 세부 코드 나중에 - 그냥 diff가 아니라 산문 형태로 논리적 순서에 따라 설명 + 코드 스니펫 4. /explain-diff 스킬 저자가 실제로 매일 쓰는 Claude 커스텀 스킬. diff를 넣으면 Notion/HTML로 예쁘고 구조화된 설명 문서를 자동 생성해줌. 팀 협업에도 매우 유용. 5. 읽기만으로는 부족하다. 퀴즈가 필요함! 설명서 끝에 인터랙티브 퀴즈를 넣어 실제로 이해했는지 확인함. 규칙: "퀴즈를 통과하지 못하면 코드를 다른 사람에게 보내지 않는다." 6. 퀴즈는 속도 조절 장치 AI 루프는 너무 빠르다. 7. Micro-worlds 코드를 그냥 읽는 게 아니라, 직접 만지고 놀 수 있는* 작은 시뮬레이션/디버거 환경을 만든다. 8. 에이전트에게 "이해를 위한 코드"를 만들게 하자 에이전트가 코드를 짜는 것뿐만 아니라, 인간이 그 코드를 이해할 수 있게 돕는 도구까지 만들 수 있다. 이것이 이 스레드에서 가장 강력한 실천적 인사이트 중 하나!!! 9. 팀에서는 Shared Space가 핵심 개인이 이해하는 것만으로는 부족하다. Notion 같은 공유 공간에서 계획, Explainer, 토론이 함께 이루어져야 팀 전체가 같은 멘탈 모델을 가질 수 있다. 10. 이것은 컴퓨팅의 본질적 비전이다 Alan Kay가 50년 전에 말한 "컴퓨터는 책보다 더 나은 사고 도구"라는 비전과 연결된다. AI는 단순히 자동화하는 게 아니라, 인간을 더 깊이 증강할 수 있어야 한다.
Hot take: I think it's still important to understand the code that our agents write! In this mega thread (based on my AIE talk today), I will explain why that's the case, and show some ideas for how to efficiently understand code. Alright, let's dive in. 1/
2
114
7
318
62,236
구글의 "AI 에이전트 만드는 노하우" 가져다 쓰는 법 구글이 조용히 "에이전트 제작 노하우"를 무려 스킬로 풀었습니다 👉 agents-cli. ✔️ 알아서 해주는 일 ① 에이전트 프로젝트 뼈대부터 짜기 (기존 프로젝트에 얹는 것도 됨) ② ADK 코드 작성 대신 하기 ③ 데이터셋 물리면 성능을 평가하기 ④ Cloud Run·GKE로 배포하기 ⑤ Gemini Enterprise에 게시하기 ⑥ 이 흐름 전체를 워크플로로 엮어주기 안티그래비티에서만 돌아가는 것도 아니고 클로드 코드, 코덱스에 바로 붙여 쓸 수도 있습니다 📍 설치 명령어 | uvx google-agents-cli setup
4
45
3
129
11,547
「book-to-skill」 이거 꽤 영리한 발상임 👀 두꺼운 기술서, 문서 폴더, PDF / EPUB 자료 묶음을 그냥 읽고 끝내는 게 아니라 `Agent가 바로 읽을 수 있는 Skill`로 바꿔버림. 중요한 건 단순 요약이 아니라는 점. 핵심 개념, 의사결정 규칙, 반패턴, 챕터 인덱스까지 정리해서 Claude Code, Copilot CLI, Amp 같은 도구가 작업 중 필요할 때 바로 불러쓸 수 있게 만드는 구조임. 내가 보기엔 진짜 가치 있는 부분은 이거임. `읽었지만 기억 안 나는 지식`을 `언제든 호출 가능한 작업 능력`으로 바꿔준다는 것. 즉, 다음에 애매하게 기억나는 개념이 나와도 다시 수백 페이지 PDF를 뒤질 필요 없이, 대화창에서 해당 Skill만 부르면 AI가 관련 핵심 내용을 바로 꺼내주는 흐름. book-to-skill은 책을 요약하는 툴이 아니라, 책을 Agent가 바로 써먹는 능력으로 컴파일하는 툴에 가까움. 🔗GitHub: github.com/virgiliojr94/book… #AI #AICaffeine #Skill
5
130
2
405
19,831
📌 "정리해줘" 대신 쓰는, 전제부터 점검시키는 프롬프트 공유 "정리해줘"로 시작하면 AI는 성실하게 정리해주지만, 첫 질문이 틀린 방향이면 기획을 빠르게 엇나가게 해요 ① AI에게 역할을 지정한다 (너는 이 도메인 서비스 기획자야) ② 내가 지금 어떤 방식으로 접근하고 있는지 먼저 드러낸다 ③ 답 대신, 내가 놓친 관점과 숨은 전제부터 짚어달라고 한다 ④ 최근 변화가 기존 구조를 어떻게 흔들고 있는지 묻는다 📎 복붙해서 쓰는 템플릿 "네가 [내 역할]을 맡은 기획자라면 이 문제에서 뭘 먼저 확인하겠어? 내가 지금 [내 접근 방식]으로 보고 있는데, 이 접근의 전제와 사각지대부터 짚어줘. 특히 최근 [업계 변화]가 기존 [구조]를 어떻게 흔들고 있는지 중심으로 정리해줘" → 이렇게 물으면 AI가 결론부터 내놓는 대신, 내가 뭘 놓쳤는지·뭐부터 의심해야 하는지를 먼저 보여줘요
7
49
2
189
13,056