js33 [React] console, warning, error 메세지 제거 개발을 하다보면 어쩔 수 없이 개발자도구 안에 콘솔에 warning과 console.log 메세지가 수도 없이 많을 수 있다. 배포 하기 전에 한 번쯤은 신경써야할 내용에 대해 써보겠습니다! 방법은 매우 간단하다 ㅋㅋ,,, App.js 에 아래와 같은 코드를 추가하면 된다..! 원리는 모든 console 메세지에 대해 빈 함수로 대체하여 재정의 하는 것이다. if (1+1 === 2) { window.console = { log: function () {}, warn: function () {}, error: function () {}, }; } 2023. 10. 5. [React] filter 함수를 활용한 검색 기능 (feat Axios) 개발을 하다보니 검색 기능은 대부분 서비스에 있다는 것을 알게 되었다.. 하여 이참에 url에 대해 검색 기능을 고려하는 것은 아니지만 map()함수를 통해 나열하고 있는 data에 대해 검색으로 거르는 내용을 담아보자 1. Axios를 통해 데이터 불러오기 백엔드 또는 API url을 get() 함수를 통해 받아온다. useEffect(() => { // Axios를 사용하여 데이터를 불러옴 axios.get('https://api.example.com/data') .then((response) => { setData(response.data); // 데이터를 상태에 저장 }) .catch((error) => { console.error('데이터를 불러오는 동안 오류 발생: ', error); }); .. 2023. 10. 2. Spring 공부하기 전 알아야하는 JAVA 기초 개념 (1탄) 처음 1탄은 완전 JAVA의 기초를 다루기에 다른 언어를 학습해보셨던 분들은 2탄부터 보시는 걸 추천드립니다 :) 변수와 데이터 타입 변수는 데이터를 저장하는 메모리 공간을 가리키며, 데이터 타입은 변수가 저장하는 데이터의 형식을 정의한다. int는 정수형, double은 실수형, String은 문자열, boolean은 논리형 데이터를 저장한다. 연산자 int a = 10; int b = 20; // 산술 연산자 int sum = a + b; // 30 int difference = a - b; // -10 int product = a * b; // 200 double division = (double) a / b; // 0.5 // 비교 연산자 boolean isEqual = a == b; // fal.. 2023. 8. 6. [React] Axios - Header에 토큰 전송 및 코드 관리 Tip 지난번 Axios 사용 방법에 이어서 Header에 토큰 사용 및 코드 관리 팁에 대해 알아보도록 하겠다. 저번 코드는 아래 링크로 ㄱㄱ 2023.07.18 - [코딩/React] - [React] 서버 연동을 위한 Axios 개념과 사용 방법&Tip Header에 Token 함께 전송하여 보안관리하기 + 코드 관리 Tip 사용자가 로그인을 했을 때 생기는 API Key를 사용하여 다른 페이지를 이동할 때 토큰 검사를 통해 페이지 관리와 API 보안을 설정하였다. Rest API 를 관리하는 모든 코드는 API 라는 파일을 따로 만들어 관리하였고, 코드를 import하여 함수들을 사용할 수 있도록하였다. 사용자의 API key가 담긴 token은 로컬 스토리지에 저장하여 사용하였다. ResourceApi.. 2023. 7. 18. 이전 1 ··· 3 4 5 6 7 8 9 다음
