본문 바로가기

문제와 해결22

%와 vh,vw 차이(가로스크롤 문제) vh,vw : 스크롤바를 포함한 넓이 (가로 스크롤바 발생) % : 스크롤바를 제외한 넓이 (스크롤바 생기지 않음) https://graykick.tistory.com/8 [wed][HTML/CSS] vh/vw와 %의 차이 vh / vw와 %의 차이 요약 : vw와 vh는 스크롤바 포함, %는 미포함 안녕하세요. 부끄럽지만, vh/vw라는 css단위를 최근에서야 알게 되었습니다. 기본적으로 vh와 vw는 각각 view port의 높이와 너비를 의미 graykick.tistory.com 2021. 12. 15.
부모에 상관없이 width 100% 주기 width 100%적용할 자식 요소에게 아래의 속성 추가 width: 100vw; margin-left: calc(-50vw + 50%); https://skout90.github.io/2017/09/01/CSS/full-width-ignore-parent/ 2021. 11. 16.
객체지향 프로그래밍 - 객체와함수,call,bind Call() 과 bind() 를 사용해서 평범한 함수를 객체의 메소드로 사용할 수 있다. call() 메소드로 쓸 함수.call(호출에 제공되는 this의 값,인자1,인자2,..) var kim = {name:'kim', first:10, second:20} var lee = {name:'lee', first:10, second:10} function sum(prefix){ return prefix+(this.first+this.second); } //sum()에 쓰일 this값은 kim console.log("sum.call(kim)", sum.call(kim, '=> ')); // 결과 : sum.call(kim)=>30 //sum()에 쓰일 this값은 lee console.log("lee.call.. 2021. 10. 25.
엔터키 이벤트가 먼저 실행이 안될때 input 창에 클릭,엔터키 이벤트를 주려고 했다. 하지만 아래의 코드로 작성을 하니 버튼을 먼저 클릭 해야지(클릭이벤트를 먼저 실행) 엔터키 이벤트가 실행이 됬다. 해결방법을 찾던 중 아래의 블로그를 발견했는데 https://velog.io/@hidaehyunlee/ES2020-click-enter-%EB%91%90-%EA%B0%9C%EC%9D%98-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%8F%99%EC%8B%9C%EC%97%90-%EB%93%B1%EB%A1%9D%ED%95%98%EA%B8%B0 [ES2020] Click, Enter 두 개의 이벤트 동시에 등록하기 form 내부의 button를 submit하면 클릭과 엔터가 동시에 입력된다. 이걸 이용해서 form 태그에 이벤트를 등.. 2021. 8. 3.