[강의자료] "엑셀만 칠 줄 알면 개발자? 코딩 없이 2시간 만에 내 앱 만들기"

코딩 포기자였던 내가, 단 2시간 만에 앱을 만들었다고?  

안녕하세요! 혹시 "나만의 앱 하나 만들어보고 싶다"는 생각, 해보신 적 있나요? 하지만 C언어, 자바... 이름만 들어도 머리 아픈 코딩 때문에 포기하셨다면, 이번 강의가 여러분의 인생을 바꿀지도 모릅니다.

이번 주부터 시작되는 **[노코드(No-Code) 앱 만들기 강의]**에서는 어려운 코딩 언어를 전혀 사용하지 않습니다. 우리가 흔히 쓰는 '구글 스프레드시트(엑셀)'에 글자만 입력하면, 마법처럼 스마트폰 앱이 탄생하는 과정을 경험하게 될 거예요.

 

[1주차 강의 미리보기]

• 주제: 내 폰에 설치하는 '나만의 맛집 리스트' 만들기
• 도구: 구글 시트 + Glide (설치 필요 없음!)
• 시간: 단 2시간 (이론부터 배포까지)
• 결과물: 수업이 끝나면 실제 내 스마트폰 홈 화면에 내가 만든 앱 아이콘이 생깁니다.

전공자가 아니어도, 컴퓨터를 잘 못해도 괜찮습니다. "이게 진짜 내가 만든 거야?"라며 친구들에게 자랑할 수 있는 결과물을 안겨드릴게요. 코딩 없이 크리에이터가 되는 가장 빠른 길, 함께 시작해볼까요?

 

[1주차] 코딩 없이 2시간 만에 내 스마트폰에 앱 설치하기

1. 강의 개요

• 강의 목표: 노코드(No-Code)의 개념을 이해하고, 구글 스프레드시트를 활용해 나만의 '맛집 리스트 앱'을 만들어 실제 스마트폰에 설치한다.
• 타겟 대상: 비전공 대학생, 일반인 (코딩 지식 전무)
• 소요 시간: 120분 (2시간)
• 활용 도구: Google Sheets (데이터베이스), Glide (앱 빌더)
• 준비물: 개인 노트북, 구글 계정, 스마트폰

2. 타임테이블 (총 120분)

시간세부 내용비고

시간	세부내용	비고
00:00 ~ 00:20	[이론] 노코드 혁명과 가능성 - 코딩을 몰라도 개발자가 되는 시대 - 노코드로 만든 실제 사례 보여주기 (동기 부여) - 오늘 만들 앱 미리보기 (데모 시연)	흥미 유발
00:20 ~ 00:50	[실습 1] 앱의 뼈대 만들기 (데이터 연동) - 구글 스프레드시트에 데이터 입력하기 - Glide 가입 및 시트 연동 - "마법의 순간": 엑셀이 앱으로 변하는 과정 경험	핵심 단계
00:50 ~ 01:00	[휴식]
01:00 ~ 01:30	[실습 2] 디자이너 되어보기 (커스터마이징) - 리스트 스타일 변경 (카드형, 타일형) - 상세 화면 꾸미기 (지도, 전화 걸기 버튼 추가) - 데이터 추가 기능 넣기	창의성 발휘
01:30 ~ 01:50	[배포] 내 폰에 설치하고 자랑하기 - QR코드로 내 폰에 다운로드 (PWA 방식) - 옆 사람과 서로 만든 앱 공유하고 써보기	성취감 고취
01:50 ~ 02:00	[마무리] Q&A 및 다음 주 예고

3. 상세 강의 시나리오

1교시: 노코드의 세계와 데이터 준비 (50분)

1. 오프닝 (20분)

• 강사 멘트: "여러분, 배달의 민족 같은 앱을 만들려면 개발자가 몇 명이나 필요할까요? 오늘은 여러분 혼자서, 단 2시간 만에 그와 비슷한 기능을 가진 나만의 맛집 앱을 만들어 볼 겁니다."
• 개념 설명: * No-Code란? 레고 블록 조립하듯이 클릭과 드래그로 프로그램을 만드는 것.
  • 왜 지금 배워야 하나? 아이디어를 빠르게 실현하고, 업무 효율을 높이기 위해.

2. 데이터베이스(DB) 만들기 (30분)

