개발자의 끄적끄적

[html/css] html button click submit issue / html 버튼 클릭시 새로고침 현상 해결방법 html 에서 버튼태그를 사용하다보면 갑자기 버튼을 누르면 새로고침 혹은 다른 url 로 이동되는 현상이 생기곤 합니다! 대부분 버튼의 타입을 button 으로 설정해주지 않아서 발생되는 문제입니다! 우선 예를들어 아래와 같은 버튼태그가 있다고 가정하고, Test 이 아래와 같이 버튼을 form 태그 안에 위치하게 하면 버튼을 클릭시 마다 새로고침 혹은 다른 url 로 이동되게 됩니다! ... Test 그럴대는 아래 나온 내용처럼, 버튼에 type 을 button 으로 설정해주시면 됩니다! 속성값이 없으면 기본적으로 submit 속성이 동작해서 새로고침되는 현상이 발생되게 됩니다! ..

[개발/참고] pdf to html 변환해주는 사이트 이번에는 pdf 파일을 html 로 변환하는 사이트를 공유하고자 합니다! 100프로 완전하게 되는건 아니지만, 유용하게 사용할 수 있을듯 해서 공유해봅니다! 아래 링크가셔서 pdf 파일들 업로드 해보시면, html 로 변환된 파일이 다운로드 되게 됩니다! 참고들 하세요! Pdf to Html 변환 사이트 : https://www.sodapdf.com/ko/pdf-to-html/ PDF-HTML 변환기 - PDF를 HTML로 온라인으로 변환 PDF를 HTML 파일로 무료로 간편하게 변환하십시오. 설치 및 등록이 필요없습니다. www.sodapdf.com

[html/css] Color Palettes for Designers and Artists / css 색상표 사이트 html 과 css 를 다루다보면 color code 를 찾는 경우가 많이 있습니다! 그중에서 색상 별 비교 및 정리가 잘되어 있는 사이트가 있어서 공유하고자 합니다! 각종 색상에서 원하는 색상을 자유자재로 고르는 사이트도 있지만! 많이쓰이는 색상을 색감별로 분류가 잘되어 있는거 같아서 참고하시면 많은 도움이 되실듯 합니다! 아래 링크 들어가셔서 확인해보시면 됩니다! Color Palettes for Designers and Artists : https://colorhunt.co/ Color Palettes for Designers and Artists - Color Hunt Discov..

[html/css] css text strike example / css 텍스트 취소선 표시 방법 html 에서 아래 이미지와 같이 텍스트 가운데 취소선을 추가하고 싶은 경우가 있습니다! 그럴때는 아래 css 를 해당 태그에 추가해주시면 됩니다! text-decoration: line-through; 참고들 하세요!

[html/css] css hypens example / css 하이픈 표시 방법 css 에서 줄바뀜이 될때 하이픈(-) 이 표시되도록 하고 싶은 경우가 있습니다. 그럴때는 해당 태그에 아래 옵션을 추가하시면 됩니다! hyphens: auto; 참고들 하세요!

[html/css] html input onsearch event example input onsearch 이벤트 예제 html 에서 input 태그를 사용하다보면 태그에 내용 입력시 x 버튼이 활성화되고 x 버튼 클릭시 입력되었던 내용을 사라지게 처리하곤 합니다. 그중에서 실제 서버와 검색을 연동하다보면 x 버튼 클릭시에도 이벤트를 받아서 원래 초기 목록을 가져와야 하는 경우가 종종 있습니다. 그럴때는 아래와 같이 onsearch 이벤트를 이용하시면 됩니다! 참고들 하세요!

[html/css] html5 텍스트 요소들 종류와 사용법 [링크] html 을 이용하여 퍼블리싱을 할때 많은 텍스트 관련 요소들을 사용합니다. 아래 나와있는 내용은 텍스트 요소들 목록입니다. a : 링크 em : 강조 strong : 중요성 small : 세목 cite : 출저 q : 인용문 dfn : 정의어 abbr : 약어 time : 날짜와 시간 code : 프로그램 언어 sub : 아랫첨자 sup : 윗첨자 i : 이텔릭체 b : 굵은 글씨 ins : 밑줄 del : 수정 텍스트 가운데 줄 mark : 하이라이트 ruby : 루비 문자 선언 rt : 루비 문자 텍스트 rp : 루비 미지원 브라우저 출력 태그 s : 관련이 없어짐 표현 u : 고유명사 철자 표현 위 목록들을 참고해서 텍스트 관련 ..

[html/css] html 그룹화 요소 정리 사이트 [링크] html 을 이용해서 퍼블리싱을 하다보면 그룹화 요소들을 이해하고 있어야 합니다. 아래 내용을 참고해서 그룹화 요소를 이해하시면 됩니다. p : 문단 hr : 주제변경 ul : 목록 ol : 순서가 있는 목록 dl : 목록 관련 내용 div : 블록 그룹핑 br : 강제 줄바꿈 위에 적어놓은 요소 뿐만 아니라 사용법 예시까지 잘정리되어 있는 사이트가 있어서 요소만 참고한것이니 아래 링크 들어가셔서 참고하시면 많은 도움이 되실듯 합니다! 참고들 하세요! html 그룹화 요소 정리 사이트 : https://slreference.tistory.com/87?category=630747 [HTML5] 2. 그룹화 요소 그룹화 요소 p : 문단 hr :..