[Javascript] 단축평가

📌단축평가란 무엇일까?논리 연산의 결과를 결정하는 피연산자를 타입 변환하지 않고 그대로 반환하는 것이라고는 하는데, 사실 잘 와닿지 않는다.단축 평가는 표현식을 평가하는 도중에 평가 결과가 확정된 경우 나머지 평가 과정을 생략하는 것을 말한다.책에서 이렇게도 설명하는데, 사실 이것도 이해하기엔 어려움이 있다.   🔀 논리합 연산자(||)논리합 연산자를 이용해 단축평가를 이해해보자.true || true해당 연산은 결과가 당연히 true이다.논리합 연산자(||)는 비교하는 대상(피연산자) 중 하나만 true여도 true를 반환하기 때문이다. 그러면 이번엔 결과가 어떻게 될까?true || false얘도 당연히 둘 중에 하나가 true이므로 true를 반환할 것이다.여기서 js는 처음에 true만을 확인..

• format_list_bulleted JavaScript
• · 2024. 10. 26.
• textsms

[Javascript] 타입 변환

📌타입변환타입 변환에는 두가지 종류가 있다.  1. 명시적 타입 변환(타입 캐스팅)= 개발자가 의도적으로 타입을 변환하는 것const num = 1;const str = num.toString();console.log(typeof str, str); // string 1console.log(typeof num, num); // number 1  2. 암묵적 타입 변환(타입 강제 변환)= 개발자의 의도와는 상관없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되는 것const num = 1;const str = num + " ";console.log(typeof str, str); // string 1console.log(typeof num, num); // number 1여기서 자바스크립트 ..

• format_list_bulleted JavaScript
• · 2024. 10. 24.
• textsms

[JS] 백준에서 fs 모듈로 input 받기(feat. VScode와 백준)

백준에서 js(node.js)로 문제를 풀 때, 가장 먼저 생기는 문제...input을 어떻게 받지...? 백준에서 알려준 예제에 따르면require('fs')라는 코드를 이용해서 파일을 읽어오는 것 같은데, 얘네가 뭔지 한번 알아보고자 한다.# fs 모듈?fs 모듈은 node.js에서 파일의 입출력을 다룰 때 사용하는 모듈이다.node js에서 파일을 다루는 함수들을 모아놓은 페이지에서 더 자세하고, 다양한 함수들을 확인할 수 있다. let fs = require('fs');다음과 같은 방법으로 가져오면 되고, 이때 let이나 const등은 상관없다. 그리고, 공식 페이지에서는 require('node:fs') 이런식으로 가져오는데, 이 차이는 Node.js 14.13.0 버전에서 도입된 네임스페이스 ..

• format_list_bulleted JavaScript
• · 2024. 6. 18.
• textsms

[JS] JS에서 배열 만들기(Array, Array.of, Array.from)

프론트엔드 직무에서는 JS로 코테를 보는 경우가 많아서,알고리즘을 기존에 풀던 파이썬으로 한 번 풀고, JS로 한번 풀려고 한다. 우선 파이썬에서 만약 0이 10001개로 이루어진 배열을 만들려면,arr = [0 for _ in range(10001)]arr = [[0] * 10001]이 두 방법을 사용하면 된다. 그럼 JS에서는 어떤식으로 배열을 만들 수 있을까? 📌 Array: 빈 배열 만들기우선 길이가 10001인 빈 배열을 만들고 싶다면,const arr = new Array(10001); Array 함수 안에 원하는 길이를 적어주면 된다. 이 때, arr는 크기만 있는 빈 배열이므로 출력하면 다음과 같다당연히 이 안에 값을 일일히 지정해 줄 수도 있다const arr = new Array(10..

• format_list_bulleted JavaScript
• · 2024. 6. 11.
• textsms

[JS] JavaScript에서 import 써보기

파이썬에서는 다른 파이썬 파일에 있는 함수를 가져올 때 import ~ from 을 이용했었음 JS에서도 되나 한번 볼까? // test1.js const sayT1 = () => { console.log('페이커는 신이야') } const sayDong = () => { console.log('T1 화이팅') } // test2.js import test1 from './test1.js' → 오류난다 다른 파일에서 쓰려면 export 해주기 // test1.js const sayT1 = () => { console.log('페이커는 신이야') } const sayDong = () => { console.log('T1 화이팅') } export { sayT1, sayDong } 근데 이렇게 해도 오류가 ..

• format_list_bulleted JavaScript
• · 2023. 11. 13.
• textsms

[JS] async와 await

Promise의 chaining → 콜백 함수에 비해서는 간결하긴 한데 그래도 너무 복잡하지 않나...? 좀 더 간단하게 하는 방법이 없을까? async와 await를 사용해보자 # async & await Promise chaining의 가독성 문제를 해결하기 위해 등장 일반적으로 try & catch와 함께 사용한다 🔹 async 함수 async 키워드를 함수 앞에 붙여서 비동기 함수를 선언 항상 Promise를 반환한다. async function process() { return result; } 🔹 await 표현식 await 키워드를 async 함수 내에서 사용 비동기 함수의 완료를 기다렸다가, 완료하면 resolve를 통해 전달된 데이터를 반환한다. function placeOrder(men..

• format_list_bulleted JavaScript
• · 2023. 10. 31.
• textsms