틈틈히 메모중

Claude Code를 열심히 써왔다.흔히 알려진 하네스 엔지니어링 등 열심히 구성해가면서 활용했고최근 마이그레이션 할 때 사용해보니 확실히 개발생산성 향상으로 주기가 굉장히 단축됨을 체감했다.Opus세대모델을 쓸때는 개발자의 역할이 분명했다.하네스(Harness)를 잘 만들고, Rule을 세팅하고,요구사항에 맞는가에 대한 검증까지그러나 아무리 프롬프트를 정교하게 작성해도 결국 마지막 10~30%는 사람이 잡아줘야 했다.아키텍처 방향을 수정하거나, 비즈니스 요구사항을 재해석하거나, AI가 만들어낸 미묘한 설계 오류를 발견하는 일은 여전히 개발자의 몫이었다. (나의 경우에, 오류를 꽤 발견해서 직접 수정 or 추가 프롬프트로 재지시 방식으로 작업했다)2026.06.08 Fable5가 공개되었다.mytho..

보호되어 있는 글입니다.

타입스크립트는 타입추론을 한다. 그중 "함수 인자"에 대한 타입추론을 하는 점이 매력적이다.고차함수에서도 타입추론이 동작하므로 인자로 전달받은 함수의 인자 타입을 추론할 수 있어화살표함수로 간결하게 작성이 가능하다. 제네릭을 통한 타입추론 또한 매력적이다. 제네릭 ? 함수나 클래스가 사용할 타입을 외부에서 파라미터처럼 받아서, 재사용성을 높이는 문법function identity(value: T): T { return value;}identity("hello"); // "hello"identity(123); // 123identity(true) // 타입을 지정하지 않아도 타입추론됨 타입스크립트는 함수 오버로드 지원함// 오버로드 시그니처들function getInfo(value: string)..

[문제 1] start, end 사이의 소수를 찾는 함수를 만들어보자. 조건 isPrime 함수는 소수를 판별합니다.const isPrime = (n: number) => {}const findPrimeInRange = (start: number, end: number) => {}//결과값 예시console.log(...findPrimeInRange(1, 100));// [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79, 83, 89, 97]문제풀이 /* 소수찾는 함수 출처(수정쪽)https://velog.io/@hyorimm/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B..

이터러블 ? 반복(iteration)을 지원하는 객체 객체지향 디자인패턴의 반복자 패턴과 일급함수의 만남 함수형 프로그래밍을 적용하는 방법중 iterator pattern을 활용함이것은 Gof의 디자인패턴중 하나로 지연성 있는 이터레이션 프로토콜을 구현했음 Gof의 반복자 패턴이란? 컬렉션의 내부구조를 노출하지 않고, next()와 같은 public 메서드로 내부요소에 접근할 수 있도록 설계하는 것interface IteratorYieldResult{ done?:false; value:T; } interface IteratorReturnResult{ done: true; value: undefined; }interface Iterator{ //{valu..

//오늘 생일인 임직원들을 모두 찾아 슬랙 채널에 축하 메시지를 보낸다.function sendBirthdayMessage() { // 변수 선언: 시트, 데이터 영역 var active_sh = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet(); var data_rng = active_sh.getDataRange().getValues(); // 변수 선언: 오늘 날짜 (MM-DD 형식) var today = Utilities.formatDate( new Date(), Session.getScriptTimeZone(), "MM-dd" ) // 변수 선언: Slack Incoming Webhook URL var webhookUr..

1. 함수의 실행순서를 보장한다. 이거하고나서 저거하자가 가능해짐const a = () => (id: string) => { console.log(`Received ID: ${id}`);};const b = a(); // 여기서 a()가 두 번째 함수를 반환b("123"); // 출력: "Received ID: 123" 2. 상태를 유지하는 클로저 const counter = () => { let count = 0; return () => { count += 1; console.log(count); };};const increment = counter();increment(); // 출력: 1increment(); // 출력: 2increment(); // 출력: 3counter() ..

문제 후기 남겼던 부분을 기록으로 남겨보고자 글 남깁니다:) 1번. 자바 싱글톤 ... 묻는거랫는데 나는 몰라...ㅠㅠ static변수면 인스턴스끼리 공유되는 변수여서 각각의 인스턴스에서 count++하는 메서드 호출해도 같은 변수에 값이 반영되어야 했던 것 같은데 시험장에선 몰랐고,,, 그래서 틀림 ​ 2번. C언어 진법변환 해서 하는 시프트 연산 좌시프트 하는거 나왔음 151씀 ​ 3번. 아래 보기에 응집도 4가지 주고, 응집도 강한 순서대로 써라 ! 나왔다.기능 - 교환 - 시간 - 우연으로 씀 (우논시절통순기)보자마자 풀 수 있었던 단 하나의 제일 쉬웠던 문제 ​ 4번. C언어 "ABCDEFGH"라는 문자열 포인터 문제 였던걸로 기억... for문 안에서 A, H를 가리키는 변수를..

//JSX...data.map(item => ... )key에 들어가는 값이 정말 same key인지 먼저 확인!! 만약중복키가 있다면 그 부분을 수정해야 합니다. 하지만각각 유니크한 키를 쓰고 있는데도 에러가 지속된다면그럴 때는 브라우저 캐시를 삭제 합시다 !인터넷 사용기록 삭제 + 캐시 삭제 하기 React에서 Key를 왜 쓰는가? 에 대한 답은 아래의 링크에 ... 재조정 (Reconciliation) – ReactA JavaScript library for building user interfacesko.legacy.reactjs.org

next.js 14에서 진행중 문제 봉착...!"next": "14.2.4",//package-lock.json getToken()을 통해 사용자가 로그인중인지 아닌지 확인을 원했음(middleware.js)import { getToken } from 'next-auth/jwt';import { getServerSession } from 'next-auth/react';import { getSession } from 'next-auth/react';import { NextResponse } from 'next/server';export async function middleware(request) {const session = await getToken({ req: request });//const se..

아래와 같이 코드를 짰는데 버튼을 누르지 않아도 router.push('/')가 실행되어버렸다. 'use client';import { useRouter } from 'next/navigation';const DetailLink = () => { let router = useRouter(); return 버튼;};export default DetailLink; 위 코드의 문제는 onClick 핸들러에서 router.push 메서드를 직접 호출하는 방식이어서,렌더링 즉시 router.push 메서드를 바로 실행되어 버린 것이다. router.push 메서드를 함수로 감싸서 버튼 클릭 시에만 호출되도록 수정하면 된다. 'use client';import { useRouter } from 'next/nav..

이런 에러가 뜬다면... ? layout의 body 태그 안에suppressHydrationWarning={true}속성을 추가하자위 속성은 Hydration 경고를 줄이는 것이라고 합니다.(= 작은일에 경고 때리지 마소)//(Root)layoutexport const metadata = { title: 'Create Next App', description: 'Generated by create next app',};export default function RootLayout({ children }) { return ( {children} );}브라우저 확장 프로그램(예: Grammarly, ColorZilla, LanguageTool 등)이 ..