27,500원
초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.
[프론트엔드, 웹 개발] 강의입니다.
간단한 마크다운 메모 웹 애플리케이션을 만들어봅니다. 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 이상)
안녕하세요
제주코딩베이스캠프 입니다.
제주코딩베이스캠프 입니다.
커리큘럼
총 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

질문에 답변을 안해주시네요.. 초반에 google quick start 코드도 완전 바뀌어서 수업을 듣는데 어려움이 많네요. 환불할 수는 없나요?
2022-07-27