Thumbnail

웹, 앱 풀스택개발 Boot Camp - 입문부터 서비스 개발까지 대시보드

(4.1)
16개의 수강평 ∙  1,068명의 수강생
공개되지 않은 강의로
수강이 제한됩니다.
지식공유자: 박순영
총 77개 수업 (43시간 25분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공

컴퓨터과학 기본-웹프론트-서버-모바일 앱- 맛집서비스 개발 까지, 배우고 만들어보며 적용하다 보면 IT 서비스를 만드는데 필요한 풀스택 기술을 쌓을 수 있는 강좌입니다. 내가 가진 아이디어를 만들어 보고 싶은데 어디부터 어떻게 시작해야 될지 막막한 입문자들, 혹은 전체 서비스 개발 흐름을 알고 싶은 개발자들 누구에게나 좋은 강좌 입니다. 개발자, 멋쟁이사자처럼 운영진, 스타트업대표, 스타트업 CTO 등 풍부한 개발자로 운영자로 교육자로 풍부한 경험을 가진 지식공유자가 서비스 개발에 필요한 대부분의 것을 하나하나 알려줍니다.

1. 웹-앱 풀스택개발 Boot Camp 강좌소개

인프런이 야심차게 준비한 모두를 위한 웹-앱 풀스택개발 강좌

입문부터 웹프론트, 웹백엔드, 하이브리드 앱까지 IT 서비스를 만드는데 필요한 풀스택 기술을 경험하고 쌓을 수 있는 강좌. 내가 가진 아이디어를 만들어 보고 싶은데 어디부터 어떻게 시작해야 될지 막막한 입문자들, 온전한 서비스가 만들어지는 전체 과정을 경험하고 싶은 기존 개발자 모두를 강좌를 준비했습니다. 최근 IT 서비스를 만들게 될때 크게 아래 세가지 기술이 필요합니다.

  1. 이용자들이 사용할 화면의 보여주고 기능을 입혀주는 Web-Front
  2. 서비스의 기능을 작동시키고 데이터를 보내고 받는 Web-BackEnd,
  3. 스마트폰 앱을 만드는 App 개발.

이 강좌는 최근 IT 서비스를 만들때 필요한 세가지 영역을 모두 알려주는 풀스택 강좌입니다.

2. 도움되는 분들

  • 어떠한 프로그래밍 지식이 없는 입문자
  • 자신만의 아이디어로 웹서비스, 앱서비스를 만들어 보고 싶은 분
  • 프로그래밍 언어를 배우기 전에 서비스 개발 흐름을 알고 싶은 분
  • 개발자로 진로를 생각중인 분

3. 배우는 것들

웹프론트엔드

  • 웹과 앱 개발에 대한 이해
  • 웹 뼈대를 잡는 HTML
  • 화면을 꾸며주는 CSS
  • 웹서비스 모습을 만드는 웹퍼블리싱
  • 웹문서에 기능을 더하는 언어 Javascript 기초
  • 실전에서 사용가능한 jQuery

웹백엔드

  • 루비 코딩과 실습
  • 레일즈
  • 웹 서비스 모델링(MVC만들기)
  • 데이터베이스 이해와 연동 실습
  • 데이터 조회, 쿼리, 조작

서비스 만들어보기

  • 글,댓글 구현
  • 회원 가입, 로그인, 페이스북 로그인
  • 이메일 서비스 구현
  • 파일 업로드 구현
  • 지도 API 활용

웹 프로젝트

  • 맛집 정보 사이트 만들기

모바일 App (React Native)

  • 모바일 앱개발
  • ECMA Script6 소개
  • React Native 소개와 기초
  • 씬구성
  • 위치정보 사용
  • 터치, 버튼 각종 이벤트처리
  • 화면전환, 뷰 애니메이션
  • 센서 활용하기
  • 네트워크
  • Promise

모바일 앱 프로젝트

  • 맛집 어플리케이션 만들기
  • firebase 이용한 푸쉬 노티피케이션 구현

안녕하세요
박순영 입니다.
박순영의 썸네일
커리큘럼 총 77 개 ˙ 43시간 25분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. 섹션 2. HTML 기초
HTML의 기초 #1: 기본 형태 미리보기 25:00 HTML의 기초 #2: 글과 이미지 미리보기 43:00
HTML의 기초 #3: Hypertext 21:00
HTML의 기초 #4: 메타 태그 20:00
섹션 2. 섹션 3. CSS 기초
HTML의 기초 #5: CSS 기초와 Layout 미리보기 32:00 CSS 스타일 적용하기 #1: 레이아웃 작업 미리보기 33:00
CSS 스타일 적용하기 #2: 글과 이미지 스타일 37:00
CSS 스타일 적용하기 #3: 여백 스타일 20:00
섹션 3. 섹션 4. 웹퍼블리싱
HTML/CSS 활용하기: 자기소개 사이트 완성하기 미리보기 01:05:00
Bootstrap으로 확장하기: 모바일 적응하기 53:00
Bootstrap으로 응용하기: Component 소개 32:00
Css 라이브러리로 꾸미기: Font-awesome 05:00
Css 라이브러리로 꾸미기: Animate 04:00
HTML/CSS 심화: Form 구현하기 23:00
섹션 4. 섹션 5. 자바스크립트 기본
Javascript 의 이해 미리보기 18:00
Javascript로 시작하는 프로그래밍 언어 #1: 변수와 데이터 25:00
Javascript로 시작하는 프로그래밍 언어 #2: 사칙연산 08:00
Javascript로 시작하는 프로그래밍 언어 #3: 비교연산 24:00
Javascript로 시작하는 프로그래밍 언어 #4: 함수 (프로시져) 20:00
Javascript로 시작하는 프로그래밍 언어 #5: 반복 21:00
섹션 5. 섹션 6. jQuery 사용하기
JQuery 시작하기 미리보기 15:00
JQuery 활용 #1: DOM 34:00
JQuery 활용 #2: Event 51:00
Javascript 기본 타이머 13:00
인터렉티브 웹: JQuery UI 40:00
인터렉티브 웹: Chart.js 26:00
섹션 6. 섹션 7. Ruby On Rails 웹개발 (Back-End)
Ruby의 소개 미리보기 18:00 Ruby의 코딩 실습 미리보기 43:00
Ruby의 클래스 01:01:00
Rails 시작하기 51:00
웹 서비스 모델링 (MVC) 45:00
웹 Template 44:00
URL 라우팅 49:00
Static 파일 구성 29:00
ActiveRecord 1 - 데이터베이스 미리보기 53:00
ActiveRecord 2 - 데이터 연동 34:00
ActiveRecord 3 - ORM 18:00
CRUD 30:00
ActiveRecord 4 - Relation 개념 23:00
ActiveRecord 5 - Association 활용 35:00
섹션 7. 섹션 8. 레일즈 프로젝트
회원 서비스 구현 #1: 회원 모델 구현 42:00
회원 서비스 구현 #2: 로그인 구현 29:00
회원 서비스 구현 #3: 세션 체크하기 20:00
회원서비스 구현 #4: 이메일 서비스 01:40:00
회원 서비스 구현 #5: Devise 로 회원서비스 구현 54:00
역할 부여하기 16:00
페이스북 로그인 구현 미리보기 16:00
파일 업로드 구현 24:00
지도 API 활용하기 55:00
페이지네이션 구현 06:00
모델링 수정 35:00
기능과 라우팅 37:00
공통 스타일 적용 29:00
템플릿 완성, 맛집 등록 및 조회 52:00
AJAX 활용으로 지도 갱신 38:00
검색 기능, 리뷰, 댓글 기능 마무리 42:00
섹션 8. 섹션 9. 리액트 네이티브 입문
모바일 앱 개발 개요 미리보기 30:00
ECMA Script 6 소개 51:00
React Native 시작하기 51:00
React Native 컴포넌트 28:00
React Native 씬 27:00
여러 씬 연결하기 (네비게이션) 55:00
GeoLocation 52:00
이벤트 처리 32:00
애니메이션 / 효과 21:00
센서 11:00
네트워크 22:00
카메라 18:00
섹션 9. 섹션 10. 모바일 프로젝트
컴포넌트 설계 12:00
화면 구현 48:00
인증 처리 01:44:00
모바일 API 50:00
AsyncStorage / 기능 구현 44:00
푸시 노티피케이션 48:00
강의 게시일 : 2017년 10월 22일 (마지막 업데이트일 : 2018년 05월 30일)
수강평 총 16개
수강생분들이 직접 작성하신 수강평입니다.
4.1
16개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
일론 머스크 thumbnail
4
좋은 강의 잘 보았습니다. 감사합니다.
2021-05-11
바키라 thumbnail
4
상세해서 좋아요
2020-09-02
이재원 이 thumbnail
5
정말 좋은 강의 컴알못, 개발처음 분들께는 최고의 입문이자 변화의 전화점일껍니다 친절하고 세새하게 가르치십니다. 하지만 시간이 지나면 버전마다 조금씩 바끼는 것이 있으니 이를 잘 유지보수해야하지 않을까요?
2018-02-07
아기돼지 thumbnail
5
도움이 많이 되었어요 책 보고 혼자 하는것보다 훨씬 기억하기 수월했고 리마인드하는 느낌으로 들었습니다. 혼자 공부했을때 놓쳤던 부분들을 강사님이 이야기해주셔서 전 개인적으로 너무 좋았습니다.
2018-01-11
waltimoore thumbnail
5
one more dda-bong to this course ^~^++; this course deserves dda-bong and byeol-daseot-gae. Udemy number one web development course 와 비교해도 sonsaek 이 없습니다.
2018-01-26