한국어로 배우는
AI 실전 학습 사이트

“먼저 홈 화면을 대충 만들고, 보면서 버튼 위치와 문구를 AI에게 계속 수정시킨다.”

“이 페이지에 AI 용어 사전 섹션을 추가해줘.”

“이 사이트는 한국어 AI 학습 허브라는 컨텍스트를 유지해줘.”

“용어 카드를 하나의 컴포넌트로 만들고 여러 번 반복해서 보여준다.”

“뉴스 데이터를 가져오려면 API를 호출해야 한다.”

“Vercel에 배포하면 친구도 링크로 사이트를 볼 수 있다.”

“처음에는 검색 없이 카테고리 탭만 있는 용어 사전 MVP로 만든다.”

“용어 카드의 버튼과 배치가 UI에 해당한다.”

“비기너가 고급 용어를 보고 부담을 느끼지 않게 필터를 둔다.”

“홈페이지의 용어 사전 섹션은 프론트엔드 작업이다.”

“용어를 서버에서 불러오면 백엔드가 필요하다.”

“나중에 용어를 관리자 페이지에서 추가하려면 데이터베이스를 쓸 수 있다.”

“탭 UI를 직접 만들지 않고 UI 라이브러리로 만들 수도 있다.”

“Next.js는 React 기반 프레임워크다.”

“/guide는 가이드 페이지, /prompts는 프롬프트 뱅크 페이지로 연결된다.”

“OPENAI_API_KEY는 코드에 쓰지 말고 환경변수로 저장한다.”

“빌드 에러가 나면 배포가 실패할 수 있다.”

“반복되는 카드 코드를 배열 map 구조로 리팩터링한다.”

“탭을 눌러도 내용이 안 바뀌는 문제를 디버깅한다.”

“관리자만 용어를 수정하게 하려면 인증이 필요하다.”

“현재 선택된 난이도 필터는 상태로 관리한다.”

“GlossaryCard에 용어명과 설명을 props로 넘긴다.”

“용어 사전 섹션을 추가한 뒤 Git에 커밋한다.”

“수정한 코드를 GitHub에 push한 뒤 Vercel이 배포한다.”

“ai-glossary 브랜치에서 용어 사전을 추가한다.”

“용어 사전 작업을 main 브랜치에 합치기 전에 PR을 만든다.”

“검색 노출이 중요한 페이지는 SSR이 유리할 수 있다.”

“탭을 누를 때 내용만 바뀌는 기능은 CSR로 처리할 수 있다.”