본문 바로가기

무료DB2

[아빠표 0원 어플] STEP 2. 프론트엔드? 백엔드? 코딩 초보의 완벽한 무료 서버 구축 안녕하세요! 全자동입니다. 지난 시간에는 AI와 대화하며 코딩하는 '바이브코딩'의 개념과 기획서(PRD) 작성법을 알아보았습니다.이제 본격적으로 앱의 뼈대를 세워볼 차례입니다.그런데 시작하기 전에, 코딩의 세계에서 무조건 알아야 하는 두 가지 필수 개념이 있습니다.바로 프론트엔드(Front-end)와 백엔드(Back-end)입니다. 이름만 들어도 머리가 아프신가요?걱정 마세요. 1분 만에 이해시켜 드리겠습니다.1. 🍽️ 식당으로 이해하는 프론트엔드 vs 백엔드코딩을 '식당'을 차리는 것에 비유해 보겠습니다.프론트엔드 (식당의 홀과 인테리어): 손님이 앉아서 메뉴판을 보고 밥을 먹는 공간입니다. 우리가 스마트폰으로 보는 '앱 화면, 버튼, 디자인'이 바로 프론트엔드입니다. (이 부분은 앞으로 '바이브코딩.. 2026. 9. 19.
[아빠표 0원 어플] 코딩 몰라도 괜찮아! 바이브코딩으로 영단어 앱 만들기 1편(프롤로그) "아빠, 영단어 외우는 거 너무 지루해!" 책상에 앉아 억지로 영어 단어장을 넘기는 아이를 보며 고민이 시작되었습니다.아이가 영단어를 공부하는 과정을 가만히 지켜보니, 치명적인 비효율 세 가지가 눈에 띄었습니다.첫째, 무거운 단어장이 내 손에 '있을 때만' 공부가 가능했습니다.둘째, 정확한 발음을 들으면서 외워야 하는데, 모르는 단어가 나올 때마다 일일이 스마트폰 사전 앱을 켜서 검색하고 스피커 버튼을 누르는 과정이 너무 번거로웠습니다. 셋째, 눈으로만 보니 쉽게 까먹고 재미가 없었습니다.'스마트폰으로 언제 어디서나 볼 수 있고, 버튼 한 번에 원어민 발음이 나오며, 게임처럼 퀴즈로 외울 수 있는 나만의 앱을 만들어 줄 수는 없을까?' 그렇게 코딩의 '코'자도 모르던 평범한 직장인 아빠의 영단어 앱 만들.. 2026. 9. 18.