🚨 서비스 장애 발생 🙇🏻‍♀️ 🙇🏻

2020년 8월 5일 18시11분 부터 약 25분간 장애가 발생했습니다.
불편드려 죄송합니다. (자세히 보기)

윤재성의 Bootstrap 4 & 3 Framework Tutorial
윤재성의 Bootstrap 4 & 3 Framework Tutorial
수강정보
(5개의 수강평)
109명의 수강생
22,000원
지식공유자 : 소프트캠퍼스
35회 수업 · 총 9시간 46분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급

이 강의는

부트스트랩4 를 위해 HTML5 웹 프레임워크 라이브러리,CSS 클래스를 통한 웹 애플리케이션 Front End 개발 할수 있다.

Bootstrap 4 & 3 Framework Tutorial

트위터 서비스를 개발을 위해 만들어진 BootStrap은 오늘날 가장 많이 사용하는 HTML5 웹 프레임워크 라이브러리 입니다.상단 메뉴,버튼, 회전 목마 등 다양한 UI 요소들을 손쉽게 사용할 수 있도록 만들어져 있으며 개발자는 적절하게 태그를 배치하고 제공되는 css 클래스를적용하여 웹 애플리케이션 Front End를 손쉽게 개발할 수 있습니다.

기본 UI 요소들만 사용해도 멋진 웹 애플리케이션을 개발할 수 있으며 100% CSS와 jQuery로 구성되어 있어 수정이나 확장이 용이합니다. 본 강좌는 최신 버전인 BootStrap 4를 중심으로 강의를 진행하고 있으나 현재까지도 많이 사용하고 있는 3버전도 같이 설명을 하고 있습니다.현재 프로젝트에 따라 3를 사용하는 경우도 있어 두 가지 버전을 모두 설명하고 있습니다.

학습 목표

  • 본 강좌를 마치면 바로 Front End 개발을 손쉽게 하실 수 있습니다.
  • 약간에 프로그래밍 만으로 멋진 웹 애플리케이션을 개발할 수 있습니다.

 도움이 되는 분들

  • 대학생, 일반인, 개발자 등 웹 애플리케이션 Front End 개발에 관심이 있는 사람이라면 누구나 대상이 될 수 있습니다.

 배우는 것들

Jumbotron
지정된 영역을 사각의 영역으로 만들어 줍니다.
Flex Bootstrap에서 Flex 요소를 사용해 div 태그에 대한 배치를 다양하게 설정할 수 있다.

참고 사항

  • 본 강좌는 Front End 웹 프레임워크 강좌로써 HTML5, CSS3, JavaScript, jQuery 를 필수적으로 학습해야 합니다.
  • jQuery 코드가 많이 나오는건 아니지만 가끔 사용하는 곳이 있어 기본적인 selector 문법 정도는 알아야 합니다.

지식공유자 소개

윤재성
국내 IT 초창기 모바일 콘텐츠 개발 부터 현재 안드로이드,아이폰 앱개발 및 다양한 애플리케이션에 대해서 개발 및 강의를 진행하고 있습니다.현재는 (주)소프트캠퍼스 개발 이사이사로 재직하고 있습니다.

개발 경력
- SKT "아일랜드 어드벤쳐" 모바일 콘텐츠 개발 런칭
- KT " 퀴즈사커" 모바일 콘텐츠 개발 런칭
- SK "모바일 공인중개사" 런칭
- 아이폰 "한자통" 앱개발
- 아이폰 "헬스 트레이닝" 앱개발
- KT/SK 데일즈 오브 코몬즈 콘텐츠 개발
- KT 미니 게임(야금야금 땅따먹기, 알라딘의 요술램프,미스터리 블록탐정단,BUZZ and BUZZ)개발

강의 경력
삼성멀티캠퍼스,부산정보산업진흥원,전주정보문화산업진흥원,인천정보산업진흥원, 한국전파진흥원, SK C&C, T 아카데미,한국로봇산업진흥원,대전 ETRI,삼성전자,nica 교육센터,한국생산성본부,한화 S&C등 국내 유명 기업 현직 재작자 및 미취업자를 대상으로 강의를 18년차 개발 과 강의를 진행 하고 있습니다.

