분류 전체보기

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/React

[React] 리액트를 사용하여 간단한 노트 앱 만들기 #01

리액트 강의만 들으면서 따라친지 어언 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 │ ├─..

ERROR

[VS Code] Failed to install 'vue.volar' (Mac ver.)

vue3 + typescript 사용시 권장되는 플러그인 'Volar'. vue2 사용 당시 다운 받았던 Vetur와 충돌이 나기 때문에 Vetur는 disabled 처리 해줬다. 그런데도 Volar를 다운 받을 수 없어서 삽질한 기록. volar 플러그인 다운 시도 후 실패 메세지. 대부분 기존에 설치 되어있던 vetur를 비활성화 (or 삭제) 하지 않았을때 다운 오류가 생긴다고 한다. 근데 나는 다운 받을 시점에 vetur를 삭제 처리한 상태. vs code 버전이 낮아서 그럴 수도 있다는 글을 보고 버전 업데이트를 하려고 시도. (매우 오래전에 업데이트함;) 근데 이건 또 무슨일.. 업데이트가 안된다!!! vscode가 read only로 되어있어서 업데이트가 안된단다. VS Code를 응용프로그..

숭코기
'분류 전체보기' 카테고리의 글 목록 (14 Page)