공부/javascript4 [카드뉴스] 자바스크립트와 제이쿼리 차이점 자바스크립트란? 간단히말해 웹 페이지에 생동감을 주는 언어라고 이해하면 쉽습니다. html은 웹페이지의 뼈대를 만들어주고, css는 그에 옷을 입혀주는 역할을 합니다. 예외인 경우도 있지만, 자바스크립트는 그에 움직임을 주는 역할을 합니다. 가시적으로 보이는 움직임 뿐만 아니라 데이터를 백단(백엔드영역)으로 넘기는 기능도 할 수 있습니다. 자바스크립트 어원 자바스크립트(자스)는 왜 이름이 자바스크립트 일까요? 자바와 무슨 관련이지? 자바스크립트를 배우면 자바를 쉽게 할 수 있을까? 결론부터 말하면 아무 관련 없습니다! 자바스크립트가 처음 출시됐을 땐 LiveScript(라이브스크립트)라는 이름이었는데, 그 당시 웹페이지에서 사용하는 언어는 크게 메리트가 없었습니다. 그래서 그저 인기의 힘을 빌려 자바스크.. 2022. 3. 10. [jQuery / javascript] 클릭시 복사되는 버튼 만들기 (이메일, 주소 복사) - 수정 안녕하세요 매니입니다. 이번 글에서는 클릭시 복사되는 버튼에 대해 알아보겠습니다. 클릭시 복사되는 버튼은 이벤트시 이메일 주소 복사, 홈페이지 url 복사 등에 유용하게 쓰입니다. html 매니션 주소 복사 긴 글 복사 1. copybtn - 복사 내용을 태그에 바로 작성 - 단순 복사되는 기능만 가능(alert등 추가제어x) - copyToClipboard에 작성 가능하지만 공통제어만 가능 2. copybtn1 - 복사 내용을 스크립트에 작성(하단참고) 3. copybtn2 - 복사 내용을 객체로 생성(하단참고) 매니션 button ▶ 태그명(버튼태그) onclick="copyToClipboard('https://manition.tistory.com');" ▶ 클릭시 실행되는 함수 ()안에 내용 복사 .. 2021. 5. 27. 박스 div 높이 똑같이 조절하기 jQuery / javascript 안녕하세요 매니입니다. 코딩을 하다보면 상자의 크기가 안에있는 내용에 따라 달라져 높이를 맞춰야하는 경우가 있습니다. 그럴 경우 사용하는 코드입니다. $('.감싸는박스').each(function(){ var boxhight = 0; $('.변경할 박스', this).each(function(){ if($(this).height() > boxhight) boxhight = $(this).height(); }); $('.변경할 박스',this).height(boxhight); }); 높이를 동일하게 맞추고 싶은 div박스 전체를 다른 div로 감싸줍니다. 또는 내부 컨텐츠를 li로하고 ul로 감싸줍니다. 이 경우에는 감싸는 박스 = ul 변경할 박스 = li 가 됩니다. 위 코드에서 세 항목만 바꾸면 쉽게.. 2021. 1. 5. [jQuery / javascript] 모바일 기기 여부 확인하기 안녕하세요, 디발자 매니입니다. 오늘은 접속한 기기가 모바인인지의 여부를 확인하는 방법을 알아보겠습니다. 모바일 기기를 감지하는 방법 반응형 웹사이트를 만들다보면 하단에 상태바같은 경우 웹이 아닌 모바일에서만 사용하는 경우가 있습니다. PC에서 화면이 작을 때 나오면 부자연스럽기 때문에 접속 기기를 탐지해 제어해 주어야 합니다. function Mobile() {return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);} 모바일 여부를 확인하는 함수입니다. console.log(Mobile()) // 콘솔창에서 확인 가능 console.log(Mobile()) // 콘솔창에서 확인 가능 .. 2020. 10. 22. 이전 1 다음 반응형
