본문 바로가기

JavaScript168

React Slick 사용법 🌳 React Slick 리액트 프로젝트에서 carousel을 쉽게 구현하도록 도와주는 모듈 👉🏻 React Slick 홈페이지 👉🏻 슬라이드 종류 1. 다음과 같은 명령어를 터미널에 입력해서 설치해준다. $ npm install react-slick --save $ npm install slick-carousel --save 2. 그리고 Slick에서 제공해주는 CSS를 사용하기 위해 다음의 코드를 import해준다. import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; 3. 기본 형태는 다음과 같다. import React, { Component } from "react"; import Slider.. 2021. 11. 16.

Custom-Hook Custom-Hook은 사용자 정의 Hook이라는 뜻이다. 사용자 정의 Hook은 다른 hook을 호출할 수 있다. 사용자 정의 Hook은 특정한 시그니처가 필요 없다. 무엇을 인수로 받아야 하며 필요하다면 무엇을 반환해야 하는 지를 사용자가 결정할 수 있다. 사용자 정의 Hook의 이름은 “use”로 시작되어야 한다. (관습) 사용자 정의 Hook은 이전 React 컴포넌트에서는 불가능했던 로직 공유의 유연성을 제공한다. 참고 사이트 👉🏻 자신만의 Hook 만들기 2021. 11. 16.

TypeScript란? 🌀 TypeScript 란? JavaScript + Type = TypeScript 마이크로소프트에서 구현한 JavaScript의 상위 확장(Superset) 프로그래밍 언어. 마이크로소프트에서 발표한 오픈 소스 ES6의 Class, module 등과 ES7의 Decorator 등을 지원 확장자로는 .ts를 사용한다. 컴파일의 결과물로 JavaScript 코드를 출력한다. 그리고 최종적으로 runtime에서는 이렇게 출력된 JavaScript 코드를 구동시킨다. 🌀 TypeScript의 특징 정적 타입을 명시할 수 있다는 것이 Vanilla Javascript와의 가장 큰 차이점이다. 즉, 'JavaScript를 실제로 사용하기 전에 있을만한 type ERROR들을 미리 잡는 것' 이 Typescript.. 2021. 11. 15.

되도록이면 쓰지 말아야 할? type 💩 null null은 단독으로 사용하지 않는다. let person: null; 👎🏻 let person2: string | null; 👍🏻 💩 unknown unknown = 알 수 없는 unknown으로 지정을 하면 어떤 종류의 데이터가 담길지 알 수 없는 type이 된다. 가능하면 쓰지 않는 것이 좋다. let notSure: unknown = 0; notSure = 'he'; notSure = true; unknown은 type이 없는 JavaScript와 연동을 해서 쓸 때 주로 사용한다. 그래도 가능하면 type을 구체적으로 지정해서 사용하는 것이 좋다! 💩 any 가능하면 쓰지 않는 것이 좋다. unknown은 어떤 type을 사용해야할지 모르겠어 ㅠㅠ 라는 뜻이어서 겸손하기라도하지 any.. 2021. 11. 15.

Type Alias 🥊 Type Alias란? 타입에 직접 이름을 명명할 수 있는 것. 즉, 새로운 타입을 정의하는 것. 타입으로 사용할 수 있다는 점에서 인터페이스와 유사하다. Type Alias는 원시값, union 타입, tuple 등도 타입으로 지정할 수 있다. 그러나 인터페이스처럼 extends 또는 implements 될 수는 없다. ex) type Person = { name: string; age: number; }; const person: Person = { name: 'yunkyung', age: 20, }; 2021. 11. 15.

[JavaScript] undefined, null, undeclared 🍄 undefined (미정의 변수) 값을 대입하지 않은 변수, 즉 데이터 영역의 메모리 주소를 지정하지 않은 식별자에 접근할 때 객체 내부의 존재하지 않는 프로퍼티에 접근하려고 할 때 return문이 없거나 호출되지 않는 함수의 실행 결과 🍄 null 사용자가 명시적으로 '없음'을 표현하기 위해 대입한 값 null이라는 빈 값을 할당하면 해당 변수의 타입은 객체가 된다. 🍄 undeclared (미선언 변수) 변수 선언조차 되어 있지 않은 상태 2021. 11. 5.

이전 1 ··· 4 5 6 7 8 9 10 ··· 28 다음

티스토리툴바