Language/JavaScript19 [JS] 검색 기능 1. 검색에 걸릴 목록을 배열에 담는다. const colorList = [ '빨강', '주황', '노랑', '초록', '파랑' ]; 2. 검색창을 input 태그를 이용해 만들어준다. 이 때 검색창에 입력되는 글자를 받아야 하므로, onChange 이벤트로 받아준다. 입력된 값을 search 변수에 받아준다. const [search, setSearch] = useState(""); const onChange = (e) => { setSearch(e.target.value); }; 3. 미리 만들어둘 검색 목록 배열에서 찾는다. const filterList = colorList.filter((c) => { c = c.toString(); return c.replace(" ", "").includes(.. 2023. 1. 11. [JS] input type=date 일 때 오늘 이후로만 날짜 선택되게 하기 // 다른 날짜 선택 시, 내일부터 선택가능하게 하기 let today = new Date(); let tomorrow = new Date(today.setDate(today.getDate() + 1)); let year = tomorrow.getFullYear(); let month = tomorrow.getMonth() + 1; let day = tomorrow.getDate(); if (month < 10) { month = "0" + month; } if (day < 10) { day = "0" + day; } let availableDay = `${year}-${month}-${day}`; 참고 문서 https://developer.mozilla.org/ko/docs/Web/HTML/Elemen.. 2022. 12. 8. [JS] 쿠키 set get delete 쿠키때문에 뉴진스 노래 들을 때마다 스트레스 받는 병이 생겼어요. 쿠키란? 웹 사이트 방문자의 정보를 클라이언트 브라우저에 저장하여, 방문자 정보를 파악하거나 임시 데이터를 보관하는 데 사용할 수 있다. DOM에 쿠키 문자열이 담겨있기 때문에, document.cookie 정보를 읽어서 쿠키 값을 활용할 수 있다. (제일 어이없는 부분은) 쿠키 문자열은 1. 객체가 아님 2. 메서드가 제공되지 않음 따라서 내가 알아서 파싱하고 정보를 구분해야 한다. 쿠키 문자열은 이렇게 생겼다. 쿠키키=쿠키값; path=/; expires=Sat, 02 Oct 2021 17:46:04 GMT; 쿠키 정보는 키 = 값 형태로 저장되며, 한글도 사용 가능하다. 만료일은 GMT 시각 문자열로 표기되며, 삭제 기능이 없기 때문.. 2022. 11. 29. [JS] axios get post 사용하기.... (230214 수정) Axios 브라우저, Node.js를 위해 만들어진 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 설치하기 npm install axios 또는 yarn add axios 사용하기 import React, { useState } from 'react'; import axios from 'axios'; axios.get() url, config config 안에 header를 넣으면 됨 예시 코드 const config = { headers: { 키값 : '보낼 변수' }, }; const 함수명 = async () => { await axios .get('요청 보낼 백 url', config) .then((res) => { // 응답 성공 시 실행할 로직 console.log(res);.. 2022. 11. 28. 이전 1 2 3 4 5 다음