일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 교집합
- substring()
- jsx반복문
- includes()
- Math.floor()
- getday()
- parseInt()
- Number()
- Eventlitener
- React
- reat if문
- useState()
- repeat()
- charAt()
- filter()
- useEffect()
- 소수점 올림내림
- 차집합
- sort()
- useRef()
- map()
- Math.sqrt()
- slice()
- isNaN()
- new Date()
- toUpperCase()
- 3진수
- indexOf()
- 항해99솔직후기 #항해99장점 #항해99단점 #부트캠프추천
- setDate
- Today
- Total
목록전체 글 (107)
개발자로 전향중
나중에는 더 간결하게..ㅠ 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..
interface basketInfoProps { clothes: string; index: number; } interface basketproductProps { basketInfo: basketInfoProps[]; } 타입 정하기 basketproduct: { basketInfo: [{ clothes: "", index: 0 }], }, initialState basketproduct: (state, action: PayloadAction) => { state.basketproduct.basketInfo = [ ...state.basketproduct.basketInfo, ...action.payload.basketInfo, ]; }, createSlice dispatch( basketproduc..
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; ..
const BuyProductSection = styled.section` width: 100%; height: 250px; .buyProductSection--header { height: 27px; border: 1px solid #cecece; border-radius: 13px; font-family: "Roobert"; font-style: normal; font-weight: 400; font-size: 18.3881px; display: flex; align-items: center; justify-content: center; color: #000000; } `; const BuyProductWrapper = styled.div` display: flex; justify-content: s..
import React, { useEffect, useCallback, useState } from "react"; import styled from "styled-components"; import BackgroundImg from "../assests/image/DIP01.png"; import axios from "axios"; import { getCookie, setCookie } from "../utils/cookie"; const Main = () => { const [userName, setUserName] = useState(""); useEffect(() => { axios.get("http://dip.kia.co.kr:8000/sso/autologin", {}).then((res) =..
import React, { useState, useEffect, useRef } from "react"; import styled from "styled-components"; import { useForm, SubmitHandler } from "react-hook-form"; import PreReservationBtn from "../../public/images/web/Main/Button_booking.svg"; import PreReservationBtnhover from "../../public/images/web/Main/Button_booking_mouseover.svg"; import MLogo from "../../public/images/web/Main/Logo_Fatalbomb...
import { useEffect, useState } from 'react' function easeOutExpo(t: number): number { return t === 1 ? 1 : 1 - Math.pow(2, -10 * t) } export default function useCountNum(end: number, start = 0, duration = 2000) { const [count, setCount] = useState(start) const frameRate = 1000 / 60 const totalFrame = Math.round(duration / frameRate) useEffect(() => { let currentNumber = start const counter = set..
import React, { ReactElement, useState, useEffect, useRef } from "react" import styled, { keyframes } from "styled-components"; import { images } from '../../constants/images'; import { FiArrowLeft, FiArrowRight } from "react-icons/fi"; // Import Swiper React components 건드리면 ㄴㄴ import SwiperCore, { Navigation, Pagination, Scrollbar, A11y, EffectCoverflow } from 'swiper'; import { Swiper, SwiperS..