안녕하세요, 선생님. Zustand 스토어에 타입을 지정하는 부분이 궁금해서 질문드립니다. 강의에서는 다음과 같이 상태와 액션을 Store 타입으로 선언한 뒤, create 함수의 제네릭으로 전달했습니다. type Store = { count: number; increase: () => void; decrease: () => void; }; const useStore = create<Store>((set, get) => ({ count: 0, increase: () => { const count = get().count; set({ count: count + 1 }); }, decrease: () => { set((store) => ({ count: store.count - 1, })); }, })); 처음 코드를 작성했을 때는 get() 의 반환값과 set 의 콜백 매개변수인 store 에서 타입 오류가 발생해서, 저는 해당 부분마다 타입을 직접 지정해야 한다고 생각했습니다. 그런데 강의를 보니 놀랍게도 create<Store> 처럼 제네릭만 지정해도 set 과 get 에 관련된 타입 오류가 모두 해결되었습니다. 여기서 제가 궁금한 점은 다음과 같습니다. 1. Store 타입에는 왜 count , increase , decrease 처럼 스토어 객체에 들어갈 상태와 액션만 작성하면 되는 건가요? 2. 처음 Zustand를 사용하는 사람은 Store 타입을 이런 형태로 작성해야 한다는 것을 공식 문서의 TypeScript 예제를 보고 알게 되는 건가요? 3. 아니면 패키지의 .d.ts 나 .d.mts 같은 타입 선언 파일을 직접 확인하고, create 와 StateCreator 의 타입 구조를 해석해서 작성하는 건가요? 4. create<Store> 에 지정한 타입이 내부의 set , get , 그리고 set 콜백의 store 타입까지 전달되기 때문에 오류가 해결된 것인지도 궁금합니다. 실제로 라이브러리를 사용할 때는 공식 문서의 사용법을 먼저 따라 하고, 타입이 적용되는 원리가 궁금하거나 오류가 발생했을 때 타입 선언 파일을 확인하는 방식이 일반적인지도 궁금합니다. AI가 아닌 정환선생님이 직접 답변 부탁드리겠습니다.
강의에서는 React에서 DOM을 흉내 낸 Virtual Dom을 사용하여, 업데이트를 Virtual Dom에 다 모은 후에 한번에 반영하여 DOM을 1회 수정해 시간적인 측면에서 성능을 개선한다라고 설명해주셨다고 이해했는데, Virtual DOM을 수정하는 것이 DOM을 수정하는 것보다 시간이 빠른 이유는 뭔가요?
claude cli로 켜는 법 외에 강사님께서는 바로 켜시는 것 같던데.. 대체 어떻게 해야되는 걸까요? GPT에 여러번 물어봤으나 답이 안나옵니다 ㅠㅠ 그리고 이전에 질의드렸는데 찾지 못하겠어서.. 강사님은 터미널 쓰실때 node가 뜨는데 저는 bash 또는 powershell이 뜨고, bash의 경우에는 노란색 삼각형에 ! 가 써있는 경고 문구같은게 붙어있어요. 문제가 있는 걸까요? 권한 관리 강의에서 roadmap.md 파일 만들고.. ctrl R을 누르면 작업 내역을 다 볼수 잇다고 하셨는데 ㅠㅠ 대체 왜 저는 select to open 창으로 갈까요.. 항상 감사합니다!
안녕하세요. prd를 작성하는 미션을 하다가 질문 드립니다. git에 올려주신 대로 prd-generator 서브에이전트를 만들고 @로 호출해서 prd 작성을 시켰는데요. 내용이 좀 엉성한 것 같아 자세히 봤더니 템플릿 대로 하지 않았더라고요. 왜 그랬냐고 물어보니 prd-generator 없이 자기가 작성했다 -> 왜 그랬냐? prd-generator를 찾지 못했다 -> .claude/agents/docs 폴더 캡쳐 보내면서 왜 있는데 없다고 하는거냐? 시스템에서 not found로 반환되었다. 자기도 원인은 모르겠다 라고 합니다. 혹시나 해서 /exit하고 다시 접속해도 여전히 못 찾더라고요. 그래서 다시 폴더 목록을 캡쳐해줬더니 그제서야 찾고 아래와 같이 답하더라고요. 한번에 서브에이전트를 찾을 수는 없을까요? prd 작성 돌린 것만 몇 번째인지 모르겠어요ㅠㅠ
설치 다하고 실행했는데 웹브라우저에 Claude Code에 연결하려면 Claude Max 또는 Pro가 필요합니다 계정을 연결하려면 Max 또는 Pro 구독이 필요하며, 또는 API 키를 사용하세요. 이렇게 뜨네요 무료는 지원 안하는건가요 이 교육듣기위해서는 결재해야하나요?
안녕하세요. 영상을 통해 클로드를 공부하고 있는 클린이입니다. 좋은 영상 올려주셔서 감사합니다. 회사 보안 정책 상 윈도우에서 파워쉘을 이용하는 작업을 할 경우 보안 프로그램이 작동하게 되어 리눅스 환경인 WSL을 생성 및 해당 장소에서 안티그래비티로 클로드 코드 연결해 연습하고 있습니다. 다만, 안티그래비티 및 클로드 코드의 설치 장소가 C드라이브인 탓인지 /memory 명령 시 md 파일이 C드라이브에 생성되고 있습니다. WSL이 연결된 디렉토리에서 작업을 할 경우 /memory 명령으로 생성된 md 파일의 영향을 받을 수 없을 것 같은데 이를 해결하려면 WSL이 연결된 디렉토리에서 클로드 코드와 안티 그래비티를 다시 설치해야 할까요?
The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법
[1주차] AI를 '코딩 비서'에서 '개발 파트너'로 04. 🧠 컨텍스트 관리 마스터하기: AI의 두뇌에 청사진 새겨넣기 14) 실전 미션: 컨텍스트 관리 능력 내재화하기 >> 해당 파트의 Part 1: 여행지 비주얼 큐레이션 (Image Context 활용) 을 위해 서울 이미지 10개 링크로 접속했으나 접근이 불가합니다. https://postechackr-my.sharepoint.com/:f:/g/personal/honeyjam_postech_ac_kr/IgBBNaLpG7AaQobyaQ6Mfe9IAQLw7Ft4av6qbShUDeKjyVQ?e=vWujVn
안녕하세요 다름이아니라 저는 서로간의 의존성을 파악하라는 의미로 하나의 세션에서 오늘 할일들을 다 쏟아내고(여기서 코드수정은 없습니다) 병렬로 가능한것, 그렇지 않은것을 직접 분류하라고 시켜놓고 각각 워크트리로 개발후 최종적으로 결과보고서를 만들어 달라고하고있는데요. 이런식으면 알아서 1과업 = 1세션으로 관리를 하게될까요?
html, body { margin: 0px; width: 100%; background-color: rgb(246, 246, 246); } 우선 해당 스타일을 body 뿐만 아니라 html 까지 포함 시키는 이유가 궁금합니다. width에 100%를 주었는데, 그 이유와 height에는 100%를 주지않은 이유가 궁금합니다. 자식 요소들의 너비/높이에 %를 준다면 부모 요소의 너비/높이를 기준으로 삼는다는데, 최상위 태그인 html의 너비/높이에 %를 주면 그 기준이 무엇인지도 궁금합니다.
/init를 실행하기전에 프로젝트 파일을 보면 claude.md @AGENETS.md 라고 적혀있고 AGENETS.md 에는 <!-- BEGIN:nextjs-agent-rules --> # This is NOT the Next.js you know This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices. <!-- END:nextjs-agent-rules --> 이렇게 적혀있는데 이게 뭔지 모르겠습니다. 그리고 playwrite mcp파일을 설치한적이 없는데 Playwright로 확인 이라고 안내가 나오는데 같은건가요?
안녕하세요 Git 설치 시 기본 에디터(편집기) 프로그램을 선택하는 단계에서, 'Use Visual Studio Code as Git's default editor'를 선택해도 Next 버튼이 활성화되지 않습니다. 해결방법 또는 Git 설치 전 사전 작업이 필요한지 문의 드립니다. (Use the Nano editor by default 선택 시에는 Next 버튼 활성화됨)
