전체 글18 claude design가 디자이너를 대체될 수 있을까? 1. 소스 코드 넣기 (백엔드 코드 x, only 프론트 코드)2. 그 포르젝트에 fig 넣기3. 새로운 프로젝트에 fig 넣기 하니까 토큰 다씀 ;; 2시간만에 다 쓴 거 같네요디자이너보다 비싸니까 클로드로 해고될 일은 없을 거 같습니다... 지금까지 느낀 점ai 특유의 디자인 느낌이 있긴 한데 뇌이징돼서 이쁜 거 같기도 한 생각이 듦;; 뇌빼고 아이디어만 뽑고 싶을 때 좋을 듯코멘트로 수정하는건데 파일이나 시스템에서 컴포넌트를 수정해야함 html 수정하면 반영 안 됨 ;;버전 관리가 어려움 git 연결이 되려나피그마가 디자이너 친화적이라면 클디는 개발자 친화적인 듯 (css 속성 이름으로 편집함) 2026. 4. 20. Zod 스키마란? — TypeScript에서 데이터 검증까지 해결하기 Zod 스키마란? — TypeScript에서 데이터 검증까지 해결하기TypeScript를 사용하면서 "타입을 다 정의했는데 왜 런타임 오류가 나지?" 라는 경험, 한 번쯤 해봤을 것이다. 이 글은 그 문제를 해결해주는 Zod가 왜 생겨났고, 어떻게 쓰는지를 차근차근 살펴본다.왜 Zod가 필요할까?TypeScript를 쓰는 이유 중 하나는 타입 안정성이다. 아래처럼 타입을 정의해두면 실수로 잘못된 값을 넣을 때 IDE가 바로 경고해준다.type User = { name: string; age: number;};그런데 문제가 있다. TypeScript의 타입 체크는 컴파일 시점에만 작동한다.예를 들어 API 응답으로 받아온 데이터가 있다고 해보자.const data = await fetch("/api/u.. 2026. 4. 1. Claude terminal 꾸미기 (클로드 터미널 꾸미기) https://www.owloops.com/ owloops - cli tools that work www.owloops.com install 설치 방법npm install -g @owloops/claude-powerlineusage (테마 설정, 스타일 설정)npx @owloops/claude-powerline --theme darknpx @owloops/claude-powerline --style powerline옵션는 이러하다.더보기CLI Options (both --arg value and --arg=value syntax supported):--theme - dark (default), light, nord, tokyo-night, rose-pine, gruvbox, custom--style - .. 2026. 3. 19. 체코 프라하 교환학생 추천 글 나의 사랑 프라하 교환 추천글 되시겠다.. 1. 수도이다.우리나라 서울과의 면적이 비슷하다고 하는데 체감상 훨씬 작은 느낌?아마 중심지 몰렸이기 때문인지도?인프라가 좋다. (영화관, 카페, 체육관, 쇼핑 센터 등등)프랑스 서부에서 교환한 친구가 오고너 이렇게 대도시에 산다고? 얘기함 + 주말에도 밤 10시까지 마트가 한다는 것꽤 많은 유럽 국가에서는 주말에 닫는다.밤 10시까지 하는 나라도 드물다. 나의 기숙사는 걸어서 10분 내 거리에 마트가 있었다 좀 더 걸으면 많은 또 다른 마트들도 나온다 2. 미친(pos) 물가 대한민국에서는 사과 2천원 하지만 체코에서는?200원이다.귤은 100원대 매일 아침은 사과 두개에 땅버면 충분했던 ... 서울에서는 이게 4천원?? ㅠㅠ너무 그리운 물가.. 기숙사비.. 2026. 2. 16. 올해 목표 !!! 보호되어 있는 글 입니다. 2026. 2. 16. 슬랙(Slack)과 깃허브(GitHub) 연동하기 안녕하세요! 협업 도구로 슬랙과 깃허브를 동시에 쓰고 있다면, 이 두 툴을 연동해서 PR 생성, 커밋, 이슈 등 알림을 슬랙 채널에서 실시간으로 받아보는 게 훨씬 효율적이겠죠?오늘은 Slack과 GitHub를 연동하는 가장 간단한 방법을 알려드릴게요. 초보자도 쉽게 따라할 수 있습니다!✅ 사전 준비Slack 워크스페이스 관리자 권한 (혹은 앱 설치 권한)GitHub 저장소 권한 (관리자 또는 알림 설정할 수 있는 권한)🔗 1단계: GitHub 공식 슬랙 앱 설치더보기 > 자동화앱 > GithubSlack에 추가⚙️ 2단계: 슬랙 채널에 GitHub 알림 설정슬랙에서 /github subscribe 입력GitHub 계정 연동 요청이 나오면 로그인 및 승인다시 슬랙에서 원하는 채널에 다음과 같이 입력:/g.. 2025. 8. 7. perplexity 학생 무료 가입하기 https://plex.it/referrals/J3IWQ3SG Get Perplexity Pro freeSign up with your student email to redeemwww.perplexity.ai 링크로 접속 후 ac.kr 계정으로 가입하시면 됩니다 2025. 6. 23. 내가 좋아하는 폰트 ㅎㅎ https://fonts.google.com/specimen/Montserrat Montserrat - Google FontsThe old posters and signs in the traditional Montserrat neighborhood of Buenos Aires inspired Julieta Ulanovsky to design this typeface and rescue the beauty offonts.google.com이뻐서 좋아함 2025. 6. 2. [FE] 프론트엔드 리액트 ts(타입스크립트)에서 GPT API 연결하기 1. OpenAI API Key 발급https://platform.openai.com 에 로그인API Keys 메뉴로 이동 https://platform.openai.com/settings/organization/api-keys새 Key 생성 → 복사 (한 번만 보여짐)2. 환경 변수에 API 키 저장루트 디렉토리에 .env 파일 생성:REACT_APP_OPENAI_API_KEY=내api키 .env 파일은 .gitignore에 포함되어야 합니다.3. GPT API 호출 함수 작성 (openai.ts)// src/api/openai.tsimport axios from 'axios';const API_KEY = import.meta.env.VITE_OPENAI_API_KEY;const API_URL = 'h.. 2025. 5. 29. 이전 1 2 다음
