타코딩

interface iRdate { name: string; age: number; addr: string; } interface Iaction { type: string; } const rdata = { name: "홍길동", age: 25, addr: "서울", }; export default function reducer(state: iRdate = rdata, action: Iaction) { switch (action.type) { case "plus": return { ...state, age: state.age + 1 }; case "reset": return { name: "홍길동", age: 25, addr: "서울", }; case "minus": return { ...state, age..

if (action.type === "plus") { return { ...state, age: state.age + 1 }; } 위 if 문을 조금 더 가독성 있고 실효성 있는 코드로 switch case 문을 써서 변경해 보기 switch (action.type) { case "plus": return { ...state, age: state.age + 1 }; } switch (action.type) { case "plus": return { ...state, age: state.age + 1 }; case "reset": return { name: "홍길동", age: 25, addr: "서울", }; case "minus": return { ...state, age: state.age - 1 }..

리액트 hook - 호출하는 컴포넌트에서 독립적으로 생성하고 실행 useState useReducer 리덕스 react-redux 리액트 백엔드(WAS) - 공유객체 : page, request, session, application 공유객체.setAttribute() page: 브라우저에 출력되는 페이지가 종료되기 전까지 공유 범위 request : url을 통한 request 요청이 종료되기 전까지 공유 범위 session : Session 객체가 종료되기 전까지 공유 범위 application : 전체 프로젝트가 종료되기 전까지 공유 범위 예) page.setAttribute('name','홍길동') application.setAttribute('name','홍길동') Shoppy 프로젝트 - te..

https://react.dev/reference/react/useReducer useReducer – React The library for web and native user interfaces react.dev //기본구조 const [state, dispatch] = useReducer(reducer, initialArg, init?) //countReducer import React from "react"; const countReducer = (count, action) => { if (action.type === "plus") { return Number(count)+Number(action.number); } else if (action.type === "minus") { return co..

""" password_correct = False if password_correct : print('here is ur money') else: print('wrong password') """ winner = 10 if winner > 10 : print('winner is greater than 10') elif winner < 10: print('winner is less than 10') else: print('winner is 10')

import { useState, useEffect } from "react"; import axios from "axios"; export default function useCart(currentPage, userInfo) { const [cartList, setCartList] = useState([]); const [totPrice, setTotPrice] = useState(0); const [totDeliprice, setTotDeliprice] = useState(0); const [totOrderPrice, setTotOrderPrice] = useState(0); const [totalCount, setTotalCount] = useState(0); const [pageSize, setP..

수료 1~2개월 이내 취업해야 성공률이 높음 sm si solution 기획자 > 백엔드개발자,프론트엔드개발자,디자이너 이력서 작성법 지원자입장에서 1.내가 어떤 사람인지 보여주는 마케팅도구 2.면접기회 여부를 결정짓는 핵심서류 3.면접 시 지원자를 공식적으로 소개하는 기초자료 기업입장 1.지원자의 종합적 요약서 2.면접을 볼 지원자 선별을 위한 비교 도구 3. 면접 질문의 기본 토대 1.사진 2.지원분야 : 희망직무기입(회사의채용분야확인) 3.희망연봉 : 회사 내규에 따름(필수 기입 요청시 ,기재) 4.인적사항:오탈자확인 5.병역사항 : 해당자만기입 6.학력:최신순으로 고등학교까지 (졸업예정포함) 7.경력:해당자기입(타분야가능!) 8.교육 및 연수사항 : 교육 내용을 간략히 용약하여 기재 (공모전 수상..

Checkout

⬅️ ⭐ 4.9 ❤️ swoon lounge chair - 1 + $450 Add to Cart aspect-square 은 정사각형 만들때 사용

import Image from "next/image"; import { Inter } from "next/font/google"; const inter = Inter({ subsets: ["latin"] }); export default function Home() { return ( select item gray chair 18000원 gray chair 18000원 합계 36000원 Checkout 프로필 orders 340 spent 340 토니 미국 ); }