분류 전체보기140 Bootstrap 4.5 dropdown 에러 코딩 2020. 7. 8. 사이트 제작중에, top메뉴 dropdown은 매우 잘되는데갑자기 본문에 dropdown이 에러가나서 동작 안하는 것을 발견했다. 콘솔창에는 다음과 같은 에러메세지 발동.. Bootstrap's dropdowns require Popper.js 구글링 해보니 bootstrap.bundle.js 파일을 추가하라는 글을 보아서 bootstrap.min.js와 bootstrap.bundle.min.js 파일을 둘다 넣었는데 그래도 해결이 안됐다;어떤글을 보니 번들파일을 아래에 넣으면된다고 했는데 그래도 안됐다. 두 파일을 열어서 비교해보니 bundle.js에는propper에 대한 내용이 빠져있고 부트스트랩js와 기능구현은 같다는 것을 알게되었고 bundle.js만 추가해봤는데 기능이 모두 잘 동작하는것을 확인.. 갤럭시S20+ 노트10+ 고민하다가 S20+ 산 후기 폰이야기 2020. 7. 7. 노트9를 사용하고 있었고, 휴대폰을 바꾸고싶어서 찾아보다가 S20플러스와 노트10플러스를 후보에 두었음.. S20+와 노트10+를 두고 엄청난 고민을 하며 폭풍검색을 했다. 일단 고려한 기준은 기존 노트9보다 화면이 클것! (S10 5g모델 액정정도를 원했고 플러스가 그정도 사이즈였다.) 노트10+는 실제로 본적도있었고 화이트가 너무 예뻐보였는데 가격때문에 참았었고.. S20+는 실제로 본적은 없어서 검색만 엄청했다.. 여러 커뮤니티를 검색해보니 나와 비슷한 고민을 많이 하고있었고 펜이 굳이 필요없다면 S20플러스로 가라는 말이 대부분이었음.. 근데 나에게 있어 펜은 중요한게 아니고 디자인과 성능인데 ㅜㅜ 후면디자인은 노트10+가 넘사벽인데.. 성능은 S20+가 좋으니.. 진짜 하루종일 고민함.. 하지만.. [atom] 멀티커서가 안될 때 코딩 2020. 6. 19. atom을 사용할때 편한 기능중 하나가 ctrl + click으로 여러 라인을 선택해서 한번에 수정하는 것이었다.이 기능을 뭐라고해야되지..? 멀티선택? 다중선택? 멀티커서? 여러줄선택..?그런데, 갑자기 이 다중선택이 회사에서는 잘되는데 집에서는 안되는 상황이 발생..답답해서 찾아보니 해결방법이 있었음..! C:\사용자\(user)\.atom\config.cson 위에 파일을 수정하면 된다. (user)는 본인 컴퓨터 사용자 이름임. "*": core: editor: multiCursorOnClick: true editor: font-size: 13px ... 빨간부분을 추가하면 되는데,유의할 점은 core와 같은 depth에 editor가 이미 있는데 그 하위에 추가하니 안먹었다.core 하위뎁스에 .. scss 반복문 css코딩 코딩 2020. 2. 3. @each $color, $value in $theme-colors { .select-badge .badge-#{$color} { color: $value; } .select-badge .badge-#{$color}:hover{ background-color: $value; color: #fff; border-color: $value; }} document.ready(), window.onload() 차이점 코딩 2020. 2. 3. $(document).ready(function(){ // 외부 리소스 및 이미지와 상관 없이 DOM 데이터만 로드가 완료되면 바로 실행. // 가장 먼저 실행됨 }); window.onload = function() { // 페이지 안의 외부 리소스, 이미지까지 로딩이 끝난 후에 실행됨 } ★onload 함수는 동일한 페이지 안에서 하나만 존재해야 하는데 만약 외부 라이브러리에서 onload가 이미 선언 되어 있으면 찾아서 하나로 합치는 것이 어려움. 또한 한 페이지 내에서 onload가 2번 쓰이면 앞에 것은 무시되고 뒤에 함수만 동작함. 얼라 전쟁 카테고리 없음 2019. 9. 27. document ready 를 순수 javascript로 코딩/제이쿼리 2019. 4. 24. jquery를 쓰지 않고 순수 javascript로 ready()를 대체하는 코드. document.addEventListener("DOMContentLoaded", function(){ // Handler when the DOM is fully loaded }); 참고로, $(document).ready(handler); 는 사용을 피하는 것이 좋다고 한다. 아래 글 참조. https://github.com/codepink/codepink.github.com/wiki/%EC%88%9C%EC%88%98-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A1%9C-%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC-ready()-%EB%8.. [css]강조모션 애니메이션 css 코딩 2019. 3. 19. 빨간점 강조 애니메이션 효과깜박깜박임 @keyframes joyride-beacon-outer { 0% { opacity: 0; } 100% { opacity: 1; }} .timeline .sign-x{ display: block; position: absolute; top: -10px; right: -9px; width: 24px; height: 24px;}.timeline .sign-outer{ display: block; position: absolute; top: 0; right: 0; height: 100%; width: 100%; -webkit-animation: joyride-beacon-outer 1.2s ease-in-out infinite; animation: joyride-beaco.. [react] 리액트 컴포넌트 옵션 안에 태그넣기 코딩 2019. 3. 7. ({form.name || ""} 님) {this.getStatusInfo(form.status)} ]} match={this.props.match}/> 중괄호 안에 대괄호[] 넣음. 기본 css 코드와 변수를 함께 쓰기 [css] sass 코딩 2018. 9. 11. sass 함수 사용 @each $color, $value in $theme-colors { .select-badge .badge-#{$color} { color: $value; } .select-badge .badge-#{$color}:hover{ background-color: $value; color: #fff; border-color: $value; }} 이전 1 ··· 3 4 5 6 7 8 9 ··· 14 다음
euntori
Comments