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 @..
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..
리액트 강의만 들으면서 따라친지 어언 12398744일.. 리액트랑 친한듯 안 친한듯 지내고 있다가 간단하게 뭐라도 쳐보자! 해서 만들게 된 노트앱 투두리스트도 고민 했었지만 페이지 이동이 있게 만들고 싶었다 디자인은 최대한 심플하게. 기능 구현을 먼저 해보는 방향으로 하고 천천히 보완할 예정이다 CRUD만 하면 다 한거라 그랬어.. 1. Folder Structure 📦 public └──📜 index.html 📦 src ├──📂 components │ ├──📜 Filter.js │ ├──📜 Filter.module.css │ ├──📜 Title.js │ └──📜 Title.module.css.js ├──📂 routes │ ├──📜 Detail.js │ ├──📜 Detail.module.css │ ├─..
✅ 함수형 data 사용하기 error `data` property in component must be a function vue를 이용하여 컴포넌트를 나누게 되면 한 번쯤 볼 수있는 경고메세지. data를 함수형이 아닌 오브젝트 형태로 선언할 때 뱉어내는 오류이다. vue 공식문서에 vue 시작하기를 보면 data에 return이 없는 것을 확인할 수 있다. vue는 하나의 인스턴스 안에서 작업을 할 때는 굳이 함수로 반환하지 않아도 된다. 하지만 컴포넌트에서의 Data 선언은 다르다. 각각의 다른 컴포넌트마다 각자의 데이터를 관리해야 하기 때문이다. 컴포넌트마다 Data를 오브젝트로 생성하여 여러 번 사용하더라도 결국엔 JS가 작동하는 방식으로 인해 구성 요소의 모든 단일 인스턴스가 이 속성을 공유..
