The HamSter Developer

  • 홈
  • 태그
  • 방명록

JavaScript/Dom 1

0. CSR, JS로 클라이언트 사이드 렌더링 하기

1. JS에서 특정 Elem을 지정하기자주 사용하는 방법은 크게 3가지가 있다.ID로 찾기, Elem으로 찾기, querySelector을 사용하기여기서 querySelector은 거의 만능인데, a 태그에서 특정 href를 가진 Elem을 반환받고 싶으면 아래처럼 사용해도 된다.const Elem = document.querySelector(`[href="${id}"]`) // 클래스를 찾으려면 .classname 아이디를 찾으려면 #idname 처럼 . # 을 붙여주면 된다.//아무것도 붙이지 않으면 tagName을 찾는데, 가장 큰 예시로 body를 넣어 사용해보자다만 단점은 CSR은 사용자의 성능에 따라 영향을 받아서 잘 사용하지 않는 방법인데, querySelector은 HTML을 거의 다 뒤져..

JavaScript/Dom 2024.09.11
이전
1
다음
더보기
프로필사진

The HamSter Developer

시간이 지나 잊어버릴 만한 것들만 적어놓는 블로그

  • 분류 전체보기 (89)
    • TDD 공식문서 정리 (1)
      • 글로벌 함수 (1)
    • Nest.js 공식문서 정리 (5)
    • git (9)
      • gitCommand (9)
    • OpenAPI (11)
      • OAuth 2.0 (3)
      • NaverMap (4)
      • OpenAI (4)
    • TypeScript (4)
    • Framework (24)
      • Express (6)
      • tailwindCss (2)
      • Next.js (7)
      • Nest.js (9)
    • Librarys (13)
      • Socket.io (2)
      • React (11)
    • 배포_관련 (3)
      • SEO (1)
      • AWS (2)
    • HTML5 (5)
    • JavaScript (14)
      • Basic (9)
      • Core API (3)
      • Ajax (1)
      • Dom (1)

Tag

JavaScript, OpenAI, study, tailwindcss, react, 나만의 ai, Nest, Git, NaverMap, HTML, NEXT, Nest.js, JS, aws, typescript, OAuth, web, element, Next.js, Express,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Copyright © Kakao Corp. All rights reserved.

티스토리툴바