뭘 해야하나

고정 헤더 영역

글 제목

메뉴 레이어

뭘 해야하나

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (204)
    • centos7 (7)
    • 프로그래밍 (68)
      • linux (29)
    • network (5)
    • mysql (44)
    • php (45)
    • css (4)
    • script (13)
    • nodejs (2)

검색 레이어

뭘 해야하나

검색 영역

컨텐츠 검색

HTML

  • JS innerHTML textContent 차이는?

    2023.06.15 by 2hansoul

  • [JS] 버튼누르면 헥사코드색상으로 변경 하기

    2022.06.15 by 2hansoul

  • [css] css 이미지에 마우스 올리면 이미지 확대

    2022.04.12 by 2hansoul

  • imagemap 생성하기 /활용

    2022.03.03 by 2hansoul

  • ?var = '날짜' img 이미지 적용하기 정적 컨텐츠

    2022.02.10 by 2hansoul

  • 회원가입 이용약관 만들기

    2022.02.03 by 2hansoul

  • javascript 쿽메뉴 만들기(쿽배너)

    2022.01.26 by 2hansoul

  • javascript 3자리 수 마다 콤마 찍기

    2022.01.21 by 2hansoul

JS innerHTML textContent 차이는?

둘 다 텍스트로 취급하여 출력 되는 거는 동일 하다 innerHTML: 요소의 내용을 설정하거나 반환하는 데 사용됩니다. HTML 문자열을 사용하여 요소의 내용을 변경할 수 있습니다. 요소 내의 HTML 태그를 포함한 모든 내용을 수정할 수 있습니다. 문자열을 HTML로 해석하고 해당 내용을 요소에 삽입합니다. 주의해야 할 점은 innerHTML을 사용할 때, HTML 문자열에 악의적인 스크립트가 포함될 수 있으므로 신뢰할 수 없는 데이터에 직접 사용하는 것은 보안상 위험할 수 있습니다. textContent: 요소의 텍스트 콘텐츠를 설정하거나 반환하는 데 사용됩니다. HTML 태그를 문자 그대로 처리하지 않고 텍스트로 취급합니다. HTML 태그를 텍스트로 출력하고 싶을 때는 등의 특수 문자를 이스케이프..

script 2023. 6. 15. 19:57

[JS] 버튼누르면 헥사코드색상으로 변경 하기

간단한 js 예제 function myText(x) { var x = document.getElementById("color").value; //console.log(x); document.getElementById('textColor').style.color =x; } function myBackground(x) { var x = document.getElementById('color1').value; console.log(x); document.getElementById('bgColor').style.backgroundColor= x; } (3) Select Text Color : Select Background Color : 헥사코드를 누를 시 색상을 그거에 맞게 변경 할수 있다

카테고리 없음 2022. 6. 15. 19:02

[css] css 이미지에 마우스 올리면 이미지 확대

이미지에 마우스 올리면 확대 마우스를 올려보세요

css 2022. 4. 12. 18:08

imagemap 생성하기 /활용

이미지맵이란? 한 이미지에 여러가지 링크를 걸어준다 직접 작성도 가능하지만 여러개에 이미지에 일일이 링크를 걸어주면 되게 복잡해지고 용량도 많이 차기 하기 때문에 하나의 큰 이미지틀에 여러개에 링크를 걸어서 사용한다 http://maschek.hu/imagemap/imgmap/ 파일 선택을 누르고 이미지를 upload 하고 accept를 클릭 이미지 맵 쓸 부분을 표시 해주고 href="링크주소" 입력해준다 코드작성 처음에 나무부분에 링크를 걸었기 때문에 그 부분 클릭시 해당 링크로 이동한다 사실 하나버튼을 위해서 이미지맵을 쓰는 경우는 거의 없고 네이버 홈페이지를 예를 들어 여러개의 버튼에 링크를 줄수 있다 동일하게 입력 해주고 밑에 코드를 작성 해준다 네이버로그 클릭시 네이버로 이동하게 설정 2번째는..

php 2022. 3. 3. 18:58

?var = '날짜' img 이미지 적용하기 정적 컨텐츠

사용자(client)가 웹 사이트(server)에 접속할 때, 정적 컨텐츠(이미지, JS, CSS 등)를 특정 위치(client, network 등)에 저장하여, 웹 사이트 서버에 해당 컨텐츠를 매번 요청하여 받는것이 아니라, 특정 위치에서 불러옴으로써 사이트 응답시간을 줄이고, 서버 트래픽 감소 효과를 볼 수 있다 A: var 로 정해주면서 정적컨텐츠인 이미지를 특정 위치에 저장하게 된다 그러면 캐쉬가 새롭게 이미지를 가지고 오고 응답시간을 줄이고 트래픽을 감소 시킬수 있다

script 2022. 2. 10. 17:12

회원가입 이용약관 만들기

회원가입 서비스 이용약관(필수) 네이버 서비스 이용계약이 해지되면, 관련 법령 및 개인정보처리방침에 따라 네이버가 해당 회원의 정보를 보유할 수 있는 경우를 제외하고, 해당 회원 계정에 부속된 게시물 일체를 포함한 회원의 모든 데이터는 소멸됨과 동시에 복구할 수 없게 됩니다. 다만, 이 경우에도 다른 회원이 별도로 담아갔거나 스크랩한 게시물과 공용 게시판에 등록한 댓글 등의 게시물은 삭제되지 않으므로 반드시 해지 신청 이전에 삭제하신 후 탈퇴하시기 바랍니다. 일부 네이버 서비스에는 광고가 포함되어 있습니다. 여러분이 다양한 네이버 서비스를 이용하다 보면 간혹 일부 개별 서비스에 광고가 포함된 경우가 있습니다. 네이버 서비스를 이용하면서 발생할 수 있는 데이터 통신요금은 가입하신 통신사업자와의 이용계약에 ..

php 2022. 2. 3. 20:58

javascript 쿽메뉴 만들기(쿽배너)

top quick menu top top id값으로 잡아두고 quick menu top a 태그로 링크를 걸어주면 제일 위쪽으로 이동이 가능하다

script 2022. 1. 26. 20:28

javascript 3자리 수 마다 콤마 찍기

계산식 출력 onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" 입력한 값을 this.value 검사해서 숫자만 입력 가능하게 해줌 var f = document.electionform; input에 id값만 줘서 잡아도 되지만 폼 하나에 input하나만 거의 넣지 않으니 나중에 생각해서 폼 전체로 잡아줌 var elemuncoma = elemun.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 3자리 마다 ,를 찍어 준다 $('#elemun1-1').html(elemuncoma); p태그 id값 잡아놓은 곳에 출력

script 2022. 1. 21. 22:01

추가 정보

반응형

인기글

최신글

페이징

이전
1 2
다음
TISTORY
뭘 해야하나 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바