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