[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

[Vercel] 프론트엔드 단일 프로젝트 vercel로 배포해보기(vercel 404 not found, repo 찾기)

현재 진행중인 포트폴리오 사이트를 배포해보고 있다. 아직은 react로 만든 프론트엔드 단일 프로젝트이기 때문에 EC2 + jenkins와 같은 도구로 직접 하나하나 하기보다는vercel만을 이용해서 정적 파일로 배포하는 것이 충분하다고 생각해서 vercel을 이용해보고자 한다.만약 나중에 백엔드가 추가된다면 바꾸는걸로,, github에서 repo를 가져와서 이어주기만 하면 되는 간단한 과정이므로, 이전에 pwa를 테스트하기 위해서 했던 방법과 거의 비슷하게 진행했다.https://memezz.tistory.com/170 [React] VitePWA 를 이용해 Vite기반 React프로젝트에 PWA적용하기이번 프로젝트에서는 알림 기능이 중요하기 때문에PWA를 이용해서 프로젝트를 진행하기로 했다. 그래서 ..

• format_list_bulleted FrontEnd
• · 2024. 9. 26.
• textsms

[TypeScript] TypeScript 기본지식

🎧 타입 지정변수 만들 때 타입을 지정해 줄 수 있음let name :string = 'Mino'변수명 :타입명 의 형식으로 사용 타입으로 사용 가능한 것들string, number, boolean, bigint, null, undefined, [], {} 타입을 지정하는 이유?JS에서는 에러 메세지를 모호하게 알려주지만,타입을 지정해서 사용하면 어디서 에러가 나는지 알기 편함= 타입 관련 버그가 생겨도 빠르게 디버깅 가능let name :string = 'Mino'name = 123 // 여기서 에러가 생김 만약에 여러가지 타입이 가능하다면?해당 변수에 여러가지 타입의 데이터가 들어 올 수 있다면 | 기호를 사용함let name :string | number = 'Mino'name = 123 ..

• format_list_bulleted TypeScript
• · 2024. 6. 28.
• 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