본문 바로가기

전체 글164

14. 프로그래머스_최빈값구하기 2023. 1. 10.
08. react_blog(test) import { useEffect, useState, useRef } from "react"; import "./App.css"; function App() { let [content, setContent] = useState([ "남자코트추천", "여자코트추천", "엄마코트추천", ]); let [good, setGood] = useState([0, 0, 0]); let [input, setInput] = useState(""); const titleInputRef = useRef(); // useEffect(() => { // }, [input]); const addGoodBtn = () => { let goodCopy = [...good]; goodCopy.unshift(0); setGood(goo.. 2022. 12. 28.
07. 자연스러운 메뉴 만들기 Q. 서서히 내용이 나오게 어떻게 해야할까? let [tap, setTap] = useState(0); { setTap(0); }} eventKey="link0" > 버튼0 { setTap(1); }} eventKey="link1" > 버튼1 { setTap(2); }} eventKey="link2" > 버튼2 {/* {tap == 0 ? 내용0 : null} {tap == 1 ? 내용1 : null} {tap == 2 ? 내용2 : null} */} defaultActiveKey: 기본으로 눌려있는 버튼 {setTap(0);}} eventKey="link0"> 버튼0을 클릭 했을 때 '내용0'을 나오게 하기 위해 state 사용 function TapContent({ tap }) { let [fade,.. 2022. 12. 26.
06. Ajax Ajax 서버와 문자만 주고 받을 수 있다. "{ name: "kim" }" 따옴표 쳐놓으면 array,object도 주고받기 가능 : json 문법 (1) XMLHttpRequest (2) fetch() (3) axios Axios Axios는 브라우저, Node.js를 위해서 만들어진 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 입니다. 문법코드 axios.get(url,[,config]) import axios from "axios" { axios .get("https://codingapple1.github.io/shop/data2.json") .then((result) => { console.log(result); }) }} > 데이터 요청 요청 실패 할 경우 catch axi.. 2022. 12. 25.

티스토리툴바