Language20 [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. [JS] Uncaught TypeError: .replace is not a function 내 코드 const filterSource = list.filter((src) => { return src.replace(" ", "").includes(search); }); 오류 내용 The "replace is not a function" error occurs when we call the replace() method on a value that is not of type string. To solve the error, convert the value to a string using the toString() method before calling the replace() method. replace() 를 string이 아닌 값에 쓰면 발생하는 오류였다. https://bobbyhadz.co.. 2022. 10. 24. [JS] href 표현식 <a href=“javascript:;”> </a> 자주 사용하던 사이트의 버튼이 작동하지 않아서 dev tool을 켜보았다. 3개의 a 태그가 있고 위에 부터 순서대로 이전버튼, 바로 배포하기 버튼, 바로 저장하기 버튼이다. 이전 버튼은 잘 작동하는데, 바로 배포하기와 바로 저장하기 버튼이 작동하지 않았다. 코드를 보니 자바스크립트 함수가 a href 의 형식으로 지정이 되어 있었다. 버튼을 통해 다른 페이지로 이동하는 경우, 나는 주로 onclick을 통해 이벤트를 걸어놓는 형식으로 작업을 했었다. 그래서 처음보는 형식이라 어떤 방법인지 찾아보았다. 📌 href 표현식 onclick을 줄여서 코딩하는 방법인듯 하다. 내가 생각했던 문제의 원인 위에 코드를 보면, 잘 작동하는 '이전' 버튼에 대한 코드에서는 href='javascript: 뒤에 함수 이.. 2022. 10. 8. [JS] location.reload() 사용법 내 코드 검색창에 값을 입력한 후 submit 버튼이 눌리고 나면 검색창만 사라진 페이지가 남는 상황이었다. 사용자가 다시 창으로 돌아와서 다른 값을 검색해보고 싶은 경우에는 불편한 상황이었기에 이를 개선하고자 submit 버튼이 눌리고 나면 창을 새로고침시켜주기로 했다. 오류 내용 loaction.reload()를 js 파일 함수 밖에 썼더니, 조건에 관계없이 계속해서 새로고침이 발생했다. 문제 해결 submit 버튼 클릭시 연결된 함수 안에, 그 함수의 작업들이 모두 끝난 후에 loaction.reload()를 통해서 페이지가 새로고침 될 수 있도록 해주었다. 함수 내에 새로고침 함수 넣어주기!!! 2022. 9. 30. 이전 1 2 3 4 5 다음