개발자의 끄적끄적

[html/css] html select option 비활성화 하는 방법  html select 태그를 이용하다보면 특정 선택값이 선택되지 않게 막아야 하는, 즉 비활성화 처리를 해야하는 경우가 있습니다! 그럴때는 아래처럼 disabled 를 이용하시면 됩니다!  Option 1 Option 2 (Disabled) Option 3 참고들 하세요!

[html/css] css span div 가운데 정렬 방법  css 에서 div 안에 있는 span 태그를 가운데 정렬해야되는 경우가 있습니다. float 나 align 으로는 정렬이 안되는 경우가 많은데요! 그럴때는 span 을 감싸고 있는 div 클래스에 아래와 같은 속성을 추가해주시면 됩니다! .abc { justify-content: center;}  참고들 하세요!

[html/tags] html error cache miss 에러 해결방법 html 코딩으로만 이루어진 페이지를 작업하다보면 ERROR_CACHE_MISS 오류가 종종 발생하고는 합니다! 위와 같은 오류가 발생하면 상단 head 태그 안에 아래 내용을 추가해주시면 됩니다! 참고들 하세요!

[javascript/function] 자바스크립트 html 색상표 랜덤 생성 방법 javascript 에서 html 색상코드를 랜던으로 설정해야 하는 경우가 종종 있습니다! 그럴때는 아래 함수를 활용하시면 됩니다! 참고들 하세요! function make_color_code() { var color = Math.floor(Math.random()*16777215).toString(16); return "#"+color; }

[html/tag] html 윗첨자 / 아래첨자 표기 방법 html 퍼블리싱을 진행하거나, 텍스트를 수정하다보면 윗첨자 혹은 아래첨자로 표기해야 하는 경우가 종종 있습니다! 그럴때는 아래나와있는 내용처럼 sup / sub 태그를 각각 사용하시면 됩니다. 1. 윗첨자 태그 sup 이건위첨자 2. 아래첨자 태그 sub 이건아래첨자 각각 의 태그를 위와같이 사용하시면 됩니다! 참고들 하세요! 참고 url : https://hianna.tistory.com/295 [HTML] 위첨자, 아래첨자 표현하기 HTML에서 위첨자, 아래첨자 표현하기 위첨자란 보통크기의 글씨 위에 작게 쓴 글씨를 말한다.아래첨자란 보통크기의 글씨 아래에 작게 쓴 글씨를 말한다. 주로 수학식이나 화학기호를 표현하거 hianna.tistor..

[html/css] p 태그 정렬하는 방법 (왼쪽/오른쪽/가운데) 웹사이트를 개발하다보면, P 태그를 사용하는 경우가 많은데요! p 태그를 정렬해야하는데 style 속성을 추가하면 적용되지 않아서 헤매신적이 있으실겁니다! p 태그 정렬하는 방법을 공유할테니 참고들 하세요! 1. 오른쪽 정렬 테스트 2. 왼쪽 정렬 테스트 3. 가운데 테스트 참고들 하세요!

[html/css] html form enctype 종류와 의미 html 태그중 form 태그를 사용해서 POST 방식으로 데이터를 전송하고자 할때 ecntype 라는 것을 사용할 수 있는데요! 이 ecntype 속성은 서버로 데이터가 넘어갈때 데이터가 인코딩되는 방법을 명시하는 속성입니다! 속성은 아래와 같이 총 3가지가 있습니다! 값 설명 application/x-www-form-urlencoded 기본값이고, 모든 데이터는 서버로 보내기 전에 인코딩 됨을 명시합니다. multipart/form-data 모든 문자를 인코딩하지 않음을 명시합니다. 주로 파일이나 이미지를 서버로 전송할 때 주로 사용함. text/plain 공백 문자(space)는 "+" 기호로 변환하지만 나머지 문자는 모두 인코딩되지 ..

[html/css] css로 당겨서 새로고침 막는 방법 모바일 페이지를 작업하다보면 아래로 당겨서 현재 페이지가 새로고침 되는 부분을 막아야 하는 경우가 있습니다. 그럴때는 아래 css 를 추가하시면 됩니다! html, body{ overscroll-behavior: contain; } 참고들 하세요!