본문 바로가기

분류 전체보기

 (142)
Vue 3 : Lazy Validation A common requirement in forms is to have the ability to only trigger the validation of a certain field whenever the user is done typing, this is called lazy validation. 지연 유효성 검사는 사용자가 특정필드의 입력을 완료할 때마다 특정 필드의 유효성 검사만 트리거하는 기능임 Text and email input fields fire different events depending on how the user interacts with them. The input event fires every time the user adds or deletes a character int..
Vue 3 : Tree shaking // 모든 배열 유틸리티들을 가져온다. import arrayUtils from "array-utils"; Since we are only using the object , string , boolean and number methods of yup, We use destructuring so that when we build our application, the parts of the library that we are not using can be removed from the bundle and we can save on some bundle size — this is known as tree-shaking. object , string , boolean 및 number 메소드만 사용하고 있으므로 ..
Vue 3 : What is yup? validation code 를 직접 작성하는 것이 귀찮고 시간도 많이 걸리는 작업이기 때문애 YUP package 를 이용하면 된다. Vee-validate recommends as a best practice to use the library Yup https://github.com/jquense/yup in order to create our validation schemas. https://github.com/jquense/yup GitHub - jquense/yup: Dead simple Object schema validation Dead simple Object schema validation. Contribute to jquense/yup development by creating an a..
Javascripts destructuring 정의 Arrays나 object 의 property 에서 필요한 array element 나 field data 만 distinct 한 변수에 담아오는 표현법임 용례 ex1 ) 배열에서 descructure 하는 방법 const x = [1, 2, 3, 4, 5]; const [y, z] = x; // 1 과 2가 각각 y, z 에 assign 됨 console.log(y); // 1 console.log(z); // 2 ex2 ) object 에서 descructure 하는 방법 const obj = { a: 1, b: 2 }; const { a, b } = obj; // is equivalent to: // const a = obj.a; // const b = obj.b; ex 3) Obj 에서 필요..
sublime text installation in Ubuntu https://www.sublimetext.com/ Sublime Text - the sophisticated text editor for code, markup and prose Available on Mac, Windows and Linux www.sublimetext.com sudo apt update 패키지 목록을 업데이트합니다. sudo apt install apt-transport-https ca-certificates curl software-properties-common 웹에서 패키지를 가져 오는 종속성을 설치합니다. curl -fsSL https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add - 저장소의 GPG 키를 가..
Vue 3 Why the Composition API There are currently three limitations you may have run into when working with Vue 2: As your components get larger readability gets difficult. 구성 요소가 커질수록 가독성이 어려워집니다. The current code reuse patterns all come with drawbacks. 현재 코드 재사용 패턴에는 모두 단점이 있습니다. Vue 2 has limited TypeScript support out of the box. Vue 2는 기본적으로 TypeScript 지원이 제한되어 있습니다. When to use the Composition API? You want optimal Typ..
What is babel? babel 이란? Babel is a JavaScript compiler. babel 은 javascript 로 결과물을 만들어주는 컴파일러 ( 소스 대 소스 컴파일러) javascript 로 변환하는 과정이 왜 필요한가? ESNext 문법을 기존의 브라우져에 사용하기 위해서 babel 은 필수적이다 왜내하면 예전 브라우져 예전 os 사용하는 경우가 많기 때문에 최신 문법으로 설계된 javascript 를 돌리기 위함이다. polyfill 은 무엇?? polyfill은 브라우저에서 지원하지 않는 기능들에 대한 호환성 작업을 채워 넣는것. babel 은 이러한 polyfill 을 손쉽게 지원하기 위해 babel-polyfill 기능을 지원 babel 은 컴파일시에 실행되고 babel-polyfill 은 런..
Validating Vue 3 Forms : Why Vee-Validate? 목적 Validate single fields and full forms - learn how to use Vee-Validate to validate both a single input in our applications, and then grow that to validating a full form with a defined set of rules. Vee-Validate를 사용하여 애플리케이션의 단일 입력을 모두 검증한 다음, 정의된 규칙 세트를 사용하여 전체 양식을 검증하는 것을 알게 된다. Handle errors - Next, we will learn together how to check and present validation errors to our users as they progre..

티스토리툴바