입문부터 웹프론트, 웹백엔드, 하이브리드 앱까지 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 이용한 푸쉬 노티피케이션 구현
  • 앱 배포하기

4. 지식공유자 소개

박순영

현) (주)비바리퍼블리카, 서버 개발자
전) (주)푸른밤, CTO (2016-2017)
전) (주)데이터스퀘어, CEO / 개발자 / 공동설립 (2011-2016)
전) 멋쟁이 사자처럼, 운영 / 선생님 / 창립멤버 (2014-2016)
전) 아주대, KT&G 등 IT 강사 (2014-2016)
메르스맵 개발 (순수 방문자 500만명)
IEEE 국제학술상(Best-Poster) 수상
Microsoft Korea Cloud 경진대회 은상 수상
대한민국 인재상 수상

강좌 평가

5

7 개의 수강평
  • 5 점7
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0
  1. 방랑벅시의 프로필 사진

    강의 잘 듣고 있습니다.

    5

    강의가 따라하기 쉽고 이해하기 쉽게 잘 설명해주셔서 감사하게 듣고 있습니다.
    한번에 몰아서 듣고 있는데 완강할 수 있도록 열심해 듣겠습니다.
    감사합니다.

  2. DongHyun Kim의 프로필 사진

    강의 듣는 내내 행복했습니다

    5

    PC 프로그램 개발만 하다가 작년 1월 갑자기 Rails 프로젝트를 맡게 되었습니다. 인계 받은 것은 병원 설치형으로 외주 개발된 알파버전이었는데
    5개월간 어떻게든 기능 추가하고 대충 돌아가는 수준으로 만들었습니다. 그 이후로도 기능은 꾸역꾸역 추가하고 있지만 웹개발에 대한 조언 받을 만한 곳도 없고 설치형이다 보니 설치하고 운영하면서 무엇을 공부해야할지도 잘 모르고 지나왔습니다. 강사님의 강의를 듣고 기초가 어떻고 무엇을 공부해야 할지 방향도 잡히고 머리가 맑아진다는 생각이 들었습니다. 사람에 따라서 다르겠지만 지금 저에게 가장 필요했던 강의였습니다.
    그래서 강의 내내 행복했었고 남은 13편 강의가 빨리 올라오길 기대하고 있겠습니다.

  3. 조수영의 프로필 사진

    어렵지 않습니다..!!

    5

    초보분들이 쉽게 보고, 웹, 앱 개발에 있어서 필수 적인 것들을 잘 짚어주셔서 빠르게 서비스를 만들어 제공 하고 싶을때 도움이 많이 될 것 같습니다!! good good!!

  4. 장민석 jang의 프로필 사진

    관련지식이 없어도 듣기 좋은 강의

    5

    처음 개념부터 설명해주셔서 관련지식이 없으신 분들이 듣기 매우 편한 거 같습니다.
    차분한 강의가 좋았습니다.

  5. 안보연 An의 프로필 사진

    체계적으로 알찬강의

    5

    기본개념부터 체계적으로 배울 수 있어 좋습니다.
    강사님 친절한 설명덕분에 쉽게 이해되고 코딩이 재밌어지네요.
    앞으로도 열심히 들을게요~

  6. 함문주 Ham의 프로필 사진

    초급자가 이해하기 쉬워요!

    5

    html이며 css 1도모르는 초보자인데
    따라하기 쉽고 이해하기 쉽게 설명해 주셔서
    잘 듣고 있습니다
    완강할게요!

  7. 최의석의 프로필 사진

    쉽게 잘 풀이 되어 있어서 좋았습니다.

    5

    부담없이 볼 수 있어서 좋았습니다.

강좌 교육과정

