전체 글
-
23_11_02 JS공부정리개발공부/JavaScript 2023. 11. 3. 01:53
[코딩애플] 고급모듈 -switch case문 사용법 let 변수 = 2+2; switch (변수) { case 3: alert('변수가3이네요') break case 4: alert('변수가4이네요') break default: alert('아무것도 해당안됨'); } -default는 case에 해당되지 않는 변수가 들어왔을때 실행됨 -break를 쓰지않으면 case부합되는 시점부터 break들이 다 실행됨 -셀렉터를 이용한 switch문 document.querySelector('#quiz').addEventListener("click", function(event) { let target = event.target.innerText switch (target) { case "와이프": argumen..
-
-
23_10_31 JS공부정리개발공부/JavaScript 2023. 11. 1. 02:16
[코딩애플] 고급모듈 -자바스크립트는 문자끼리 부등호비교가 가능합니다. ㄱ보다 ㅎ 이게 더 큽니다. -문자 다나가순 정렬(sort((a,b) => b.localeCompare(a)도 가능) var 어레이 = ['가', '다', '나']; 어레이.sort(function(a, b){ if (a < b) { return 1 } else { return -1 } }); console.log(어레이) -localStorage, sessionStorage : 이름:값 형태로 저장가능 *용량은 5MB, 문자/숫자만 저장가능 *localStorage는 사이트 재접속해도 유지/ sessionStorage는 사이트 나가면 자동삭제 -IndexedDB : 구조화된 대용량데이터 저장시 -Cookies : 유저의 인증정보 저..
-
23_10_30 JS공부정리개발공부/JavaScript 2023. 10. 31. 00:56
[코딩애플] 고급모듈 배열.filter((파라미터) => {조건}) : 조건에 맞는 요소만을 추출해주는 함수 let newarray = arry.filter(function(a) { //변수에 넣어서 사용. 반환하는 배열을 받는 변수 return a {조건}) : 조건에 맞게 요소를 변형 후 반환(자료를 변형하는 함수) let newarray2 = arry.map(function(a) { //반환된 배열은 새 변수에 담김 return a * 4 //모든요소를 4를 곱해서 반환 })
-
23_10_29 JS공부정리개발공부/JavaScript 2023. 10. 30. 00:26
[코딩애플] 고급모듈 -제이쿼리로 get요청하는법 $.get('url') .done(function(data) { //받아온 데이터가 파라미터로 들어감. console.log(data); }) -제이쿼리로 post요청하는법 $.post('url', {보낼데이터 : 보낼데이터}) .done(function(data) { console.log(data) }) -실패할경우 .fail을 써서 나타낼 수 있음 $.get('url') .done(function(data) { console.log(data); }) .fail(function(){ console.log('실패함') //실패했을때 실행되는 함수 }) -자바스크립트로 get요청하는법 (fetch) fetch('https://codingapple1.gith..
-
23_10_28 JS공부정리개발공부/JavaScript 2023. 10. 29. 03:45
[코딩애플] 중급모듈 *위 아래 두코드는 동일하게 동작함 -배열.forEach(function(e,i) {}) -배열.forEach((element, index) => {함수}) jQuery 셀렉터로 여러 요소 찾은 뒤 하나만 고르기 지금 class="tab-button" 가진 요소가 3개나 있습니다. 그래서 $('.tab-button').on() 이렇게 이벤트리스너 달면 3개 버튼에 전부 이벤트리스너를 달게됩니다. 그게 싫고 버튼0만 달고 싶으면 $('.tab-button').eq(0).on('click', function(){ }); 이렇게 쓰면 됩니다. $( ) 셀렉터로 찾은 요소 중에 x번째 요소만 선택하고 싶으면 $( ).eq(x) 쓰면 됩니다. -탭 코드 //부트스트랩라이브러리 ul.list ..
-
23_10_27 JS공부정리개발공부/JavaScript 2023. 10. 28. 14:09
[코딩애플] 중급모듈 -window.scrollBy(x,y) : 현재위치만큼 x축 스크롤을 x만큼, y축 스크롤을 y만큼 움직이는 명령어 window.addEventListener('scroll',function() { window.scrollBy(0,100) //현재위치에서 스크롤을 100만큼 움직여주세요 }) -제이쿼리 버전 window.addEventListener('scroll',function() { console.log(window.scrollY) }) $(window).on('scroll', function() { console.log($(window).scrollTop()) }) // 위 코드와 동일 -scrollTop(제이쿼리)은 scrollTo와 scrollY의 기능을 동시에 가지고있음..