https://jinoism.tistory.com/ 지금을 기억하기 위한, 나를 위한 기록 ko Sat, 13 Jun 2026 12:43:37 +0900 TISTORY 100 JINOISM https://tistory1.daumcdn.net/tistory/3711672/attach/3ce97bc9d6354982ad64e0cd374778dd https://jinoism.tistory.com https://jinoism.tistory.com/82 AI 코딩 시대의 개발자. 코드를 짜는 일의 상당 부분을 AI가 가져갔다. 그렇다면 개발자는 무엇을 준비해야 할까. 바이브 코딩과 에이전틱 워크플로를 다뤄본 끝에 정리하는, AI 시대에 가치가 오르는 역량과 가치가 떨어지는 역량. 들어가며 이 시리즈에서 두 가지를 봤다. 바이브 코딩의 현실에서는 AI가 앱의 70%를 만들어주지만 나머지 30%는 사람의 몫이라는 것을, Claude Code 실전 워크플로에서는 그 30%를 끌어올리는 건 프롬프트 솜씨가 .. Engineering Log/AI Coding AIcoding AI시대 AI코딩 claudecode 개발자성장 개발자역량 개발자커리어 바이브코딩 에이전틱코딩 커리어준비 JINOISM https://jinoism.tistory.com/82 https://jinoism.tistory.com/82#entry82comment Fri, 12 Jun 2026 13:36:48 +0900 https://jinoism.tistory.com/81 클로드 코드(Claude Code) 실전 워크플로. AI에게 "그냥 시키는" 것과 "제대로 시키는" 것은 결과가 다르다. 사이드 프로젝트를 빠르게, 그러나 망가지지 않게 만드는 Claude Code 활용법을 CLAUDE.md·계획 우선·서브에이전트 중심으로 정리한다. 들어가며 지난 글에서 바이브 코딩의 한계를 봤다. 도구는 70%까지 데려다주지만, 나머지 30%는 결국 사람이 채워야 한다고. 그렇다면 질문이 바뀐다. 개발 지식.. Engineering Log/AI Coding AIcoding AI코딩 claudecode CLAUDEmd 개발워크플로 바이브코딩 생산성 서브에이전트 에이전틱코딩 클로드코드 JINOISM https://jinoism.tistory.com/81 https://jinoism.tistory.com/81#entry81comment Thu, 11 Jun 2026 11:10:17 +0900 https://jinoism.tistory.com/80 바이브 코딩의 현실. v0, Lovable, Bolt로 "말만 하면" 앱이 만들어진다. 어디까지 진짜로 되고, 어디서부터 막힐까. AI로 MVP를 만들 때 실제로 되는 것과 안 되는 것을, 환상 빼고 정리한다. 들어가며 "코딩을 몰라도 앱을 만든다." 요즘 가장 뜨거운 키워드, 바이브 코딩(vibe coding)이다. v0, Lovable, Bolt 같은 도구에 원하는 걸 말로 설명하면 몇 분 만에 동작하는 앱이 나온다. Lovable은 사용자 800.. Engineering Log/AI Coding AI코딩 BOLT lovable MVP V0 vibecoding 개발자 노코드 바이브코딩 프로토타입 JINOISM https://jinoism.tistory.com/80 https://jinoism.tistory.com/80#entry80comment Wed, 10 Jun 2026 11:09:36 +0900 https://jinoism.tistory.com/79 쿠키 vs 세션 vs 토큰. 웹 인증의 3대 개념. 비슷해 보이지만 인증 정보를 어디에 저장하느냐가 다르다. 셋의 차이와 동작 원리, 그리고 언제 무엇을 써야 하는지를 그림과 함께 정리한다. 들어가며 로그인 기능을 만들다 보면 쿠키, 세션, 토큰이라는 단어를 반드시 만난다. 그런데 이 셋이 어떻게 다른지, 어떤 관계인지 명확히 설명하기는 의외로 어렵다. "쿠키에 세션을 저장한다"거나 "토큰을 쿠키에 담는다" 같은 말이 섞여 나오면 더 헷갈린다. 핵심.. Tech Stack/Backend jwt stateless 로그인 백엔드 세션 세션vs토큰 웹인증 인증방식 쿠키 토큰 JINOISM https://jinoism.tistory.com/79 https://jinoism.tistory.com/79#entry79comment Tue, 9 Jun 2026 10:45:58 +0900 https://jinoism.tistory.com/78 XSS와 CSRF. 이름도 비슷하고 둘 다 웹 보안 공격이라 항상 헷갈린다. 하지만 공격 방향도, 대응 방법도 정반대다. 두 공격의 차이를 명확히 가르고, 각각의 동작 원리와 방어법을 코드로 정리한다. 들어가며 웹 보안을 공부하면 XSS와 CSRF가 거의 세트로 등장한다. 이름도 알파벳 네 글자로 비슷하고, 둘 다 웹 공격이라 헷갈리기 쉽다. 하지만 이 둘은 공격하는 방향이 정반대다. XSS는 "사용자를 속여 악성 스크립트를 실행시키는" 공격이고, .. ️ Security Notes CSRF CSRF토큰 httponly samesite xss 백엔드보안 보안취약점 시큐리티 웹보안 크로스사이트스크립팅 JINOISM https://jinoism.tistory.com/78 https://jinoism.tistory.com/78#entry78comment Mon, 8 Jun 2026 10:49:33 +0900 https://jinoism.tistory.com/77 트랜스포머(Transformer). RNN의 한계를 어텐션 하나로 뒤집은 구조. "Attention Is All You Need"가 왜 딥러닝의 판도를 바꿨는지, 셀프 어텐션의 동작 원리를 수식과 그림으로 정리한다. 오늘날 GPT·BERT의 출발점이다. 들어가며 RNN 글에서 순환 신경망이 순서가 있는 데이터를 어떻게 처리하는지 봤다. 그런데 RNN에는 두 가지 고질적인 한계가 있었다. 2017년, 구글이 발표한 논문 "Attention .. Data Science & AI/Deep Learning attention BERT GPT LLM Transformer 딥러닝 셀프어텐션 어텐션 자연어처리 트랜스포머 JINOISM https://jinoism.tistory.com/77 https://jinoism.tistory.com/77#entry77comment Sun, 7 Jun 2026 14:31:50 +0900 https://jinoism.tistory.com/76 브라우저 렌더링 과정. google.com을 입력하면 화면에 페이지가 그려지기까지 무슨 일이 일어날까. 개발자 면접 단골 질문을 따라, 요청 과정부터 브라우저가 화면을 그리는 렌더링 파이프라인과 성능 최적화까지 정리한다. 들어가며 "브라우저에 google.com을 입력하고 엔터를 누르면 무슨 일이 일어나나요?" 개발자 면접 단골 질문이다. 이 질문이 좋은 건, 하나의 흐름 안에 네트워크와 브라우저 동작이 모두 들어 있어서다. 특히 프론트엔드 개발자라면.. Tech Stack/Frontend async criticalRenderingPath cssom defer DOM REFLOW repaint 면접질문 브라우저렌더링 프론트엔드 JINOISM https://jinoism.tistory.com/76 https://jinoism.tistory.com/76#entry76comment Sat, 6 Jun 2026 20:25:52 +0900 https://jinoism.tistory.com/75 주니어 개발자에게. "나는 백엔드니까 이것만", "나는 프론트니까 이것만" 하는 선 긋기가 가장 위험하다. 10여 년간 현업에서 일하고 창업까지 거치며 본, 주니어가 흔히 하는 실수와 미리 알면 좋은 것들을 정리한다. 들어가며 2012년부터 개발 일을 하면서, 그리고 시니어가 되어 여러 주니어와 일하면서 비슷한 패턴을 자주 봤다. 실력이 부족해서가 아니라, 시야를 좁게 잡아서 생기는 아쉬움들이다. 이 글은 "이렇게 하면 안 된다"는 잔소리가 아니다. .. ☕️ Essays T자형인재 개발자마인드셋 개발자성장 개발자조언 백엔드개발자 신입개발자 주니어 주니어개발자 커리어 회고 JINOISM https://jinoism.tistory.com/75 https://jinoism.tistory.com/75#entry75comment Fri, 5 Jun 2026 11:39:59 +0900 https://jinoism.tistory.com/74 JavaScript 비동기. 콜백 지옥에서 시작해 Promise, async/await로 탈출하는 과정을 따라가고, 그 모든 걸 가능하게 하는 이벤트 루프의 동작 원리까지 코드와 함께 정리한다. 들어가며 JavaScript는 싱글 스레드다. 한 번에 하나의 일만 한다.그런데 네트워크 요청이나 타이머처럼 시간이 걸리는 작업을 만날 때마다 멈춰 서서 기다린다면, 화면 전체가 얼어붙을 것이다.그래서 JS는 이런 작업을 비동기(asynchronous) 로 처.. Tech Stack/Frontend asyncawait JavaScript JS promise 마이크로태스크 비동기 이벤트루프 자바스크립트 콜백지옥 프론트엔드 JINOISM https://jinoism.tistory.com/74 https://jinoism.tistory.com/74#entry74comment Thu, 4 Jun 2026 11:17:58 +0900 https://jinoism.tistory.com/73 JPA N+1 문제. 잘 돌아가던 API가 데이터가 쌓이자 갑자기 느려졌다면, 십중팔구 N+1이다. 왜 생기는지, 어떻게 찾는지, 그리고 Fetch Join·EntityGraph·Batch Size로 어떻게 잡는지를 쿼리 로그와 함께 정리한다. 들어가며 JPA를 쓰다 보면 코드는 깔끔한데 성능이 이상하게 안 나오는 순간이 온다. 분명 회원 목록을 한 번 조회했을 뿐인데, 로그를 보면 쿼리가 수십, 수백 개가 나간다. 이게 바로.. Tech Stack/Backend BatchSize EntityGraph fetchJoin hibernate JPA NPlus1 SpringDataJpa 백엔드 성능튜닝 쿼리최적화 JINOISM https://jinoism.tistory.com/73 https://jinoism.tistory.com/73#entry73comment Wed, 3 Jun 2026 16:10:35 +0900