전문가처럼 느끼게 해주는 자바스크립트의 6가지 요령

JavaScript는 세계에서 가장 인기 있는 프로그래밍 언어이며 그 인기는 시간이 지남에 따라 증가할 뿐입니다. 일반적으로 Fron-end, Back-end 개발에 사용되지만 원하는 모든 것을 구축할 수 있는 기능을 제공하는 많은 라이브러리, 프레임워크 및 가상 환경이 있습니다.
예를 들어, React Native를 사용하면 iOS와 Android용 모바일 앱을 동시에 만들 수 있으며, 알다시피 효율성이 크게 향상됩니다. 예, JavaScript는 현재 수요가 많으며 이 기사에서 보여줄 트릭을 아는 것은 특히 누군가에게 깊은 인상을 주고 싶을 때 매우 유용할 것입니다. 계속 읽고 새로운 것들을 많이 알아보세요!

1. 화살표 기능

물론 목록의 첫 번째 트릭은 Arrow Function이며 이에 대해 모른다면 반드시 알아야 합니다. 이를 통해 보다 생산적이고 쉬운 방법으로 함수를 작성하여 코드 크기를 절반으로 줄일 수 있습니다. 또한 코드를 읽고 이해하는 것이 더 쉬울 것입니다. 예를 참조하십시오.

//Usual Function
hello = function(val) {
  return "Hello World!" + val;
}
//Arrow Function
hello = (val) => "Hello " + val;

2. 문자열, 숫자, 부울로 변환

다른 유형의 데이터를 다른 유형으로 변환하는 것은 많은 특정 상황에서 또는 나중에 다른 유형의 데이터와 연결할 수 있도록 변환해야 하는 경우에 매우 유용할 수 있습니다. 여기에서 그 예를 볼 수 있습니다.

//Converting to a string
let x = 1 + "";
console.log(x); // Result: "1"
//Converting to a number
let y = "25";
y = +y;
console.log(y); // Result: 15
//Converting to a boolean
const z = !0;
console.log(typeof z); // Result: "boolean"

3. Math() 연산자 교체

Math() 연산자는 정말 유용하며 이를 통해 정말 어려운 수학 알고리즘을 작성하고 Math의 모든 기능을 사용할 수 있습니다. 그러나 Powering 및 Rounding과 같은 몇 가지 쉬운 작업을 수행하려는 경우 라이브러리 없이 Vanilla JS를 사용하는 것이 훨씬 더 좋고 효율적입니다. 이 예를 보십시오:

//Powering::Before
console.log(Math.pow(2,3)) //Result: 8
//Powering::after
console.log(2 ** 3) //Result: 8
And also, if you want to round your number there's a quick solution for it too. You don't need to use Math.floor() , Math.ceil() or Math.round() to round anymore, here it is:
//Rounding::Before
console.log(Math.floor(47.6)) //Result: 47
//Rounding::after
console.log(47.6 | 0) //Result: 47

4. 퀵콘솔.로그

항상 console.log()를 전체 길이로 작성해 왔다면 저를 믿으세요. 이 정말 간단한 트릭으로 많은 시간을 절약해 드리겠습니다.

let c = console.log.blind(document);
c("Hello World"); //Result: "Hello World"
c(123); //Result: 123
c(True); //Result: True

5. 마지막 숫자 제거

또한 'or' 연산자를 사용하여 정수 끝에서 숫자를 제거할 수도 있습니다. 즉, 정수에서 한 자리 숫자를 제거하기 위해 긴 코드 줄을 작성할 필요가 없습니다. 예를 참조하십시오.

//Before
let str = "2022"; 
Number(str.substring(0, str.length - 1)); //Result: 202
//After
console.log(2022 / 10   | 0)  // Result: 202
console.log(2022 / 100  | 0)  // Result: 20
console.log(2022 / 1000 | 0)  // Result: 2

6. 숫자 구분 기호

긴 숫자로 작업하고 항상 그것이 1,000,000인지 10,000,000인지 이해하려고 노력하는 경우 숫자를 훨씬 더 읽기 쉽고 보기 좋게 만드는 이 방법에 대해 아무도 모르기 때문에 항상 문제가 있습니다. 이 예에서는 숫자 구분 기호로 "_"를 사용합니다.

//Before
let x = 1000000
let y = 10000000
//After
let x = 1_000_000
let y = 10_000_000
//The output will be the same for the both example

결론

이제 생산성을 높일 뿐만 아니라 많은 상황에서 유용하고 코드를 더 쉽게 읽을 수 있는 JavaScript의 6가지 중요한 요령과 팁을 알게 되었습니다. 나는 가장 위대한 것을 찾고 그들에 대해 이야기하려고 노력했습니다. 이 기사가 마음에 들면 Twitter에서 저를 팔로우하고 감사를 남기는 것을 잊지 마십시오!