SOMEDAY/HTML | CSS | JS56 [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. [HTML/CSS] responsive navigation 티스토리에서 제공하는 'HTML블럭' 기능을 사용해봤다! 캡처도 좋지만, 실시간으로 확인할 수 있으니 굿! 'Do ti! 프런트엔드 웹 디자인 입문' 책 보면서 따라했다. 👉 반응형 웹 페이지 HTML 삽입 미리보기할 수 없는 소스 너비가 720 이하일 때는 메뉴가 사라지고, 트리거(햄버거 메뉴)가 생긴다. 실제 웹에서 내 티스토리의 사이즈를 줄여보면 메뉴가 달라지는 걸 볼 수 있다. 일단 따라하면서 jquery로 만들었는데, 추후에 자바스크립트나 부트스트랩을 사용해서 다시 만들어보는 걸로 하겠음. 아 디자인하고, 반응형으로 작동하는 건 보이는데 버튼이 눌리지는 않는다. 그래서 참고하기 위해 이미지는 추가로 올림 index.html HOME ABOUT WEB DESIGN MAP CONTACT MENU s.. 2023. 1. 8. [HTML] meta tag viewport width: 뷰포트의 너비. 기본값 device-width height: 뷰포트의 높이. 기본값 device-height initial-scale: 초기 배율. 기본값 1 1보다 작은 값이면 축소 페이지를, 1보다 큰 값이면 확대 페이지를 표시 user-scalable: 사용자가 페이지를 확대/축소할 수 있는지 여부 지정. 기본값 yes minimum-scale: 확대/축소할 수 있는 최솟값(가로 기준). 기본값 0.25 maximum-scale: 확대/축소할 수 있는 최댓값(가로 기준). 기본값 5.0 minimum-scal와 maximum-scale을 각각 1.0으로 지정하면 user-scaleble 속성을 yes로 해도 사용자가 화면을 확대하거나 축소할 수 없음 target-densityDpi: 고.. 2023. 1. 8. [HTML] form input 💾 Editor: VSCode 고구마 감자 사과 : 큰 input 👉 input에 style 주기 html css input[type="text"] { padding: 10px; font-size: 20px; border: 2px solid black; border-radius: 5px; } input 태그로 하면 모든 input 태그에 스타일이 적용됨. 원하는 타입의 input 태그만 지정하여 스타일을 줄 수 있음 👉 실습 parctice.html contact us Your Email First name Last name Message Subscribe practice.css body { margin: 0px; } div { box-sizing: border-box; } .container { max.. 2023. 1. 6. 이전 1 2 3 4 ··· 10 다음
