개발자로 전향중

1. child 컴포넌트는 인자를 2개를 사용한다. 2. parent 컴포넌트는 인자 1개만 부른다. 3. 의문은 인자를 2개를 자식에서 전달해도 부모에서 한개만 받아도 에러가 안난다. 이유는?구조적 타이핑의 유연성 chat gpt 물어본 결과타입스크립트에서 함수 타입의 호환성을 다룰 때, 특정 상황에서는 부모 함수(콜백 함수)를 자식 함수에 전달할 때 에러가 발생하지 않을 수 있습니다. 이는 타입스크립트가 구조적 타이핑(Structural Typing)을 사용하기 때문입니다. 구조적 타이핑은 타입의 이름이 아니라 실제 구조에 따라 타입을 판단합니다. 따라서, 함수의 매개변수와 반환 타입이 부분적으로 호환될 경우 타입 불일치 에러가 발생하지 않을 수 있습니다.자세히 살펴보면, 타입스크립트는 함수 타입의 ..

(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..