[240806] Claude Code in Action 내용 정리 (2)
·
⚙️ 개발 팁 & 노하우
📌컨텍스트 컨트롤- 클로드가 도움이 되도록 대화를 끌고가기 클로드의 첫 답변부터 잘못됐을 때- Esc 키를 눌러 플로우 중단- 복잡한 작업을 더 세세하게 나눠서 클로드가 한가지 주제에 집중하게 하기- 잘못된 방향으로 흘러갈 때, Esc 키 누르고 # 눌러 메모리에 클로드에게 알려줄 내용 추가하기 이전 대화 지점으로 되돌리기- Esc 키 2번 누르기- 예) 테스트 코드 작성 -> 설치 필요한 패키지 확인 -> 설치 -> Esc 키 2번 클릭하여 테스트 코드 작성 지점으로 돌아가기=> 불필요한 컨텍스트 제거하여 테스트 코드 작성에만 클로드가 집중할 수 있게 해줌 /compact 명령어- 전체 대화 기록을 요약하고 클로드가 학습한 주요 정보를 보존- 클로드가 프로젝트의 핵심 지식을 습득했을 때, 관련된 작업..
[240806] Claude Code in Action 내용 정리 (1)
·
⚙️ 개발 팁 & 노하우/기타
📌 Claude Code의 도구- Agent: 작업 처리를 위해 subagent를 시작- Bash: shell 명령어 실행- Read: 파일 읽기- Write: 파일 쓰기- Edit: 파일 수정- Glob: 패턴으로 파일들을 찾기- Grep: 파일 내용을 검색- LS: 파일과 디렉토리들을 리스팅- MultiEdit: 동시에 여러 수정을 진행- TodoRead: 만들어진 to-do 하나 읽기- TodoWrite: to-do 리스트 업데이트- WebFetch: URL에서 페칭- WebSearch: 웹 검색- NotebookEdit: Jupyter notebook cell 에 쓰기- NotebookRead: Jupyter notebook cell 읽기 📌 Claude Code 작업 예시1. 최적화: npm..
js quiz 6 (132~155 끝)
·
🎨 프론트엔드 공부/JS & TS
133. 동기, 비동기 실행순서const myPromise = Promise.resolve(Promise.resolve('Promise'));function funcOne() { setTimeout(() => console.log('Timeout 1!'), 0); // 5번째 myPromise.then(res => res).then(res => console.log(`${res} 1!`)); // 4번째 console.log('Last line 1!'); // 1번째}async function funcTwo() { const res = await myPromise; console.log(`${res} 2!`); // 2번째 setTimeout(() => console.log('Timeout 2..
js quiz 5 (101~131)
·
🎨 프론트엔드 공부/JS & TS
📌102. promise와 async await 차이const myPromise = () => Promise.resolve('I have resolved!');function firstFunction() { myPromise().then(res => console.log(res)); console.log('second');}async function secondFunction() { console.log(await myPromise()); console.log('second');}firstFunction();// second// I have resolved!secondFunction();// I have resolved!// second - firstFunction에서 promise는 call ..
js quiz 4 (71~100)
·
🎨 프론트엔드 공부/JS & TS
📌71. 제네레이터 함수function* startGame() { const answer = yield 'Do you love JavaScript?'; if (answer !== 'Yes') { return "Oh wow... Guess we're done here"; } return 'JavaScript loves you back ❤️';}const game = startGame();console.log(game.next().value); // Do you love JavaScript?console.log(game.next("Yes").value); // JavaScript loves you back ❤️ - yield 의 값인 answer는 아직 정해지지 않은 상태로 함수가 멈추게 된다..
js quiz 3 (46~70)
·
🎨 프론트엔드 공부/JS & TS
📌46. 객체의 참조 저장let person = { name: 'Lydia' };const members = [person];person = null;console.log(members); // [ { name: 'Lydia' } ] 객체를 변수에 할당하면 값 자체가 아닌, 참조(메모리 주소)가 저장된다- members[0] 이 person과 같은 참조를 바라보고 있다가- person = null 할당되어 person의 참조가 바뀌어도- members[0] 이 애초에 바라보던 참조가 바뀌지 않는다 📌49. parseIntconst num = parseInt('7*6', 10); // 7 - 문자열의 첫 번째 유효한 10진수 숫자만 숫자로 변환된다- *은 유효한 숫자가 아니라서 7까지만 변환됨 54. ..