FRONT언어(3)
-
javascript] 원시타입과 참조타입
원시타입 let number1 = 1; let number2 = number1; number2 = 2; console.log('~1:', number1); console.log('~2:', number2); number 1의 값은 변했을 까 ? 💡 ~1: 1 ABC true ~2: 2 가나다 false number 1에서 값을 복사했지만 number2의 값을 변경해도 number1의 값은 변하지 않는다. 이것이 원시타입 변수이다. 참조타입 const obj1 = { num: 1, str: 'ABC', bool: true }; const obj2 = obj1; // obj2 = {}; // ⚠️ 오류 // ⭐️ const임에도 내부 값은 변경 가능함 주목 // 내부 변경 방지는 이후 배울 Object.fr..
2023.01.16 -
제이쿼리 / 자바스크립트 유용한 것들
(추가중) 제이쿼리 셀렉트박스나 라디오박스 체크안된거 여러개 찾아오는 법 let $이름= $(document).find('input[name^=네임이름]:not(:checked)'); ^= like문임 . .eq() :eq() 메서드는 선택한 요소에 인덱스 번호에 해당하는 요소를 찾는다. $("선택자").eq("숫자"); 활용법 . vue for문을 이용해 화면에 데이터 뿌린 후 가공할때 유용하다 .... .... var code = $('input[name=code]').eq(idx).val(); $('input[name=checkupCode]').eq(idx).val(); document.activeElement 포커스된 엘레멘트 찾아와줌 Object.entries()
2021.04.07 -
비동기와 동기
동기 - 동시에 일어난다는 뜻이다. 요청과 동시에 결과가 일어남 / 결과가 나올때까지 다른작업은 대기 직렬적으로 처리하는 방식 비동기- 요청한그자리에서 결과가나오지 않을수도있음 / 결과가 일어나는동안 다른작업도 가능 자원이 효율적으로 돌아간다 병렬적으로 처리한다. 자바스크립트의 대부분의 DOM 이벤트와 Timer 함수(setTimeout, setInterval), Ajax 요청은 비동기식 처리 모델로 동작한다. 예를들어 function A (){ axios.get (ㄱ) } function B (){ axios.get(ㄴ) } A() //a실행 B() //b실행 A함수먼저 호출하고 B함수를 호출했을때 ㄱ데이터가 먼저나올지 ㄴ 데이터가 먼저 나올지는 모른다. 비동기란 바로 그런것이기 때문이다. 다른예로 f..
2020.12.03