• 설명: "모든 앱의 시작은 '데이터'입니다. 우리는 어려운 DB 대신 친숙한 '구글 스프레드시트'를 사용합니다."
• 실습 가이드:
  1. 구글 스프레드시트 새 문서 열기.
  2. 첫 번째 줄(헤더) 작성: 식당이름, 종류(한식/양식), 별점, 주소, 대표사진, 후기
  3. 데이터 3~5개 채워 넣기.
     • Tip: 사진은 구글 이미지 검색에서 '이미지 주소 복사'를 해서 URL을 붙여넣게 하세요.
  4. Glide(glideapps.com) 접속 및 구글 로그인.
  5. [New Project] -> [Google Sheets] 선택 -> 방금 만든 시트 선택.
  6. ✨ Aha Moment: 로딩이 끝나고 화면에 앱이 짠! 하고 나타날 때, 수강생들이 환호성을 지르게 유도합니다.

2교시: 내 입맛대로 꾸미고 배포하기 (60분)

3. 앱 꾸미기 & 기능 추가 (30분)

• 설명: "지금은 기본 화면이지만, 이제부터 여러분의 감각을 더해봅시다."
• 실습 가이드:
  1. 레이아웃 변경: 왼쪽 메뉴에서 Collection 선택 -> 스타일을 List에서 Cards나 Tiles로 변경하여 사진 강조하기.
  2. 상세 페이지 설정: 리스트를 클릭하고 들어간 상세 화면에서 불필요한 정보 숨기기.
  3. 컴포넌트 추가: * Button 추가 -> 기능(Action)을 Dial Phone number로 설정 (식당 전화 연결).
     • Map 추가 -> 주소 데이터와 연동하여 지도 띄우기.
  4. 필터 기능: 화면 상단에 '한식', '양식' 탭을 만들어 카테고리별로 모아보기 기능 실습.

4. 배포 및 공유 (20분)

• 설명: "앱 스토어 심사 없이 바로 사용할 수 있는 웹 앱(PWA) 방식으로 배포합니다."
• 실습 가이드:
  1. 우측 상단 [Publish] 버튼 클릭 -> 나만의 URL 설정 (예: my-tasty-001.glide.page).
  2. 생성된 QR코드를 스마트폰 카메라로 스캔.
  3. 중요: 사파리(아이폰)나 크롬(안드로이드) 메뉴에서 '홈 화면에 추가' 누르기.
  4. 바탕화면에 아이콘이 생성되고, 실제 앱처럼 실행되는 것 확인.

5. 마무리 (10분)

• 과제: "오늘 만든 앱에 우리 동네 맛집 5개 더 추가해오기" 또는 "나만의 버킷리스트 앱 만들어오기"
• 차주 예고: "다음 주에는 이 앱으로 친구들에게 주문을 받고 데이터를 관리하는 '업무 자동화' 기능을 배워보겠습니다."

4. 강사를 위한 수업 진행 꿀팁 (Teacher's Note)

1. 이미지 준비: 수강생들이 이미지 주소(URL) 복사를 어려워할 수 있습니다. 미리 무료 이미지 사이트(Unsplash 등)나 예제 이미지 URL 목록을 준비해서 채팅창에 공유해주면 시간이 절약됩니다.
2. 구글 계정 확인: 간혹 구글 계정 비밀번호를 잊어버린 수강생이 있습니다. 수업 전 공지로 "구글 로그인 가능한 상태로 오세요"라고 안내하세요.
3. 개별 속도 차이: 젊은 층은 금방 따라 하지만, 툴이 낯선 분들은 뒤쳐질 수 있습니다. **"잘 안 되시는 분은 손을 들어주세요"**라고 자주 언급하고, 보조 강사가 없다면 중간중간 라운딩을 돌며 화면을 봐주세요.
4. 동기 부여: 기술적인 설명보다는 "이걸 만들어서 여자친구한테 보내주면 정말 좋아하겠죠?" 같은 실생활 적용 멘트가 일반인에게는 훨씬 효과적입니다.

 엑셀만 치면 앱이 된다고?😲 코딩 1도 몰라도 OK! 2시간 만에 나만의 맛집 앱 만들어 내 폰에 설치하기📱 컴퓨터 비전공자를 위한 세상 쉬운 '노코드' 강의, 이번 주 시작합니다!🚀 #노코드 #앱만들기 #직장인자기계발

 

 

 "이거 내가 만든 앱이야!" 친구들에게 자랑하고 싶다면? 😎 구글 시트로 뚝딱 만드는 노코드(No-Code) 앱 강의! 이번 주 1주차 '맛집 앱 만들기' 함께해요. 누구나 2시간이면 충분합니다.