본문 바로가기

javascript18

[JS] 자바스크립트로 비밀번호 암호화 하기 👉 SHA-256 💡 SHA-256 'SHA-256'은 Secure Hash Algorithm 256-bit의 줄임말로, 암호학적 해시 함수 중 하나다. 해시 함수는 임의의 크기를 가진 데이터를 고정된 크기의 해시 값으로 변환하는 함수다. SHA-256은 256비트(32바이트) 길이의 해시 값을 생성하며, 주로 데이터 무결성 검증, 메시디 인증 코드(MAC) 생성, 비밀번호 저장 등 다양한 보안 관련 작업에 사용된다. SHA-256은 입력 데이터의 작은 변화에도 큰 차이를 만들어내기 때문에 데이터의 무결성을 확인하는 데 유용하다. SHA-256은 일방향 해시 함수이므로, 해시 값을 통해 원래 데이터를 복원할 수는 없다. 따라서 주로 비밀번호의 안전한 저장과 비교, 파일의 무결성 검사 등에 활용된다. 출처: CHAT-gpt.. 2023. 6. 29.
[JavaScript] Ajax 💡 Ajax 웹브라우저는 대단히 정적인 시스템이었다. 내용이 바뀌면 페이지 새로고침을 해서 내용을 새롭게 변경해야 했다. 이것은 웹이 전자 문서를 염두에 두고 고안된 시스템이기 때문에 당연하게 생각되었다. 그러다 Ajax 개념이 도입되면서 모든 것이 바뀌었다. Ajax는 웹브라우저와 웹서버가 내부적으로 데이터 통신을 하게 된다. 그리고 변경된 결과를 웹페이지에 프로그래밍적으로 반영함으로써 웹페이지의 로딩 없이 서비스를 사용할 수 있게 한다. Ajax는 근대적인 웹과 이전의 웹을 구분하는 아주 중요한 기준점 하나다. Ajax는 Asynchronous JavaScript and XML의 약자다. 한국어로는 비동기적 자바스크립트와 XML 정도로 직역할 수 있는데 자바스크립트를 이용해서 비동기적으로 서버와 브라.. 2023. 6. 15.
[JavaScript] Spread operator I can use spread operator when I use object. We use same object-key sometimes. This operator can reduce repeat. For example, First, I made 'cookie' object. const cookie = { base: "cookie", madeIn: "korea" } and second, I made another object. const cookie = { base: "cookie", madeIn: "korea" } const chocochipCookie = { base: "cookie", madeIn: "korea", topping: "chocochip" } You know. Key 'base' an.. 2023. 1. 17.
[JavaScript] 챗봇 내 스크롤링 기능 on/off K사의 챗봇에는 2가지가 있다. K사의 기본 챗봇과 고객사의 요청이 있을 시, 고객사의 홈페이지에 맞게 커스터마이징 해서 사용할 수 있는 챗봇. 기본 챗봇은 어차피 톡 내에서 사용이 되기 때문에 크게 신경 쓸 것은 없다. 하지만 커스터마이징 해서 사용하는 챗봇의 경우에는 고객사의 요구에 맞게 수정되어야 할 부분들이 몇 가지 있다. 크게 어려운 부분들은 아니겠지만, 그럼에도 실제 프로젝트에서 역할을 맡아 해보니 확실히 이론으로 배우기만 하는 것보다는 얻는 게 많다고 생각했다. 개발자에게 필요한 것 중에 하나가 구글링이라고 하던데, 이번 기회를 통해 열심히 구글링을 하며 찾아낸 자료를 실제 코드 안에 삽입하기도 했다. 그 기회를 통해 "아! 이렇게 하면 되는구나!"라는 걸 살짝 맛 본(?) 것 같다. 완전히.. 2022. 12. 27.
[자바스크립트] localstorage 로컬스트리지 쓰기 읽기 제거 쓰기 localStorage.setItem("username","nana") 읽기 localStorage.getItem("username") 제거 localStorage.removeItem("username") key 값을 여러 곳에서 사용 시에는 변수로 만들어서 활용함. 오타를 줄이는 방법임. // 변수 활용 전 localStorage.setItem("username","nana") // 변수 활용 후 const USERNAME_KEY = "username"; // 변수명은 대문자로 씀 localStorage.setItem(USERNAME_KEY,"nana") 2022. 12. 5.
[자바스크립트] JavaScript typeOf 타입 확인 typeOf 사용 let test = 12345; test = test.toString() console.log(typeof(test)) toString()을 이용해서 숫자를 문자열로 변경. 그리고 typeof()를 사용해서 변경된 타입 확인할 수 있음. 2022. 11. 15.