Javascript

FRONTEND/Typescript

[TS] React 프로젝트 JS -> TS로 변환하기

Typescript Typescript는 Javascript의 변수에 형식을 지정한 파생 언어이다. Typescript로 변환하기 앞서 아래의 문서로 기본 구조를 먼저 익히자. https://yamoo9.gitbook.io/typescript/ TypeScript 가이드북 - TypeScript Guidebook 타입(Types)을 사용하면 JavaScript 애플리케이션을 개발할 때 정적 타입 검사 및 코드 리팩토링과 같은 생산성 높은 개발을 수행할 수 있습니다. 타입 설정이 필수는 아니지만, 설정할 경우 컴파일 yamoo9.gitbook.io 설치하기 https://create-react-app.dev/docs/adding-typescript/ npm install --save typescript @..

FRONTEND/Javascript

[JS] UUID로 고유값 생성하기

UUID 란? UUID(Universally Unique IDentifier)란 네트워크 상에서 중복되지 않는 ID를 만들기 위한 표준 규약이다. UUID의 충돌 확률 UUID는 중복되기 어려운 값들을 수 없이 길게 만듦으로써 단일 값을 보장한다. UUID가 충돌할 확률은 2의 122승 분의 1이며 이에 대한 충돌은 거의 불가능에 가깝다. UUID 구조 UUID는 16바이트(128비트) 형태의 구조를 가진다. 하나의 UUID 길이는 36자리이며 4개의 하이픈(-) 32개의 16진수 문자열로 구성 되어있다. 구조 길이(바이트/비트) 내용 Low Time 4 / 8 (8자리) 시간의 low 32비트를 부여하는 정수 Mid Time 2 / 4 (4자리) 시간의 middle 16비트를 부여하는 정수 Mid Ti..

FRONTEND/Javascript

[JS] 일반 함수와 화살표 함수의 차이

💡 화살표 함수(Arrow Function)란 화살표 함수는 ES6에서 새로 추가된 내용이다. 기존 함수 표현식과 비교하면 간결한 표현으로 간단하게 사용 가능하다. // 일반함수 function fun() { // ... } // 화살표 함수 const arrFun = () => { // ... } 💡 일반 함수와 화살표 함수의 차이 1️⃣ this ✅ 일반함수 자바스크립트에서 모든 함수는 실행될 때마다 함수 내부에 this 라는 객체가 추가된다. ▪️ 함수 실행시에는 전역(window) 객체를 가르킨다. ▪️ 메소드 실행시에는 메소드를 소유하고 있는 객체를 가르킨다. ▪️ 생성자 실행시에는 새롭게 만들어진 객체를 가르킨다. 일반함수는 함수를 선언할 때 this에 바인딩할 객체가 정적으로 결정되는 것이 ..

숭코기
'Javascript' 태그의 글 목록