강의 콘텐츠
- Start Google Angular.js (앵귤러) 과정
- Bootstrap 4 & 3 Framework Tutorial
- 처음시작하는 JavaScript Tutorials
- 처음시작하는 jQuery Programming
- 처음 시작하는 CSS & CSS3
- 처음시작하는 HTML & HTML5 Tutorials
- node.js server Tutorials(Node.js 서버 프로그래밍 과정)
- 코틀린 안드로이드 기본 1단계(Kotlin for Android: Beginner one step)
- 코틀린 안드로이드 심화 2단계 (Kotlin for Android: Deepening course)
- 코틀린 안드로이드 고급 3단계 (Kotlin for Android: 3 step final course)
- Oracle SQL Database 11g PL/SQL Developer(오라클 데이터베이스 11G)
- 처음 시작하는 MySQL DataBase
- 처음 시작하는 C Programming
- 처음시작하는 Google 공식 개발 언어 Kotlin(코틀린)
- 처음시작하는 파이썬(Python)

강의 분야 자바, 안드로이드, 플레임 워크, 데이터베이스,UML, 아이폰, 빅데이터 처리 및 분석,파이썬, 사물인터넷, R/파이썬을 활용한 데이터 분석,딥러닝,머신러닝 AI, 스파크 분야 한분야에 대해 강의 다양한 경험이 녹아 내어 최대한 쉽게 강의 하여 실습에 적용하도록 예제를 만들고 설명을 하고 있습니다. 오프라인 수업이 아니므로 모르는 것은 질문&답변을 이용해주세요. 꼭 해결해드리겠습니다.

교육과정

모두 펼치기 35 강의 9시간 46분
섹션 1. 기본 css 클래스
5 강의 106 : 00
4강 그리드
16 : 36
5강 문자열 클래스
43 : 32
6강 색상 클래스
09 : 40
7강 테이블
25 : 30
8강 이미지
10 : 42
섹션 2. 영역과 버튼
4 강의 46 : 11
9강 Jumbotron
06 : 11
10강 Well
02 : 55
11강 Alert
18 : 38
12강 Button
18 : 27
섹션 3. 새롭게 제공되는 UI 요소
11 강의 171 : 59
13강 Button Group
09 : 30
14강 Badge Label
09 : 42
15강 Progress Bar
13 : 07
16강 Pagination
14 : 36
17강 ListGroup
11 : 12
18강 Panel
06 : 38
19강 Card
18 : 56
20강 DropDown
17 : 31
21강 Collapse
22 : 32
22강 Tab Pills
19 : 35
23강 Navibar
28 : 40
섹션 4. Form과 입력 요소
4 강의 82 : 30
24강 Form
11 : 23
25강 Input 태그 기본
35 : 15
26강 input group
12 : 50
27강 custom input
23 : 02
섹션 5. 기타 UI 요소 및 공통 클래스
8 강의 132 : 12
28강 회전목마
17 : 59
29강 Modal
13 : 16
30강 ToolTip
08 : 37
31강 PopOver
16 : 01
32강 공통 클래스 1
15 : 27
33강 공통 클래스 2
22 : 11
34강 반응형 웹 대응하기
15 : 27
35강 Flex
23 : 14

공개 일자

2018년 10월 6일 (마지막 업데이트 일자 : 2018년 10월 22일)

수강 후기

4.6
5개의 수강평
default_profile.png
박찬울 6일 전
핵발전에 비유를 한다면, bootstrap 의 공식 문서를 보는 것이 핵반응이라면, 이 강의는 감속재의 역할을 했다고 비유하고 싶습니다. 엄청난 양의 튜토리얼을 쓱쓱 훑어보면 남는 내용이 많이 없었을텐데, 천천히 직접 타이핑하며 bootstrap이 제공하는 기능들을 살펴볼 수 있어서, bootstrap 의 각 기능들이 기억에 오래 남을 수 있을 것 같습니다.
default_profile.png
열코기 2일 전
요소 하나하나 너무 친절하게 설명해주시고 하나하나 작성해주셔서 너무너무 도움이 많이 됐습니다. 이거 보고나서 부트스트랩 템플릿 코드들 보는데 너무 쉽게 다가오네요 감사합니다 ㅠㅠㅠㅠㅠㅠㅠ
default_profile.png
redcow 8달 전
좋습니다
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스