분류 전체보기 10

한컴AI 2기[스나이퍼팩토리] 한컴AI 2기 - AI개발자 교육 2주차

디스코드 활용새로운 채팅채널 질문답변게시판이 생겨서, 기본 설치에 관한 스레드를 만들었다.vite를 설치하고 테일윈드 css를 임포트 하는 방법을 포스트했다.레이아웃 UI만들 때 자주 쓰던 루시드 아이콘 설치도 함께 포스트했다.React 1. useState 복습더보기🔹 설명**컴포넌트 상태(state)**를 저장하고 업데이트할 수 있게 해주는 React Hook상태가 바뀌면 해당 컴포넌트는 자동으로 리렌더링🔹 예제import { useState } from 'react';function Counter() { const [count, setCount] = useState(0); return ( 현재 카운트: {count} setCount(count + 1)}>증가 ..

한컴AI 2기 2025.07.11

[바이브코딩] MD5 배틀 시뮬레이터 제작기 3일차

원래의 채팅방으로 돌아와서 영역전개!8속성이 조금 아쉬워서 8종족을 추가해볼까하다가 찾은건데, 마족 언데드 정령 용족같은애들이 방어상성이 있으면 더 괜찮겠다싶어. 현행 해시코드에서 얻어쓰면되겠는데 [8속성 & 8종족 리스트] 8속성 (공격과 방어에 모두 적용): 화(火) 수(水) 지(地) 풍(風) 광(光) 암(暗) 뇌(雷) 금(金) 8종족 (방어에만 적용되는 특성): 인간(Human) 엘프(Elf) 드워프(Dwarf) 오크(Orc) 언데드(Undead) 정령(Spirit) 용족(Dragonkin) 마족(Fiend) 이 케이스는 목 대신 뇌를 썼는데, 목 존치 vs 뇌 대체 어느쪽이 나아보여?AI의 답변은 이랬다.이 의견대로 진행하긴 했는데, 개발 완료 시점에서 돌아보니 막상 초목 속성이 없는 게 아쉬웠다..

AI 공부 2025.07.05

[바이브코딩] MD5 배틀 시뮬레이터 제작기 2일차

업로드 하고 보니 작은 디스플레이에서는 UI가 깨진다. 불만이었던 버전도 수정요구 ㄱㄱ나쁘진 않은데, 폰에서도 볼 수 있게 UI를 고려해서 개선해줘. 그리고 직역했던 기술명들은 음역으로 해줘.이러고도 만족스런 결과가 안나와서 (아햏햏스러운 한글기술명으로 회귀)기술명에서 속성은 암은 다크, 화는 파이어처럼 표기되어야 자연스러워져. UI의 최대 너비는 300px정도로 잡자. 모바일에서 많이 깨져. 티스토리에 올릴수있게 통으로 부탁할게.프롬프팅하고, UI에 대해서도 요구했다.기술명은 정상화 됐는데, 미디어쿼리 방식은 티스토리 HTML모드 직접게시에 유효하지 않아보였다.1. UI개선 코드펜 형태로 만들고 UI를 개선해보자. 작은 디바이스에서도 보여줘야하니까, 두 플레이어의 이름과 배틀장면만 중요하게 여기자. 해..

AI 공부 2025.07.04

[스나이퍼팩토리] 한컴AI 2기 - AI개발자 교육 1주차

강사 : 구디사는개발자퍼스널 브랜딩이 중요하다 역설하심.clean code는 중요하지않다. 주관적, 기업 문화마다 색깔이 다름. (연차 쌓이고 고민할 것)포트폴리오가 why수준을 대답할수있으면 ok.프론트 포폴에서 중요한 건 UI. (투박한 to do list 같은 건 ㄴㄴ..)향후 :Next.js와 React 중 하나 이상을 고르게될수있음 (리액트로 하다가 next로 마이그레이션을 할수도있음)커리어 :클래스가 차별화되려면.. 1. 출신(), 2. 전달력(이게 젤 어려움.. 템포, 사용 언어 등), 3. 커리의 메리트 (패캠같은 선도자가 앞서있음)신규창업자는 정부지원아니면 쉽지않음. (팀빌딩이 안돼있으니까) mingo.team슈퍼베이스로 서비스 제공중이심(아마존 아닌 네이버 클라우드 쓰시는중)댓글기능 돌..

한컴AI 2기 2025.07.04

[바이브코딩] MD5 배틀 시뮬레이터 제작기 1일차

어제 제미나이 2.5 프로를 구독하기 시작했다. 오늘 특이점이 온다 마이너 갤러리를 보니, 바이브 코딩 대회가 열린다고한다.깡통 계정으로 재미난 시도를 해보고싶었고, 지하철에서 재밌을 것을 열심히 고민해봤다. 과거 아스트랄 투닥투닥을 재미나게 플레이(?)했던 기억이 있어서, 그와 비슷한 MD5 배틀 시뮬레이터를 만들기로 결정했다.첫 프롬프트2. 능력치 및 타입 책정32자리의 해시를 2자리씩 끊어 능력치를 배분하는 방식은 아주 좋습니다. 데이터를 효율적으로 사용하면서 개성 있는 캐릭터를 만들 수 있습니다.해시 (32자리): e4d909c290d0fb1ca068ffaddf22cbd0 (예시)2-1. 능력치(Stat) 책정 (총 12자리 사용)포켓몬의 HABCDS처럼 6개의 능력치를 정의하고, 해시의 앞 12..

AI 공부 2025.07.01

당신의 이름에 숨겨진 운명은? MD5 이차원 배틀 시뮬레이터

안녕하세요! 여러분의 이름에 담긴 고유한 '바이브'를 전투로 풀어내는 MD5 배틀 시뮬레이터에 오신 것을 환영합니다.혹시 "내 이름은 뭔가 강한 기운이 있는 것 같아" 혹은 "이 캐릭터 이름은 왠지 약해 보여" 같은 생각을 해보신 적 없나요? 이 게임은 바로 그 '기운', 즉 '바이브'를 코드로 해석하여 눈앞에 보여주기 위해 만들어졌습니다.이 게임은 완벽한 밸런스보다는, 이름이라는 단 하나의 단서에서 모든 것이 결정되는 '운명'과 '우연'의 재미에 집중했습니다. 당신의 이름이 어떤 캐릭터로 태어나 어떤 대결을 펼치게 될지, 직접 확인해 보세요!게임 방법 (How to Play)게임 방법은 아주 간단합니다.아래 있는 플레이어 1과 플레이어 2의 입력창에 원하는 이름을 각각 입력하세요. (본인 이름, 친구 ..

AI 공부 2025.07.01

부동산 통계정보 API를 활용해보자 (2) - API 테스트

https://www.reb.or.kr/r-one/portal/openapi/openApiListPage.doAPI목록은 위 링크에서 조회할 수 있다. (로그인 하지 않으면 제대로 못보는듯하다)`서비스 통계목록`을 클릭하여 들어간다.키, 타입, 인덱스, 사이즈를 필수로 요구하고, 테이블 ID는 옵션으로 요구하는 느낌이다.사실 내가 원하는 통계표의 데이터 주기가 어느 단위인지 알기위해서 (연간, 반기, 분기, 월간, 주간 등) 해당 테이블 ID로 조회해볼 필요가 있다. 통계표 코드는 https://www.reb.or.kr/r-one/portal/openapi/openApiGuideCdPage.do 에서 확인할 수 있다. 내가 예제로 사용할 데이터인`임대동향 지역별 임대가격지수(2022년~)_오피스` 통계표..

API 개발 2024.09.06

Claude가 만든 클로드 프롬프팅 가이드

Claude 프롬프팅 가이드효과적인 프롬프팅을 위한 일반적인 팁1. 명확하고 구체적으로 작성하기메시지 시작 부분에 작업이나 질문을 명확히 기술하세요.Claude가 귀하의 요구 사항을 이해할 수 있도록 맥락과 세부 정보를 제공하세요.복잡한 작업은 작고 관리하기 쉬운 단계로 나누세요.잘못된 프롬프트: "프레젠테이션을 도와주세요." 좋은 프롬프트: "분기별 영업 회의를 위한 10장 분량의 프레젠테이션 제작에 도움이 필요합니다. 프레젠테이션은 2분기 영업 실적, 최고 판매 제품, 3분기 영업 목표를 다뤄야 합니다. 각 슬라이드의 주요 요점을 포함한 개요를 제공해 주세요." 왜 더 좋은가: 좋은 프롬프트는 슬라이드 수, 프레젠테이션의 목적, 다뤄야 할 주요 주제 등 작업에 대한 구체적인 세부 정보를 제공합니다..

AI 공부 2024.08.30

부동산 통계정보 API를 활용해보자 (1) - API 키 발급

https://www.reb.or.kr/r-one/portal/main/indexPage.do 부동산통계정보시스템통계, 통계조회, 복수통계, 변동비교통계, 사칙연산통계www.reb.or.kr`한국부동산원`의 `부동산통계정보` 홈페이지가 리뉴얼되었다. "R-ONE"이 신규오픈되었고, 기존 API는 폐기수순을 거쳐 11월 말에 완전히 지원종료 되는것으로 알고있다.Open API소개로 ㄱㄱ제공목록을 확인할 수 있고, 인증키를 발급받을 수도 있다.발급을 해보자.저는 업무용 구글계정으로 로그인하였습니다.동의 동의 저장 다시 발급에 들어가면,안내문이나 메뉴가 잘 되어있는 것 같다.인증키 발급을 누르고,용도와 내용을 작성하여 인증키 발급 요청!발급은 바로 된다.다음 글에서는 API 목록을 살펴보고, 호출하여 응답데이..

API 개발 2024.08.30