일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- reat if문
- Eventlitener
- 교집합
- 차집합
- new Date()
- useEffect()
- Math.sqrt()
- substring()
- toUpperCase()
- isNaN()
- map()
- charAt()
- useState()
- setDate
- React
- getday()
- indexOf()
- Math.floor()
- 소수점 올림내림
- repeat()
- 항해99솔직후기 #항해99장점 #항해99단점 #부트캠프추천
- 3진수
- slice()
- jsx반복문
- sort()
- useRef()
- Number()
- includes()
- filter()
- parseInt()
- Today
- Total
목록Typescript (6)
개발자로 전향중
(number: string | number): string은 TypeScript의 타입 어노테이션(annotation)입니다. 이 어노테이션은 함수의 매개변수 number가 문자열 또는 숫자 타입이 될 수 있으며, 함수의 반환값은 문자열 타입이라는 것을 나타냅니다. 여기서 string | number는 유니온 타입(Union Type)입니다. 즉, number 매개변수는 문자열 또는 숫자 중 하나가 될 수 있다는 뜻입니다. 함수의 매개변수 타입이 유니온 타입으로 지정되면 해당 매개변수는 문자열 또는 숫자로 전달될 수 있습니다. 함수의 반환값이 string 타입이므로, numberComma() 함수는 항상 문자열을 반환합니다. 예를 들어, 다음과 같이 사용할 수 있습니다. function numberCo..
step1. 아이폰의 UI는 어쨌든 HTML을 벗어나지 않으므로 html,body에 min-height 값을 준다. html, body { /* 배경 색상 지정 */ background-color: black; /* 사파리 새로고침 막기 */ overflow-x: hidden; /* overscroll-behavior: contain; */ min-height: calc(var(--vh, 1vh) * 100); min-height: -webkit-fill-available; } step2. 상단 새로고침을 없애고 싶을때 나는 overscroll-behavior: contain을 하라고 하지만 나는 졸라게 안먹음..Apple 포럼에서 찾음! addEventListener으로 높이에 도달시 e.prevenD..
나중에는 더 간결하게..ㅠ import React, { useEffect, useState } from "react"; import styled from "styled-components"; import { newUserMbti } from "../../../redux/features/userSlice"; import { useAppDispatch } from "../../../redux/hook"; const SelectMbti = () => { const dispatch = useAppDispatch(); const [eClick, setEClick] = useState(false); const [iClick, setIClick] = useState(false); const [sClick, setSC..
import { createSlice } from "@reduxjs/toolkit"; //작은 slice 를 모아서 store를 만들때는 import type { PayloadAction } from "@reduxjs/toolkit"; interface WearclothesProps { Cap?: { CapClothes: string; index: number; }; Top?: { TopClothes: string; index: number; }; Pant?: { PantClothes: string; index: number; }; Outer?: { OuterClothes: string; index: number; }; Dress?: { DressClothes: string; index: number; ..
- 개요 안녕하세요. 이번 시간에는 TypeScript interface에 대해 알아보겠습니다. TypeScript에서 Obejct 타입을 선언할 때 interface와 type을 사용합니다. JavaScript에서 객체를 접근을 해야 하는 상황이 많습니다. TypeScript는 객체를 선언하고 그냥 접근하게 되면... 접근을 할 수 없습니다. (JavaScript는 그냥 되는데... 불편하군... ) let user:object = { name: "ryan", age: 14 } //객체를 선언 console.log(user.name) // Error 이렇기 때문에 우리는 interface를 선언해서 접근을 합니다. - 사용법 선언 방법 및 사용법 /** * interface 인터페이스 이름 { * ke..
불리언 (Boolean) true/false let isDone: boolean = false; 숫자 (Number) JavaScript처럼, TypeScript의 모든 숫자는 부동 소수 값입니다. 부동 소수에는 number라는 타입이 붙혀집니다. let decimal: number = 6; let hex: number = 0xf00d; let binary: number = 0b1010; let octal: number = 0o774; 문자열 (String) TypeScript에서는 텍스트 데이터 타입을 string으로 표현합니다. JavaScript처럼 TypeScript도 큰따옴표 (")나 작은따옴표 (')를 문자열 데이터를 감싸는데 사용합니다. let color: string = "blue"; co..