전체 글(134)
-
git hub 모음
q 누르면 종료
2021.11.20 -
return false; 남발하지 말기
되야하는 이벤트도 막으니까 습관적인 return false; XXXX
2021.11.16 -
구글 같이 이름표 바깥 클릭시 닫히게
// 이름표 toggle $('.idView').on('click', function(e){ $('.contBox').stop().toggle(); return false; }) $(document).on('click', function(e){ $('.contBox').stop().hide(); }) document.addEventListener('keydown', (e) => { let keyCode = e.keyCode; if(keyCode == 27){ $('.contBox').stop().hide(); } }) // main_left에서 이벤트 안먹는 a태그용 함수 function closeName(){ $('.contBox').stop().hide(); // return false; }
2021.11.16 -
[수직정렬] modal에 vertical-align: middle; + 높이의 절반만큼 margin-top: -값; 2021.11.16
-
화살표 만들기 https://velog.io/@korea_webclass/css-1
.arr span { position: relative; } .arr span::after { content: ''; width: 50px; /* 사이즈 */ height: 50px; /* 사이즈 */ border-top: 5px solid #121212; /* 선 두께 */ border-right: 5px solid #121212; /* 선 두께 */ display: inline-block; transform: rotate(135deg); /* 각도 */ position: absolute; top: 120px; /* 기본 0px 값으로 해주세요 */ left: 935px; /* 기본 0px 값으로 해주세요 */ } 45deg 는 ＞ 135deg 는 ∨ 225deg 는 ＜ 315deg 는 ∧
2021.06.29 -
slide toggle (vanilla js)
HTML Slide Toggle Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proiden..
2021.04.25 -
flex: 1; 빼고는 합이 12라는걸 기억하기 2021.04.05
-
n초 뒤 다른 페이지로 이동
function loginReturn(){ location.href="index.html" } window.onload = setTimeout('loginReturn()', 3000);
2021.04.01 -
rem 쓰려면 font-size: 62.5%;로. => 1rem = 10px
@media (max-width: 769px) { html { font-size: 62.5%; }
2021.03.29 -
슬라이드용 이미지 찾을때는 검색어에 1920X1080 넣기 2021.03.22
-
youtube 퍼올때 w/h -> 100%로 하고 title 속성 지워주기
iframe width="100%" height="100%" src="https://www.youtube.com/embed/bUR41k-sjqs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>iframe>
2021.03.22 -
<input autofocus/> 자동 focus 2020.12.17
-
배열.some(실행메소드); 배열의 el하나하나 검사해서 하나라도 메소드 통과하면 true를 return함 // 결과값이 boolean 2020.12.16
-
변수.trim() > 문자열의 양끝 공백 제거 2020.12.16
-
카카오맵 api 사용시 public> index.html에 <script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=본인앱키&libraries=services"></script> 넣기 2020.12.15
-
내부스타일 선언은 const 변수 = styled.div``;컴포넌트 외부 위에다 하고,일반함수는 내부에 return 문 위에 적기 2020.12.10
-
&+& { } 2020.12.09
-
하나에 flex: 1 또는 width: 100%; -> 다른애 넓이 뺀 나머지 다 가짐 // 각각 flex: 1가지면 동일하게 나눠가짐 2020.12.09
-
pointer-events: none; /* ㄴ 클릭 안되게 하는것*/ 2020.12.08
-
const inputRef = useRef(); <input ref={inputRef} 2020.12.03
-
<input type="text" placeholder="Search" onfocus="this.placeholder=''" onblur="this.placeholder='Search'"> 2020.12.03
-
public>images 폴더 안에 있는 파일 // <img src="/images/파일명"> 2020.12.03
-
Right now or never 2020.12.03
-
https://www.bookshopmap.com/ 2020.12.02
-
postman 사용 (naver 영화 api 설정)
search 기능 참고: github.com/yamoo9/JJ_CAMP_Fundamental/blob/master/ASSETS/NAVER-Movie-API.jpg yamoo9/JJ_CAMP_Fundamental JavaScript & jQuery 첫걸음 CAMP × 패스트캠퍼스. Contribute to yamoo9/JJ_CAMP_Fundamental development by creating an account on GitHub. github.com msyu1207.tistory.com/entry/React%EB%A1%9C-%EC%98%81%ED%99%94-%EC%A0%95%EB%B3%B4%EB%A5%BC-%EA%B2%80%EC%83%89%ED%95%B4%EB%B3%B4%EC%9E%90-%EB%91%9..
2020.12.02