Lpla 개발 블로그

JavaScript/기초

[JavaScript/jQuery] 요소 추가, 삭제, 이동

반응형에 따라 요소의 위치를 바꾸려고 한다. css만으로 해결할 수 있다면 좋겠지만 단순하지 않은 레이아웃에서 css로 해결하기 어려운 경우가 있다. 이 때 자바스크립트, 특히 제이쿼리의 도움으로 요소를 재배치할 수 있다. HTML 1번 2번 3번 CSS .box_wrapper { margin-top: 100px; font-size: 40px; } .box { width: 300px; height: 300px; margin: 0 auto; display: flex; justify-content: center; align-items: center; color: #FFF; } .box1 { background: #dc6851; } .box2 { background: #dcae51; } .box3 { back..

etc

VSCode JQuery 코드힌트 안보이는 문제 해결

어느날부터 집에 설치된 VSCode에서 자바스크립트 코드힌트가 나오지 않았다. 아니, 자세히 살펴보니 자바스크립트는 문제 없었고 제이쿼리 코드힌트가 나오지 않았다. 문제 해결방법은 VSCode 터미널에 다음 명령어를 입력하면 된다. npm install @types/jquery --save 타입스크립트에서 제이쿼리를 사용하는 방법이라고 한다. ......난 타입스크립트를 쓸 줄 모르는데 뭘까? 예전에 node.js와 eslint를 설치하면서 문제가 생긴 모양이다. 결과적으로 제이쿼리 코드힌트가 아주 잘 보인다. 그런데 이번에는 제이쿼리 문법에 취소선이 생겼다. 실행은 문제없이 되지만 매우 거슬리는 관계로 없애는 방법을 찾아봤다. 원인은 on()이나 trigger() 방식을 사용하지 않아서였다. 그런데 j..