분류 전체보기62 React - AJAX 실습(1) 간단하게 AJAX 를 통하여 무료 API 활용하여 실습을 해보자!!일단 AJAX 는 useEffect 안에서 내부 또는 이벤트 핸들러에서 실행이 되어야 함또한 직접 해보니 로딩이나 오류 에러 와 같은 상태 관리가 중요하다고 생각이 듬라이브러리는 axios 나 fetch 를 사용하면 되는데 둘다 해보기로 함! 일단 fetch 를 통하여 API 를 받아오되 첫번째 단계로 다섯개만 뿌리고 새로운 포스트 작성을 하면 맨 위로 올라갈수 있도록 해보자!! ** 가장 기본 뼈대 생성import React from "react";const BlogPostFetch = () => { return( )}export default BlogPostFetch; 1. 데이터를 먼저 받아서 잘 받아 왔는지.. 2025. 2. 4. 인증보안 - Hashing Hashing암호화 방식 중 하나 임 , 암호화만 가능 (복호화 불가능)해싱은 해시 함수를 사용하여 암호화를 진행함해시 함수의 특징항상 같은 길이의 문자열을 리턴함서로 다른 문자열에 동일한 해시 함수를 사용하면 반드시 다른 결과값이 나옴동일한 문자열에 동일한 해시 함수를 사용하면 항상 같은 결과값이 나옴같은 결과가 나오는 특성을 이용해서 해시 함수를 거치기 이전의 값을 알아 낼수 있도록 정리 해놓은것을 레인보우 테이블 이라고 말함여기서 Salt (솔트) 를 사용하여 해시 이전의 값에 임의의 값을 더해 데이터가 유출이 되더라도 해싱 이전의 값을 알아내기 어렵게 만드는 기법 비밀번호 + 솔트 해시 함수(SHA1) 리턴 값 ‘password’ + ‘salt’‘C88E9C67041A74E0357BEFDFF93.. 2025. 2. 3. 인증,보안 - HTTP, HTTPS HTTP , HTTPSHTTPS = HTTP + SecureHTTP 프로토콜 내용을 암호화함 요청할때 중간에 해킹가능중간에 HTTPS 로 변경이 되면 암호화가 되어 난수로 바뀌게 되기에 보안성이 높아짐인증서(Certificate)데이터 제공자 신원 보장도메인 종속서브 도메인 까지는 인증서 하나로 가능CA(Certificate Authority)공인 인증서 발급 기관비대칭 키 암호화키 A 로 암호화 => 키 B 로만 복호화 가능HTTPS는 대칭키와 비대칭키 방식을 이용해 데이터를 암호화함클라이언트와 서버가 데이터를 주고받을 때는 대칭키를 사용HTTPS는 이러한 대칭키를 주고받을 때는 비대칭키 방식으로 주고받음 2025. 2. 3. React - AJAX 리액트에서의 AJAX 는 서버와 데이터를 주고 받을수 있는 기술임!전체를 새로고침 또는 로딩을 하지 않고 일부분만 새로고침 할수 있는 특징이 있음 AJAX 의 기본원리비동기 통신 - 서버에 요청을 보낸 후 응답을 기다리지 않고 다른 작업을 계속 할수 있음부분 업데이트 - 웹페이지의 일부분만 새로고침이때 서로 데이터를 주고받을때 주로 사용하는것 두가지 fetch, axiosaxios 는 라이브러리! 설치해야 사용가능 AJAX 리액트에서 작동방식1. 서버에 요청 전송 2. 데이터 수신3. 화면 일부 업데이트 주요 사용하는 곳 3가지1. 컴포넌트 초기화 시 데이터 불러오기2. 사용자 이벤트 처리 (좋아요, 댓글 작성 등등)3. 주기적 데이터 갱신 (실시간 차트, 채팅 메세지 자동 새로고침 등등) 여러 API .. 2025. 2. 2. 이전 1 2 3 4 5 ··· 16 다음
