Javascript | Typescript
-
브라우저 미지원 시 requestIdleCallback 직접 구현하기Javascript | Typescript 2024. 11. 14. 09:50
웹 개발을 하면서 성능 최적화에 신경 쓰다 보면 requestIdleCallback에 대해 들어보셨을 겁니다. 하지만 모든 브라우저에서 지원하지 않아 직접 구현해야 하는 상황도 발생하죠. 오늘은 requestIdleCallback이 무엇인지부터 직접 구현하는 방법까지, 그리고 React에서 사용할 때 주의할 점까지 함께 알아보겠습니다.🧐 requestIdleCallback이 뭐예요?간단히 말해, requestIdleCallback은 브라우저가 할 일이 없을 때 우리의 코드를 실행시켜주는 함수예요. 브라우저가 바쁠 땐 중요한 작업을 먼저 하고, 남는 시간에 덜 중요한 작업을 처리할 수 있게 도와주죠.requestIdleCallback(callback, options);callback: 브라우저가 한가할 ..
-
왜 생성자함수가 있는 걸까?Javascript | Typescript 2022. 9. 30. 21:06
생성자 함수란 재사용할 수 있는 객체 생성 코드를 구현 하는 기술이다. 문법 규칙이 있다. 1. 반드시 new 연산자를 붙여 실행한다. 2. 첫 글자는 대문자로 시작한다. new 연산자를 사용하면 빈 객체를 만들어 this를 할당한다. this를 반환한다. function User(name) { // this = {}; (빈 객체가 암시적으로 만들어짐) // 새로운 프로퍼티를 this에 추가함 this.name = name; this.isAdmin = false; // return this; (this가 암시적으로 반환됨) } 하지만 생성자 함수가 굳이 필요한가 라는 생각이 들었다. 기술적인 차이도 없거니와 일반 함수로도 충분히 인자를 넘겨 받은 리턴 값을 사용 할 수 있다. function test()..
-
jwt 어떤 방식으로 컨트롤 해야하지?Javascript | Typescript 2022. 8. 10. 01:39
주절주절 글 입니다. JWT의 상세 설명은 다루지 않습니다. https://jwt.io/introduction JWT.IO JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties. jwt.io JWT 는 팔목밴드 같다 그것도 매표소 직원만 아는 언어로 이용권 구매한 사람 신상으로 이루어진 팔목밴드 이 팔목밴드는 차고 있으면 잠시 놀이공원을 나가서 햄버거를 먹고와도 다시 놀이공원으로 출입이 가능하다 약간 다른 점이라면 놀이기구를 탈때도 팔목밴드를 차고있다는걸 보여줘야하고 N일 자유이용권이지만 누군가 몰래 팔목밴드를 똑같이 제작해 착용하고 들어올 수 있으므..
-
함수 매개변수대신 객체구조화를 사용하자Javascript | Typescript 2022. 8. 5. 23:17
매개변수 사용시 function name(firstName,lastName , lastNameFirst = false, prefix) { if (!lastName) { return `안녕, ${firstName}`; } return `안녕 ${lastNameFirst ? lastName + firstName : firstName + ' ' + lastName}`; } name('시진') name('시진','유',true,'멋진') name('sam','smith',false,'Mr.') 객체구조화 사용시 function name({firstName,lastName , lastNameFirst = false, prefix}) { if (!lastName) { return `안녕, ${firstName}`;..
-
[javascript] scope 란 , 예제Javascript | Typescript 2022. 7. 26. 10:16
스코프 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름)를 찾아내기 위한 규칙 1-1. 전역 스코프 - 코드 어디에서든지 참조할 수 있다. 1-1. 함수레벨 스코프 - 자바스크립트에서 var 키워드로 선언된 변수, 함수 선언식으로 만들어진 함수는 함수 레벨 스코프를 지닌다. - 변수는 함수 내부 전체에서(만) 유효한 식별자가 된다. // 전역 스코프 var global = "global"; function foo() { var local = "local"; console.log(global); console.log(local); } if(true) { var global2 = "if"; } foo(); console.log(global); // global console.log(global..