가장 많이 사용하는 웹 다지인 프레임워크가 무엇일까? Bootstrap은 웹 디자인 및 개발 커뮤니티에서 널리 사용되는 반응형 프레임워크로, 사용자들에게 탄탄하고 아름다운 UI를 제공하기 위해 수년 동안 지속적으로 발전해왔습니다. 2020년 중반, Bootstrap은 그 동안의 경험을 바탕으로 완전히 새로워진 Bootstrap 5를 선보였습니다. 이 버전의 가장 큰 특징 중 하나는 jQuery의 의존성을 완전히 제거하고 Vanila JavaScript를 채택한 것입니다. 1. jQuery 없이 가볍게 Bootstrap 5에서는 이전 버전들과 달리 jQuery를 포함하지 않았습니다. jQuery는 웹 개발 초기에 많은 도움을 주었지만, 현대 웹 표준의 발전과 함께 더 가볍고 효율적인 방법들이 요구되었습니다..
모달창 위에 또다른 모달창을 띄워야 하는 경우는 수없이 많습니다. 프로그래밍을 하다보면... 한번의 창으로 보통은 끝나지 않지요. 뭔가 설정을 할때 창을 띄우고 또다른 선택을 할때 주로 화면에 띄워주는 것이 좋기때문이지요. 이러한 것을 코드로 구현한다면 아래와 같이 하면 좋겠네요. Bootstrap 모달 창 위에 또 다른 모달 창을 띄우는 것은 비추천됩니다. 이것은 사용자 경험을 해치고, 모달 창의 의도를 왜곡시키기 때문입니다. 대신, 모달 창 내에서 새로운 모달 창을 열 수 있도록 설계하는 것이 좋습니다. 이를 위해 다음과 같은 코드를 사용할 수 있습니다. 첫번째 모달 창 × 모달 내용 두번째 모달 창 열기 닫기 두번째 모달 창 × 모달 내용 닫기 이 코드에서는 첫번째 모달 창 안에 두번째 모달 창을 ..
장장... 4시간 이것때문에 해맸는데, 와~ 별의별것 다 했는데, 안되다고 결국 찾음 정보를 저장하고 다시는 이런 오류로 해매지 않기 위해 기록합니다. 주문서 모달창을 만들어 띄운 후 찾을 띄운 후 저장버튼을 누르면 계속 데이터가 2개, 혹은 여러개가 저장되는 되는 현상이 발견되어, ajax 문제인지 모달 문제인지 정말 알기 힘든 상황에서... 이것저것 정말 많이 만져봤네요~ 주문서의 저장버튼을 누르면... 허걱.. 데이터가 중복으로 저장되는 현상.... 결론부터 말하면, onclick 이벤트시 버튼을 잠궜다가, 성공하면 풀어주는 방식으로 해결했습니다. settimeout도 사용해보고, 여러가지 써 봤지만, 안되서... 정말 4시간 이것때문에 고생... ㅠ.ㅠ // 주문서 저장버튼 실행 $("#order..
부트스트랩으로 아래와 같은 그룹박스 형태를 만들 수 있을지 찾아보았다. 부트스트랩에는 다양한 형태의 좋은 템플릿을 제공하지만, 결론적으로 말하자면, 위와 같은 형태는 제공하지 않는 것 같다. 혹시 있다면 댓글 부탁드립니다. 위와 같이 구성하려면 아래와 같은 코드가 필요하다. CSS 파일 fieldset.groupbox-border { border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 1.2em 1.2em 1.2em 1.2em !important; -webkit-box-shadow: 0px 0px 0px 0px #000; box-shadow: 0px 0px 0px 0px #000; } legend.grou..
- Total
- Today
- Yesterday
- 파이썬코드줄바꿈방법
- #InstallForge
- 뫄프로그래밍
- chatGPT3.5파이썬버전
- 자바스크립트 한글초성
- 프로그래머생활
- #프로그램설치
- 코딩튜토리얼
- #파이썬인스톨러
- 코딩효율성
- 테크에능한여성
- td요소중에 1행과 1열은 제외
- Bootstrap 5
- 작업공정에 대한 코드작성
- 효율적코딩방법
- #파이썬패키징
- 자바스크립트한글입력시반응하도록만드는코드
- 스크립트작성기초
- 오토핫키에디터창업데이트금지하기
- sql문장 날짜계산
- #독립실행파일
- #NSIS
- General error: 2031
- .htaccess수정
- #소프트웨어배포
- 카페24가비아phpinfo수정
- #cx_Freeze
- 오토핫키가이드
- 2분후종료오토핫키
- #InnoSetup
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |