프론트엔드2 [영단어 어플 만들기] STEP 3. 앱과 엑셀을 연결하는 마법의 다리, 구글 앱스 스크립트(GAS) 안녕하세요! 全자동입니다. 지난 STEP 2에서는 구글 스프레드시트를 활용해 영구적으로 나만의 백엔드(데이터베이스)를 세팅해 보았습니다.스프레드시트 빈 칸에 단어와 뜻을 정리해 넣는 기초 작업을 마치셨다면, 이제 가장 핵심적인 질문이 떠오르실 겁니다. "내가 엑셀에 적어둔 단어들이 도대체 어떤 원리로 스마트폰 앱 화면에 실시간으로 나타나게 될까?" 오늘 다룰 내용이 바로 정적인 스프레드시트의 데이터를 살아있는 모바일 앱과 연결해 주는 비밀 병기, '구글 앱스 스크립트(Google Apps Script, 이하 GAS)'의 핵심 개념과 환경 구축입니다. 1. 🤵 친절한 디지털 웨이터: API와 구글 앱스 스크립트지난 포스팅에서 코딩과 웹 구조를 식당에 비유했던 것을 기억하시나요?스마트폰 사용자가 직접 눈으.. 2026. 9. 20. [영단어 어플 만들기] STEP 2. 프론트엔드? 백엔드? 코딩 초보의 완벽한 무료 서버 구축 안녕하세요! 全자동입니다. 지난 [STEP 1]에서는 AI(제미나이, 챗GPT 등)와 일상 언어로 대화하며 코드를 완성하는 '바이브코딩(Vibe Coding)'의 핵심 개념과, AI의 환각(오류)을 막아주는 제품 요구사항 명세서(PRD) 작성 노하우를 공유해 드렸습니다.이제 본격적으로 우리 아이를 위한 맞춤형 단어장의 뼈대를 세워볼 차례입니다. 하지만 개발 작업을 시작하기에 앞서, 웹과 앱의 세계에서 반드시 이해하고 넘어가야 할 두 가지 거대한 축이 있습니다. 바로 프론트엔드(Front-end)와 백엔드(Back-end)입니다. 비전공자에게는 단어만 들어도 막막하게 느껴지겠지만, 우리가 매일 이용하는 '식당'에 빗대어 보면 단 1분 만에 그 본질을 명쾌하게 이해할 수 있습니다. 1. 🍽️ 맛있는 식당으.. 2026. 9. 19. 이전 1 다음
