목록bootstrap (9)

개발하는 고양이 오이

7. [React] React로 FullCalendar 사용3 - bootstrap 연동 시 글자 색(파란색)

★ FullCalendar 목차 https://dhdl-it.tistory.com/category/React/FullCalendar 'React/FullCalendar' 카테고리의 글 목록 고양이 오이와 함께 살고있는 초보 개발자입니다. dhdl-it.tistory.com 안녕하세요. 지난번에 React로 FullCalendar를 화면에 띄우는 부분까지 했다면, [React/FullCalendar] - 5. [React] React로 FullCalendar 사용2 - 주말 색상 변경 3. [React] BootStrap Button 이용 안녕하세요. 오늘은 React로 BootStrap을 이용하여 Button을 이용하는 부분을 공유하고자 합니다. ① React 프로젝트 생성 프로젝트 생성은 기존에 다른 ..
React/FullCalendar 2022. 10. 18. 08:55
4. [React] BootStrap Modal 이용 (Button 클릭 시 Modal)

안녕하세요. 오늘은 BootStrap을 이용하여 Button을 클릭했을 때 Modal 화면이 뜨게 하는 부분을 공유하고자 합니다. ※ BootStrap Button 이용 방법 참고 3. [React] BootStrap Button, Modal 이용 3. [React] BootStrap Button 이용 안녕하세요. 오늘은 React로 BootStrap을 이용하여 Button을 이용하는 부분을 공유하고자 합니다. ① React 프로젝트 생성 프로젝트 생성은 기존에 다른 프로젝트 생성과 동일합니다. ( dhdl-it.tistory.com ※ BootStrap Modal 공식 문서 https://react-bootstrap.netlify.app/components/modal/ React-Bootstrap Th..
React 2022. 9. 22. 09:06
3. [React] BootStrap Button 이용

안녕하세요. 오늘은 React로 BootStrap을 이용하여 Button을 이용하는 부분을 공유하고자 합니다. ① React 프로젝트 생성 프로젝트 생성은 기존에 다른 프로젝트 생성과 동일합니다. ( 부분에는 본인의 프로젝트 이름을 작성하시면 됩니다.) npx create-react-app cd npm start ※ BootStrap 공식 문서 https://react-bootstrap.netlify.app/getting-started/introduction/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io ※ BootStrap Button 공식 문서 https://react-..
React 2022. 9. 21. 17:53
9. [PHP(HTML)] Bootstrap Modal 밖의 영역 눌렀을 때 자동 닫힘 방지

부트스트랩에서 Modal을 이용하다 보면 Modal 밖의 영역을 눌렀을 때 자동으로 닫히는 것을 방지해야 할 때가 있습니다. 이때 사용해줘야 하는 코드는 data-backdrop = "static" 입니다. 방법 1) HTML 방법 2) JavaScript $('#modal').modal( { backdrop: 'static' })
PHP 2022. 6. 21. 09:10
8. [PHP] 부트스트랩 멀티모달 순서

안녕하세요. 부트스트랩을 사용하다 보면 여러 모달을 사용해야 할 때가 있습니다. 그러나 여러개다 보니 모달 화면의 우선순위를 정해줘야 할때가 있는데요. 이 때 모달의 style에 z-index를 추가해주면 됩니다. 모달이 생성되면 기본적으로 z-index는 1040 입니다. 이 값보다 높게 할당해주면 됩니다. z-index 값이 클수록 더 위에 노출됩니다. 저 같은 경우에는 위의 동영상에서 가장 먼저 보여지는 '품명 추가' 모달의 z-index는 1041, 그 다음 보여지는 '카테고리 추가' 모달의 z-index는 1050, 그 다음 보여지는 '카테고리 확인' 모달의 z-index는 1060 입니다. 처음 보여지는 모달의 값이 1040보다 높은 1041 이어야 합니다. 이유는 모달이 팝업될 때 모달 백드..
PHP 2022. 6. 20. 10:35
4. [PHP] MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기4(삭제) - 회의실 예약

2022.04.21 - [PHP] - PHP MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기3(수정) - 회의실 예약 PHP MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기3(수정) - 회의실 예약 2022.04.18 - [PHP] - PHP MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기2(추가) - 회의실 예약 PHP MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기2(추가) - 회의실 예약 https://dhd.. dhdl-it.tistory.com 지난번에 MSSSQL ajax bootstrapModal을 이용하여 조회, 추가, 삭제를 작성했고, 이번엔 삭제을 작성해보고자 합니다..
PHP 2022. 4. 22. 08:49
3. [PHP] MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기3(수정) - 회의실 예약

2022.04.18 - [PHP] - PHP MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기2(추가) - 회의실 예약 PHP MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기2(추가) - 회의실 예약 https://dhdl-it.tistory.com/19 PHP MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기1(조회) - 회의실 예약 안녕하세요. PHP와 MSSQL을 이용해서 동적 웹페이지를 만들 일이 있었는데, 인터넷에선 MY.. dhdl-it.tistory.com 지난번에 MSSSQL ajax bootstrapModal을 이용하여 조회, 추가를 작성했고, 이번엔 수정을 작성해보고자 합니다. (실제 사용중인 데이터..
PHP 2022. 4. 21. 09:42
2. [PHP] MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기2(추가) - 회의실 예약

2022.04.04 - [PHP] - 1. PHP MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기1(조회) - 회의실 예약 1. PHP MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기1(조회) - 회의실 예약 안녕하세요. PHP와 MSSQL을 이용해서 동적 웹페이지를 만들 일이 있었는데, 인터넷에선 MYSQL을 이용한 글이 많더라고요. 제가 참고한 글은 다음과 같습니다. https://abc1211.tistory.com/347?category=969354 ph.. dhdl-it.tistory.com 지난번에 MSSSQL ajax bootstrapModal을 이용하여 조회를 작성했고, 이번엔 추가를 작성해보고자 합니다. (실제 사용중인 데이터 값..
PHP 2022. 4. 18. 14:51
1. [PHP] MSSQL ajax bootstrapModal을 이용해서 동적 웹페이지 만들기1(조회) - 회의실 예약

안녕하세요. PHP와 MSSQL을 이용해서 동적 웹페이지를 만들 일이 있었는데, 인터넷에선 MYSQL을 이용한 글이 많더라고요. 제가 참고한 글은 다음과 같습니다. https://abc1211.tistory.com/347?category=969354 php mysql ajax bootstrapModal을 이용해서 동적 웹페이지 만들기1 (조회- 리스트 뿌리기) php mysql ajax bootstrapModal을 이용해서 동적 웹페이지 만들기1 (조회- 리스트 뿌리기) #mysql (tbl_employee) #화면 자세히 버튼을 클릭하면 부트스트랩 모달창이 뜨면서 데이터를 뿌려준다. #index.php.. abc1211.tistory.com 저는 MYSQL이 아닌 MSSQL을 이용해야했기 때문에 글들을..
PHP 2022. 4. 4. 12:24
이전 Prev 1 Next 다음