섹션 1. 웹 기본
강의 소개 미리보기 00:15:00
웹에 대한 이해 미리보기 00:30:00
모바일 앱 개발에 대한 이해 미리보기 00:20:00
섹션 2. HTML 기초
HTML의 기초 #1: 기본 형태 미리보기 00:25:00
HTML의 기초 #2: 글과 이미지 미리보기 00:43:00
HTML의 기초 #3: Hypertext 00:21:00
HTML의 기초 #4: 메타 태그 00:20:00
섹션 3. CSS 기초
HTML의 기초 #5: CSS 기초와 Layout 미리보기 00:32:00
CSS 스타일 적용하기 #1: 레이아웃 작업 미리보기 00:33:00
CSS 스타일 적용하기 #2: 글과 이미지 스타일 00:37:00
CSS 스타일 적용하기 #3: 여백 스타일 00:20:00
쉬어가기 00:00:00
섹션 4. 웹퍼블리싱
HTML/CSS 활용하기: 자기소개 사이트 완성하기 미리보기 01:05:00
Bootstrap으로 확장하기: 모바일 적응하기 00:53:00
Bootstrap으로 응용하기: Component 소개 00:32:00
Css 라이브러리로 꾸미기: Font-awesome 00:05:00
Css 라이브러리로 꾸미기: Animate 00:04:00
HTML/CSS 심화: Form 구현하기 00:23:00
섹션 5. 자바스크립트 기본
Javascript 의 이해 미리보기 00:18:00
Javascript로 시작하는 프로그래밍 언어 #1: 변수와 데이터 00:25:00
Javascript로 시작하는 프로그래밍 언어 #2: 사칙연산 00:08:00
Javascript로 시작하는 프로그래밍 언어 #3: 비교연산 00:24:00
Javascript로 시작하는 프로그래밍 언어 #4: 함수 (프로시져) 00:20:00
Javascript로 시작하는 프로그래밍 언어 #5: 반복 00:21:00
섹션 6. jQuery 사용하기
JQuery 시작하기 미리보기 00:15:00
JQuery 활용 #1: DOM 00:34:00
JQuery 활용 #2: Event 00:51:00
Javascript 기본 타이머 00:13:00
인터렉티브 웹: JQuery UI 00:40:00
인터렉티브 웹: Chart.js 00:26:00
섹션 7. Ruby On Rails 웹개발 (Back-End)
Ruby의 소개 미리보기 00:18:00
Ruby의 코딩 실습 미리보기 00:43:00
Ruby의 클래스 01:01:00
Rails 시작하기 00:51:00
웹 서비스 모델링 (MVC) 00:45:00
웹 Template 00:44:00
URL 라우팅 00:49:00
Static 파일 구성 00:29:00
ActiveRecord 1 – 데이터베이스 미리보기 00:53:00
ActiveRecord 2 – 데이터 연동 00:34:00
ActiveRecord 3 – ORM 00:18:00
CRUD 00:30:00
ActiveRecord 4 – Relation 개념 00:23:00
ActiveRecord 5 – Association 활용 00:35:00
섹션 8. 레일즈 프로젝트
회원 서비스 구현 #1: 회원 모델 구현 00:42:00
회원 서비스 구현 #2: 로그인 구현 00:29:00
회원 서비스 구현 #3: 세션 체크하기 00:20:00
회원서비스 구현 #4: 이메일 서비스 01:40:00
회원 서비스 구현 #5: Devise 로 회원서비스 구현 00:54:00
역할 부여하기 00:16:00
페이스북 로그인 구현 미리보기 00:16:00
파일 업로드 구현 00:24:00
지도 API 활용하기 00:55:00
페이지네이션 구현 00:06:00
모델링 수정 00:35:00
기능과 라우팅 00:37:00
공통 스타일 적용 00:29:00
템플릿 완성, 맛집 등록 및 조회 00:52:00
AJAX 활용으로 지도 갱신 00:38:00
검색 기능, 리뷰, 댓글 기능 마무리 00:42:00
섹션 9. 리액트 네이티브 입문
모바일 앱 개발 개요 00:00:00
ECMA Script 6 소개 00:00:00
React Native 시작하기 00:00:00
React Native 컴포넌트 00:00:00
React Native 씬 00:00:00
여러 씬 연결하기 00:00:00
GeoLocation 00:00:00
이벤트 처리 00:00:00
애니메이션 / 효과 00:00:00
센서 00:00:00
네트워크 00:00:00
Promise 00:00:00
섹션 10. 모바일 프로젝트
컴포넌트 설계 00:00:00
화면 구현 00:00:00
모바일 API 00:00:00
인증 처리 00:00:00
기능 구현과 이벤트 처리 00:00:00
노티피케이션 00:00:00
  • 가격 옵션 +
  • 무제한
  • 강좌 수료증
  • 78개 강의, 1 일, 7 시간

인프런은 성장기회의 평등 을 추구합니다.

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED