# bootstrap

32개의 포스트

부트스트랩(bootstrap)

부트스트랩 사용하기

5일 전
·
0개의 댓글
post-thumbnail

Angular에서 모듈 형태로 라이브러리 직접 주입하기

메가박스 클론 프로젝트를 할 때의 일이다.당시 나는 메인 페이지를 맡고 있었는데 코린-코린이였던 당시의 나(지금은 코린이)에게 캐러셀은 너무 큰 장벽 중에 하나였다. 모르면 용감하다고, 프로젝트를 시작하던 당시의 나는 '캐러셀을 만들어보고 싶다'는 생각을 진심으로 했었

2020년 12월 20일
·
0개의 댓글
post-thumbnail

[TIL]reactstrap이란?

.png) reactstrap reactstrap을 공부하기전 먼저 bootstrap이 뭔지 알아보겠습니다. 부트스트랩 사이트에 접속하면 이와 같은 문구를 볼 수 있습니다. 부트스트랩 : http://bootstrapk.com/ 즉 웹사이트 개발의 효율을 올려주는

2020년 12월 16일
·
0개의 댓글
post-thumbnail

생산 모니터링 시스템- 개발일지 #2

프론트엔드 (QR코드 화면)QR코드 스캔용으로 사용할 화면에서 중요한건 생산 작업자가 입력해야할 데이터(호기, 모델번호,스캔INPUT란)을 조작하기 쉽게 그리고 어두운 작업공간에서 눈에 확 들어오게 구현해놓아야 한다. 스캔된 정보는 여러 데이터가 합쳐져있는 문자열로 되

2020년 12월 16일
·
0개의 댓글
post-thumbnail

생산 모니터링 시스템- 개발일지 #1

1. 프로젝트 이름/간단 설명 생산 가동 현황 모니터링 시스템 해외 B사 사출업체 4년차, 업무에 도움이 되는 생산 현황 모니터링 시스템을 각 사출기마다 설치해보고자 한다. 전 사출기에 컴퓨터가 설치 되어 있고 양품마다 QR코드가 부착이되며 QR코드가 사출물과 같은

2020년 12월 8일
·
0개의 댓글
post-thumbnail

bootstrap - .invalid-feedback class

공부하다가 form에서 .invalid-feedback 라는 클래스를 사용하는 것을 보고 궁금해졌다. We recommend using client side validation, but in case you require server side, you can indic

2020년 11월 30일
·
0개의 댓글

bootstrap - Validation

bootstrap에서는 html5 validation을 그대로 이용한다.form에 was-validated 클래스만 넣으면 html5 validation을 체크해준다.정상적인 경우는: valid-feedback비정상적인 경우: invalid-feedbackhttps&#

2020년 11월 30일
·
0개의 댓글

bootstrap - Justify content

Use justify-content utilities on flexbox containers to change the alignment of flex items on the main axis (the x-axis to start, y-axis if flex-direct

2020년 11월 30일
·
0개의 댓글
post-thumbnail

React-Bootstrap + Bootswatch 사용하기

https://bootswatch.com/ 로 가서 원하는 theme을 다운로드 받은 후에 project src folder에 넣어준다. 그 후에 index.js에서 import 해준다. 이제 bootstrap을 설치한다. Frontend에 설치해야 한다. > ## npm i react-bootstrap

2020년 11월 24일
·
0개의 댓글

bootstrap의 gird system은 12개

ui 화면을 제작하다가 컨테이너 화면의 공백을 발견했다. 패딩과 마진을 아무리 확인해봐도 적용된 부분을 찾을 수 없어서 매우 답답했다. 그 공백을 찾으려고 거의 3일은 시도해봤는데 안돼서 너무 짜증이 났다..^^ 하지만 자세히 살펴보니 정말 멍청한 실수를 했드라..부트

2020년 11월 5일
·
0개의 댓글

bootstrap - Collapse

The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you togg

2020년 11월 3일
·
0개의 댓글
post-thumbnail

bootstrap - 공백(Spacing) 주는 법 (mt , mb, ml, mr, mx, my, pt, pb, pl, pr, px, py)

부트스트랩 기반 템플릿을 사용하던 도중 여러가지 클래스들을 만나게 되었다. py-1 라는 클래스가 궁금해서 시작된 포스팅 😀😀 bootstrap의 공백의 자세한 클래스들을 알아가기 전에, 먼저 박스 모델부터 잠깐 살펴보도록 하자! 박스 모델은 HTML의 엘리먼트들은

2020년 10월 30일
·
0개의 댓글

bootstrap - 브라우저 크기 별 요소 hidden, visible

부트스트랩에서 특정 디바이스의 가로 폭 크기에 대해 해당 클래스가 포함된 태그를 가리거나 보이도록 하는 방법이 있다. d--none, d--block 과 같이 사용되며 특정 디바이스 크기에 대해 두 클래스를 조합해서 사용해야 한다. 출처: https://joo

2020년 10월 30일
·
0개의 댓글

Bootstrap

201028

2020년 10월 28일
·
0개의 댓글

bootstrap - grid system 그리드 시스템

요새 화면ui 앞단 작업을 하고 있다. 이 작업은 bootstrap을 기반으로 한다. 특히 컴포넌트 요소들을 삽입해서 ui 를 구성하고 있기 때문에 bootstrap의 grid 을 잘 이해해야만 한다. 여태 bootstrap gird system을 이용할 때마다 대충대

2020년 10월 27일
·
0개의 댓글

How to make bootstrap cards same height in card, 카드 높이 고정하는 방법

여러개의 card 컴포넌트들을 included 하고 있는 화면을 작업중이였는데, div tag 와 겹쳐져서 height가 약간 틀어지는 상황이 발생했다. 그래서 열심히 구글링을 했다!

2020년 10월 21일
·
0개의 댓글

TIL - 20.10.11 (HTML,CSS,Bootstrap)

Codecademy - Make a website

2020년 10월 11일
·
0개의 댓글

4.To Do List Add Component

react bootstrap livrary를 가져와 만들었다.

2020년 8월 22일
·
0개의 댓글
post-thumbnail

[TIL] 0814 개발일지

공공데이터 API 사용법 익히기 / 레이아웃 만들기

2020년 8월 14일
·
0개의 댓글