Written by coh at home

사실 1년이 지난 지는 꽤나 지난 시점이다. 25년 11월 11일에 1년차가 되었고, 이미 설연휴까지 지난 시점이다. 이미 많은 시간이 지났지만 스스로 다짐과 목표를 다시금 상기하는 의미로 블로그에 회고를 공개하고자 한다. 25년에는 참 많은 야근을 했던 것 같다. 지금 생각하면 바보 같은 일이지만, 신입으로서 뛰어난 퍼포먼스를 보여주고 싶었고 무리를 해서라도 일정 내에 일을 끝내고 싶었다. 그래서 밤 10시에 퇴근하기도 했고, 부모님 환갑 휴가도 쓰지 않고 반납하며 일을 진행했다. 팀원으로서 인정을 받았을지언정 나의 건강이나 내면은 나빠져갔다. 그러다가 이렇게 일을 하면 안 된다는 것을 1년차에 깨닫게 되었다. 팀장님에과 일정을 조율할 때 내가 야근을 하지 않고, 회의와 모든 이벤트를 고려했을 때 일..

- 학습# Claude.mdproj의 구조, 코딩스타일, 핵심명령어를 문서화한 설정파일. 클로드코드 실행 시 자동으로 읽어들임. 3가지 특징이 핵심.1. 맥락유지2. 규칙저장3. 자동로드 간결하고 명확하게 작성해야한다. ## 작성하는 법처음에 /init명령어를 통해 기본 프로젝트 구조를 클로드가 파악한 후 작성하게 된다. - 기본숙제프로그램 만들고 인증하기.- 심화숙제

2주차 기본미션PROJECT 2. 마케팅 포트폴리오 웹페이지 만들고 캡처하기p.66, p.80-81 확인 문제 풀고 인증하기P661. 3번2. 5W1H3. 2번4. 2번/구체적인 프롬프트P80-811. 3번2. 2번

바이브코딩이란?AI와 대화를 하며 개발하는 코딩 방식모델선택형 vs 전용 모델형모델 선택 : 커서, 윈드서프 -> 도구사용료 + 모델비용전용 모델 : 클로드, 제미나이 -> 모델비용만 지불. 로컬 파일 접근 가능웹페이지 만들어보기https://github.com/taehojo/vibecoding/blob/master/PROMPTS.md클로드 홈페이지에서 앤트로픽의 아티팩트를 이용하여 생성.아티팩트 > 새 아티팩트 > 웹/앱 만들기프롬프트의 중요성좋은 프롬프트란? 정확하고 구체적인 명령.명확성 : 모호한 표현 피하고 원하는 결과 전달구체성 : 필요한 기능이나 조건 세부적 지시맥락제공 : 왜 필요한지, 어떤 상황에 사용되는지 전달좋은 프롬프트를 만드는 프레임워크 : 5W1HWhyWhoWhatWhenWhere..

"한빛미디어 서평단 활동을 위해서 책을 협찬 받아 작성된 서평입니다." 바이브 코딩에 대한 관심이 높아지는 와중에 한빛미디어에서 바이브코딩 자습서를 출간했습니다. 저 또한 개발을 하면서 바이브 코딩을 많이 하고 있는데요, 그래서 특히 관심이 가서 읽어보게 되었습니다. 우선, 책은 '클로드 코드'를 이용하여 실습 위주의 내용이 주를 이루고 있습니다. 해당 책을 통해 간단한 포트폴리오 웹사이트, 손글씨 인식 프로그램 등을 만들어 볼 수 있는데요, 직접 코딩하지 않고 명령어를 프롬프트에 전달하는 것만으로도 프로그램을 만들어 볼 수 있습니다. 그래서 개발을 전혀 할 줄 몰라도 프로그램을 뚝딱 만들 수 있다는 것이 이 책의 특징입니다. 개발자로서 책에서 좋았던 것은 3가지 입니다. 1. 어떻게 프롬프트를 ..

"한빛미디어 서평단 활동을 위해서 책을 협찬 받아 작성된 서평입니다."“공격을 알아야 방어가 보인다”라는 문구가 딱 맞는 책이다. 이 책은 웹 개발자와 정보보안 입문자가 실무에서 통하는 보안 감각을 빠르게 기를 수 있도록 구성된 실용서다. 단순한 공격 나열이나 도구 사용법에 그치지 않고, 왜 그런 공격이 가능한지(원리)와 프로그램·프레임워크·운영체제·네트워크 관점에서 취약점이 어떻게 연결되는지를 함께 설명하려는 점이 가장 큰 장점이다. 핵심 구성과 장점 기본기부터 실습까지의 자연스러운 흐름웹 기술의 기초를 다진 뒤, 웹 프록시 등 실습 도구로 직접 공격을 재현해보는 구조라 따라가기가 쉽다. 이론 → 도구 이해 → 실습의 흐름이 학습 곡선을 완만하게 만들어 준다.핵심 공격 기법의 실전적 접근SQL 인젝..

이야,,, 회사일을 병행하면서 공부를 하는 게 쉽지 않더라구요,, 특히 7월말부터 플젝 마감과 이슈 대응을 하면서 저녁 늦게 야근을 많이했는데요... 거의 회사에 있는 시간만 12시간이 넘어갔어요... (오전 8시 ~ 오후 8:30)그러다보니 혼공스를 읽는 속도도 더뎌지더라구요,,, 매번 기한 늘려주신 족장님 다시한번 감사하고 죄송합니다 ㅜㅜ 근데! 사실 병행해서 힘들었단 이야기보다 오히려, 병행을 했기때문에 더 보람찬 주말을 보낼 수 있었다는 이야기를 하고 싶어요. 주중에 이렇게 일이 힘들면, 주말엔 그냥 누워서 영화나 드라마 보면서 시간을 보내곤 했을 텐데 혼공학습단 덕분에 완주를 할 수 있었습니다. 물론 아직 ch8이 남아있어서 불완전한 완주지만요 ㅠㅠ 이건 반드시 다음주 내로 다 읽고 업데이트 하..

숙제p352 누적예제를 활용하여 본인의 할 일 목록을 만들어 캡쳐하기 할 일 목록 ADD ch7 문서책체html의 태그들을 자바스크립트에서는 document object라고 부른다. 이런 태그들로 만든 형태를 문서객체모델(DOM)이라고 한다.DOMContentLoaded 웹브라우저의 실행 순서는 다음과 같다.: html5문서구나html 태그 만들어야지head 태그 만들어야지title 태그가 있으니 반영해야지body 태그가 있으니 반영해야지만약 body태그가 만들어지지 않았는데 body에 무언가를 출력하려고 하면 문제가 발생한다.따라서 이를 해결하기 위해서, 웹브라우저가 문서 객체를 모두 읽고 나서 실행하는 이벤트가 DOMContentLoaded이다.documne..