Thumbnail
개발 · 프로그래밍 프론트엔드

Google Sheets로 만드는 마크다운 스티커 메모 대시보드

(3.3)
3개의 수강평 ∙  101명의 수강생

27,500원

지식공유자: 제주코딩베이스캠프
총 17개 수업 (2시간 46분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

간단한 마크다운 메모 웹 애플리케이션을 만들어봅니다. Notion처럼 마크다운을 사용할 수 있는 스티커 메모지에요!

✍️
이런 걸
배워요!
Google Sheets API
구글 로그인
Netlify를 이용한 정적 웹페이지 배포
window.open() API

 

 

 

✔ 간편하게 구글 로그인

✔ 구글 시트와 연동되는 나만의 스티키메모

 

[검색 최적화를 위한 텍스트입니다.]

Notion처럼 마크다운을 사용하면서도
윈도우 스티커 메모처럼 가볍게 사용할 수 있는
마크다운 스티커 메모를 함께 만들어봐요!

✔ HTML, CSS, JS를 문법만 배우시고, 무언가 만들어보지 못하셨나요?
개발자 포트폴리오가 필요하신가요?
작동되는 웹을 빠르게 만들고 싶으신가요?
가볍게 시작할 수 있는 프로젝트가 필요하신가요?
마크다운이 적용되는 자신만의 메모장이 필요하신가요?

1. 강의 주제 🥊

HTML, CSS, JavaScript, Google sheets를 사용하여
마크다운(Markdown)이 가능한 메모 웹 애플리케이션을 만들어 봅니다. 

2. 선수 지식 🐱‍🏍

HTML, CSS, JavaScript ES6 문법(onst, let 키워드, promise, 구조분해 할당, 템플릿 문자열)

2. 강의 특징 🎊

  • 서버 코드 필요 없이 JavaScript 코드만으로 결과물을 만들 수 있습니다.
    (Node.js를 사용하지 않습니다.)
  • 별도의 DB 필요 없이 구글 엑셀 파일을 DB로 사용합니다.
  • 복잡한 SQL을 사용할 필요 없이 Google Sheets API를 활용하여
    데이터를 생성, 조회, 수정, 삭제하는 법을 배웁니다.
  • 배포까지 하여, 언제 어디서든 접속할 수 있는 메모 앱을 만듭니다.

3. 배우는 것 📖

 

(강사 : 정승한)

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
HTML, CSS, JavaScript(ES6)를 이해하고 있는 분
서버와 DB 없이 앱을 만들고 싶으신 분
프론트엔드 포트폴리오가 필요하신 분
📚
선수 지식,
필요할까요?
HTML
CSS
JavaScript(ES6 이상)

안녕하세요
제주코딩베이스캠프 입니다.
제주코딩베이스캠프의 썸네일

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

 

image

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

 


 

︎ 제주코딩베이스캠프 로드맵

image

︎ 제주코딩베이스캠프 수료증 제도

image

공동 지식공유자: Hojun Lee의 썸네일
커리큘럼 총 17 개 ˙ 2시간 46분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. Google Sheets API 활용하여 데이터 CRUD
Google Sheets API QuickStart 17:44
Google Sheets API를 이용한 CRUD 14:31
섹션 2. TOAST 에디터 사용
Toast UI Editor 사용해보기 12:04
섹션 3. 스티커 메모 기능 구현
메모 불러오기 13:02
에디터 창 띄우기 09:01
메모 수정하기 11:56
새 메모 만들기 12:55
메모 삭제하기 19:03
섹션 4. 스티커 메모 스타일링
메인 화면 15:22
메모 리스트 화면 13:02
에디터 화면 11:56
섹션 5. Netlify를 이용한 배포
배포 10:22
강의 게시일 : 2021년 06월 17일 (마지막 업데이트일 : 2021년 10월 28일)
수강평 총 3개
수강생분들이 직접 작성하신 수강평입니다.
3.3
3개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
witch white thumbnail
5
google sheet API, 에디터 등 사용법 알아두면 여러가지로 유용하고 간편하게 활용할 수 있을 것 같아 수강시작했어요! 꾸미기를 좋아해서 간편하게 만든 후 제 취향데로 메모장 꾸미는 재미도 즐길수 있을거라고 기대중입니당. (😍 취미코더 )
2022-04-27
이단비 thumbnail
4
좋은 강의 감사합니다. 다만 특정 시트 id를 올리고, 구글 콘솔에도 자기 계정만 올려놓으니 본인만 쓸 수 있는 서비스가 된다는 단점이 있네요... ㅠㅠ... 배포 이후에 다른 사람도 쓸 수 있도록 만드는 방법도 같이 다뤘으면 더 좋았을 것 같아요. 그래도 여러 팁을 얻을 수 있어서 좋았습니다!
2021-07-30
sg HYUN thumbnail
1
질문에 답변을 안해주시네요.. 초반에 google quick start 코드도 완전 바뀌어서 수업을 듣는데 어려움이 많네요. 환불할 수는 없나요?
2022-07-27