본문 바로가기

인프런/부트스트랩을 활용한 반응형 웹페이지 만들기

부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기_2차 부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기_2차 서브라임텍스트 설치와 반응형 코딩 1. 프리웨어 코딩 프로그램 설치 http://www.sublimetext.com/3 2. 플러그인 설치를 할 수 있게 세팅 https://packagecontrol.io/ ① 메인페이지에 있는 install now 버튼을 클릭하고 sublime text 3 영역 안에 있는 내용을 복사한다. ② 서브라임에서 view>show console(ctrl+')클릭하여 콘솔창 열고 붙여 넣기 ③ 서브라임 툴을 열고 tools>command pallete(ctrl+shift+p) 를 눌러 텍스트 입력창을 띄우고 install 을 입력하여 엔터후 설치하고 싶은 플러그인 이름을 입력! 이렇게 옛날에 했었는데 이제는 C.. 더보기
부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기_첫째날 부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기 소개 BS = 웹 프론트엔드 개발 프레임워크 "트위터 부트스트랩은 웹디자인을 쉽게하기 위해서 CSS의 클래스 선택자에 정의된 스타일시트와 자바스크립트 플러그인의 라이브러리입니다." CSS vs BS CSS : 일반적인 CSS -> 속성을 직접 작성 BS : 미리 정의된 을 'class'로 적용 만들어진 클래스명을 공부하는 것이다. 부트스트랩 핵심요소는? --> CSS, GRID SYSTEM(내가 어떤 디바이스 사이즈에서 어느 정도 비율을 차지하는 레이아웃을 만들건지), 컴포넌트(구성요소), JAVASCRIPT PLUGIN 으로 구성되어 있다. CSS ex - Buttons --> class명을 가져다가 쓰면 BS가 가진 버튼을 가져다가 쓸 수.. 더보기