# bootstrap
Angular에서 모듈 형태로 라이브러리 직접 주입하기
메가박스 클론 프로젝트를 할 때의 일이다.당시 나는 메인 페이지를 맡고 있었는데 코린-코린이였던 당시의 나(지금은 코린이)에게 캐러셀은 너무 큰 장벽 중에 하나였다. 모르면 용감하다고, 프로젝트를 시작하던 당시의 나는 '캐러셀을 만들어보고 싶다'는 생각을 진심으로 했었
.png?w=768)
[TIL]reactstrap이란?
.png) reactstrap reactstrap을 공부하기전 먼저 bootstrap이 뭔지 알아보겠습니다. 부트스트랩 사이트에 접속하면 이와 같은 문구를 볼 수 있습니다. 부트스트랩 : http://bootstrapk.com/ 즉 웹사이트 개발의 효율을 올려주는
생산 모니터링 시스템- 개발일지 #2
프론트엔드 (QR코드 화면)QR코드 스캔용으로 사용할 화면에서 중요한건 생산 작업자가 입력해야할 데이터(호기, 모델번호,스캔INPUT란)을 조작하기 쉽게 그리고 어두운 작업공간에서 눈에 확 들어오게 구현해놓아야 한다. 스캔된 정보는 여러 데이터가 합쳐져있는 문자열로 되
생산 모니터링 시스템- 개발일지 #1
1. 프로젝트 이름/간단 설명 생산 가동 현황 모니터링 시스템 해외 B사 사출업체 4년차, 업무에 도움이 되는 생산 현황 모니터링 시스템을 각 사출기마다 설치해보고자 한다. 전 사출기에 컴퓨터가 설치 되어 있고 양품마다 QR코드가 부착이되며 QR코드가 사출물과 같은
bootstrap - .invalid-feedback class
공부하다가 form에서 .invalid-feedback 라는 클래스를 사용하는 것을 보고 궁금해졌다. We recommend using client side validation, but in case you require server side, you can indic
bootstrap - Validation
bootstrap에서는 html5 validation을 그대로 이용한다.form에 was-validated 클래스만 넣으면 html5 validation을 체크해준다.정상적인 경우는: valid-feedback비정상적인 경우: invalid-feedbackhttps&#
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
React-Bootstrap + Bootswatch 사용하기
https://bootswatch.com/ 로 가서 원하는 theme을 다운로드 받은 후에 project src folder에 넣어준다. 그 후에 index.js에서 import 해준다. 이제 bootstrap을 설치한다. Frontend에 설치해야 한다. > ## npm i react-bootstrap
bootstrap의 gird system은 12개
ui 화면을 제작하다가 컨테이너 화면의 공백을 발견했다. 패딩과 마진을 아무리 확인해봐도 적용된 부분을 찾을 수 없어서 매우 답답했다. 그 공백을 찾으려고 거의 3일은 시도해봤는데 안돼서 너무 짜증이 났다..^^ 하지만 자세히 살펴보니 정말 멍청한 실수를 했드라..부트
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
bootstrap - 공백(Spacing) 주는 법 (mt , mb, ml, mr, mx, my, pt, pb, pl, pr, px, py)
부트스트랩 기반 템플릿을 사용하던 도중 여러가지 클래스들을 만나게 되었다. py-1 라는 클래스가 궁금해서 시작된 포스팅 😀😀 bootstrap의 공백의 자세한 클래스들을 알아가기 전에, 먼저 박스 모델부터 잠깐 살펴보도록 하자! 박스 모델은 HTML의 엘리먼트들은
bootstrap - 브라우저 크기 별 요소 hidden, visible
부트스트랩에서 특정 디바이스의 가로 폭 크기에 대해 해당 클래스가 포함된 태그를 가리거나 보이도록 하는 방법이 있다. d--none, d--block 과 같이 사용되며 특정 디바이스 크기에 대해 두 클래스를 조합해서 사용해야 한다. 출처: https://joo
bootstrap - grid system 그리드 시스템
요새 화면ui 앞단 작업을 하고 있다. 이 작업은 bootstrap을 기반으로 한다. 특히 컴포넌트 요소들을 삽입해서 ui 를 구성하고 있기 때문에 bootstrap의 grid 을 잘 이해해야만 한다. 여태 bootstrap gird system을 이용할 때마다 대충대
How to make bootstrap cards same height in card, 카드 높이 고정하는 방법
여러개의 card 컴포넌트들을 included 하고 있는 화면을 작업중이였는데, div tag 와 겹쳐져서 height가 약간 틀어지는 상황이 발생했다. 그래서 열심히 구글링을 했다!
