코드의 오아시스

내 정보를 저장하는 곳에는 쿠키, 세션이 있다.쿠키는 클라이언트 웹에 저장하는 방식이고 세션은 서버 안에 저장하는 방식이다. 그리고 요즘에는 jwt라고 Json Web Token 이라고 내 정보를 암호화하여서 쿠키로 내려주는 방식으로 정보를 보호한다.그래서 Token을 사용하여 쿠키를 이용하므로 이번엔 쿠키에 대해서 잘 배워보기 위해서 이 글을 작성하게 되었습니다.     Cookie의 개념 Cookie는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 자동으로 함께 전송합니다.HTTP의 특징인 stateless의 단점으로 생겨 났기 때문에 쿠키로 인해 사용자의 로그인 상태를 유지시킬 수 있습니다...

자바스크립트는 무엇인가 3살짜리 아기 같은 되게 예민한 아이 같다 ㅠㅠ 아래처럼 막 다를 것 같은데 하면 같고 같은데 하면 다르고~ 뭔가 이상하다...... JAVA는 그냥 꼰대 상남자 같은데 이번엔 자바스크립트의 null처리 undefiend를 처리하는 방법과 형변환에 대해서 알아보도록 하겠습니다. 자바스크립트 타입 자바스크립트의 특징 자바스크립트는 동적 타이핑 언어로, 변수의 타입이 런타임에 결정됩니다. let a = 'aoxx'; a = 100; console.log(a); // 출력 // 100 위에 코드와 같이 a 라는 변수에 문자열 aoxx를 할당하였다. 그리고 100이라는 숫자를 재할당하였고 console창에 a에 할당된 값을 출력해 보았다. 그런데 a 라는 변수는 자바와는 다르게 Strin..

유효성 검사를 할 때 계속 검색하여 알아보고 사용하는 것보다는 내가 블로그를 정리하여 내가 모를 때 찾아보거나 지금 이 포스팅으로 인해 정규표현식을 익힐라고 작성하게 되었습니다. 빠르게 사용할 수 있는 자주 사용하는 패턴들도 작성하게 되었으니 필요할 때마다 사용하면 좋겠습니다. 정규표현식을 사용하는 이유 문자열 일치 및 검색하기 위해서 정규표현식은 다양한 패턴을 정의하여 문자열을 더 유연하게 처리할 수 있습니다. 예를 들어, 이메일 주소에서 도메인 이름을 추출하는 작업을 정규표현식을 사용하여 간단하게 수행할 수 있습니다. const email = 'example@gamail.com'; const domainPattern = /@([A-Za-z0-9.-]+)/; const domainName = email..

Ajax와 Fetch 개발을 하면 데이터는 API로 통신하여 데이터를 가져오고 스크립트로 화면에 데이터를 뿌려줍니다. 그 API로 통신할 때는 jQuery를 쓴 Ajax이든 Fetch를 이용하여 비동기로 통신합니다. 이 글을 작성한 이유는 jQuery를 이용한 Ajax 사용과 Fetch 사용법을 익히기 위해 작성하게 되었습니다. Ajax와 Fetch의 장, 단점 특징 목록 Ajax Fetch 특징 ES6 이전부터 사용되었던 비동기적 데이터 교환 기능을 제공한다. ES6에 도입된 JavaScript 내장 API로 비동기적으로 데이터를 교환하는 기능을 제공한다. 장점 1. 비동기 통신 : 웹 페이지에서 서버와 데이터를 교환할 때 페이지의 새로고침 없이 비동기적으로 데이터를 가져올 수 있다. 2. 빠른 응답시..