웹개발/HTML 4

HTML 이미지에 링크 걸기

기존 배경 이미지 작성 방법: css의 background-image에 링크를 걸고 싶었지만 css에서는 링크를 걸 수 없음! 메인 #이미지에 넣을 때 target="_blank" #새 창에서 열기 링크 밑줄 css text-decoration: none; #선 없음 text-decoration-line: none; #선 없음 text-decoration-line: underline; #밑줄 text-decoration-line: overline; #윗줄 text-decoration-line: line-through; #취소선 text-decoration-color: ; #색 바꾸기 #밑줄 모양 바꾸기 text-decoration-style: solid; text-decoration-style: doub..

웹개발/HTML 2023.03.07

비밀번호 암호화 HASH

DB에 저장하는 비밀번호의 암호화 HASH 함수 Hash 👉 단방향 암호화 기법으로 복호화가 불가능. 임의의 길이를 갖는 비트열을 입력받아, 정해진 길이의 비트열을 반환하는 함수. (양방향 암호화 기법으로는 Encryption이 있다. Encryption은 복호화가 필요한 데이터나 Https처럼 통신(송수신)에 있어 사용될 수 있다.) SHA-256으로 여러 해시 알고리즘을 통해 암호화 테스트를 해볼 수 있다. https://emn178.github.io/online-tools/sha256.html SHA256 Online emn178.github.io MD5, SHA-1, HAS-180은 사용하면 안 되고, SHA-256, 512가 권장된다. 512가 더 보안이 좋다. Hash의 한계 👉 동일한 메시지..

웹개발/HTML 2023.03.07

window location / button onclick

페이지를 이동하기 위한 방법 window location window.location.href = '~' 새 페이지로 이동 - 속성 주소 히스토리가 기록됨 window.location.replace('~') 기존 페이지를 새 페이지로 변경 - 메서드 주소 히스토리가 기록되지 않음 window 함수 정리 EX) https://papago.naver.net/website?locale=ko window.location 👉 https://papago.naver.net/website?locale=ko 현재 페이지의 href(URL) 반환 window.location.href 👉 https://papago.naver.net/website?locale=ko 현재 페이지의 href(URL) 반환 window.locat..

웹개발/HTML 2023.03.06

html _ 클래스(class)와 아이디(id)의 차이

class와 id. 둘 다 불러올 때 쓰는 친구들 같은데 왜 어떨 때는 class를 사용하고, 어떨 땐 id를 사용하는 걸까? 그 차이점을 살펴보자! 클래스(class) 클래스를 불러올 때는 앞에 마침표(.)를 찍어준다. .mypic > h1 { font-size: 30px; } 클래스는 중복 사용 가능 동일한 클래스명을 페이지의 여러 곳에 사용 가능! 한 요소에 여러개의 클래스명이 적용 가능 즉, 여러가지 스타일링을 한꺼번에 적용하거나, 한 페이지에서 반복적으로 사용되는 스타일을 정의할 수 있다. 아이디(id) 아이디(id)를 불러올 때는 앞에 샵(#)을 찍어준다. CSS에서 사용하는 경우는 다음과 같다. #mybutton { color: deeppink; } 또한, 아래는 부트스트랩에서 가져온 라벨인..

웹개발/HTML 2023.03.05