2. Front-end

SCSS - [ 기본 사용법 ]

https://www.sassmeister.com/ SassMeister | The Sass Playground!SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading...www.sassmeister.comSCSS -> CSS 변환 코드 바로 확인 가능   1. 주석/* */    ->   CSS 로 변환 된 후에도 남아있음//         -> SCSS에서만 제공하는 문법. CSS로 변환 된 후에 안 남아있음   2. 중첩   3. 상위(부모) 선택자 참조- & : 상위 선택자 참조     4. 중첩된 속성반복되어 사용되는 특정한 속성명을 scss에서는 중첩된 속성을 통해 사용 가능속성 뒤에  : 기호 필요 and 중괄..

JS - [ 모달 팝업 띄우기 (Swiper이용 이미지 슬라이드) ]

SWIPER 라이브러리를 이용해 이미지를 슬라이드 형식으로 띄우기 닫기 Modal 띄우기 그러면 Modal 띄우기 버튼을 눌렀을 때 이미지 슬라이드가 팝업으로 뜬다! 참조 더보기 https://7942yongdae.tistory.com/104 Javascript - 간단하게 CSS를 활용한 모달창 만들기 [Modal / Dialog] 화면을 개발할 때 자주 나오는 구성 요소 중 하나가 바로 모달(Modal) 창입니다. 팝업(Popup) 창과 약간 혼동해서 쓰는 경향이 있기는 한데 Modal과 Popup는 개념이 다릅니다. 팝업(Popup)은 현재 화면에 7942yongdae.tistory.com

JS - [ 모달 팝업 띄우기 ]

Modal close Modal 띄우기 참조 더보기 https://7942yongdae.tistory.com/104 Javascript - 간단하게 CSS를 활용한 모달창 만들기 [Modal / Dialog] 화면을 개발할 때 자주 나오는 구성 요소 중 하나가 바로 모달(Modal) 창입니다. 팝업(Popup) 창과 약간 혼동해서 쓰는 경향이 있기는 한데 Modal과 Popup는 개념이 다릅니다. 팝업(Popup)은 현재 화면에 7942yongdae.tistory.com

JS - [ 자식 Element에 Event 전파 막기 ]

부모 요소 안에 있는 자식 요소들의 클릭으로 인한 이벤트 전파를 막아야 할 때 -> 부모의 이벤트 영역 클릭시에만 이벤트가 동작하도록 부모 이벤트에 if (event.target !== event.currentTarget) return; 입력 혹은 막아야 하는 각각의 자식들에 e.stopPropagtion 입력 참조 더보기 https://ideveloper2.tistory.com/167 Javascript - 자식 element가 여럿 있을때 event 전파 막는 효과적인 방법 Javascript :자식 element가 여럿있을때 event 전파 막는 효과적인 방법 | Why? > 상황: 모바일 웹에서, Modal의 overlay 영역의 scroll을 방지하기 위해 overlay 영역을 touch 햇을때..

CSS - [ 배경 그라데이션 사이트 ]

https://cssgradient.io/ CSS Gradient — Generator, Maker, and Background As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile. cssgradient.io 참조 더보기 https://webtong.kr/bbs/board.php?bo_table=freesauce&wr_id=73 CSS 그라데이션을 편리하게 만들어주는 사이트 css를 자동으로 생성해주어 바로 적용할 수 있어 편리합니다.상단 붉은색바를 클릭하면 해당 사이트 이동합니다.색상 추가가 자..

JS - [ js 파일 수정사항 브라우저에 바로 반영]

자바의 현재시간을 표시해주는 내부함수를 이용 ?v= 현재시각은 계속해서 바뀌기 때문에 이 숫자가 바뀌면 브라우저가 js 파일을 다시 호출해서 화면에 반영하기 때문에 바뀐 소스가 바로바로 화면에 나타나게됨 참조 더보기 https://zzznara2.tistory.com/689 [java/jsp] js 파일 안에서 아무리 소스를 수정해도 브라우저에 바로바로 반영이 안된다면? 저도 이것 때문에 많이 헤맸습니다. 아무리해도 js 파일에서 소스를 고쳐도 화면에서 반영이 되어 보이질 않더라구요. html, jsp 파일은 오히려 바뀐 소스가 잘 반영되더라구요. html, jsp 파일 안에 zzznara2.tistory.com