Google Sheets로 만드는 마크다운 스티커 메모
간단한 마크다운 메모 웹 애플리케이션을 만들어봅니다. 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. 배우는 것 📖
- Google Sheets API 사용법
- Google Cloud Platform 시작하기
- Toast UI Editor 사용법
- Window.open() Web API를 이용한 부모창과 자식창끼리 데이터를 전달하는 법.
- Git Hub와 Netlify를 이용한 정적 웹페이지 배포
(강사 : 정승한)
이런 분들께
추천드려요!
학습 대상은
누구일까요?
HTML, CSS, JavaScript(ES6)를 이해하고 있는 분
서버와 DB 없이 앱을 만들고 싶으신 분
프론트엔드 포트폴리오가 필요하신 분
선수 지식,
필요할까요?
HTML
CSS
JavaScript(ES6 이상)
안녕하세요
제주코딩베이스캠프입니다.
🧙♂ 안녕하세요. 제주코딩베이스캠프입니다.
제주코딩베이스캠프란?
제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!
제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.
서비스 구축 성공 경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!
으라차차 청춘 화이팅입니다! 😀
▶︎ 제주코딩베이스캠프 로드맵
▶︎ 제주코딩베이스캠프 수료증 제도
커리큘럼
전체
17개 ∙ 2시간 46분
수업 자료
가 제공되는 강의입니다.
마지막 업데이트일: 2021년 10월 28일