자바스크립트 숨겨진 기능 Shadow DOM 활용법

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ส.ค. 2024

ความคิดเห็น • 51

  • @qoophon3790
    @qoophon3790 2 ปีที่แล้ว +26

    진짜 유튜브 간단 강좌 중에서 알려주는 방식이라던지 딕션이라던지 타의 추종을 불허하는 것 같습니다.....너무 개성넘치시네요 너무 재밌습니다.
    유튜브 번창하시고 하시는 코딩 한줄한줄마다 버그 없길 기원합니다....!

    • @user-fw1cc1ew2r
      @user-fw1cc1ew2r 8 หลายเดือนก่อน +1

      최고의 칭찬이다 진짜..

  • @pcyworld
    @pcyworld 2 ปีที่แล้ว +3

    처음본 기능이에요..신기하네요..감사합니다.

  • @andrewkim9873
    @andrewkim9873 2 ปีที่แล้ว +10

    저번 영상부터 이런 레거시 웹 개발 정보 쉽게 설명해주셔서 감사합니다. 요즘 신 기술, 프레임워크가 쏟아져 나오면서 숙련자 아니면 여간 따라가기 벅차더라구요 이런 웹 오브젝트 기본 원리 알고 프레임워크 배우는게 좋다고 생각됩니다

  • @user-ti1kc7qk3n
    @user-ti1kc7qk3n 2 ปีที่แล้ว +1

    고맙습니다. shadow-root가 궁금해서 찾아봤는데 설명이 잘 되어 있네요.

  • @DK-zw9yy
    @DK-zw9yy 2 ปีที่แล้ว +2

    개꿀! 바로 적용해봐야겠네요 , 감사합니다.

  • @yeol4045
    @yeol4045 2 ปีที่แล้ว

    영상이 너무 찰집니다 ㅋㅋ 시간가는줄 모르고 봤네요 감사합니다 ㅋㅋㅋ

  • @user-fk6wu2no1s
    @user-fk6wu2no1s 2 ปีที่แล้ว

    안그래도 최근에 흥미있던 파트었는데 엄청 설명을 잘해주시네요

  • @devjung_jay
    @devjung_jay 2 ปีที่แล้ว +4

    왜 지난 영상에서 web components만 설명하시고 끝났나 했더니 빌드업이었군요.
    사정상 virtual Dom형식 프레임워크를 사용할 수 없는 상황에서 모듈방식이 필요할 때 종종 사용하면…
    그래요… 그 망할놈의 사파리만 아니라면 되겠죠

  • @1000sh
    @1000sh 2 ปีที่แล้ว

    ㅋㅋㅋ 이런거 어떻게 알게되셨어요? 매 영상마다 흥미로운 것만 있어서 구독 누르고 갑니다

  • @user-lg9gq5df4b
    @user-lg9gq5df4b 2 ปีที่แล้ว +2

    web component만 보고 코드가 innerHtml로 들어가서 많이 더러웠는데 template까지 완결성이 있는 기술이었군요.

  • @dalidaganumerzer
    @dalidaganumerzer 2 ปีที่แล้ว +2

    이야 간지용으로 잘 얻어갑니다.

  • @satang500
    @satang500 2 ปีที่แล้ว

    빠르게 개념 잡는데 정말 최고네요. 제가 찾아 헤매던 스타일의 강좌입니다. 구독했습니다. 앞으로도 좋은 강좌 부탁드립니다.

    • @codingapple
      @codingapple  2 ปีที่แล้ว +2

      이제안함니다

  • @poodlehye-ja9000
    @poodlehye-ja9000 2 ปีที่แล้ว +2

    1:42 ㅋㅋㅋ

  • @motiveko280
    @motiveko280 2 ปีที่แล้ว

    감사합니다!!!!

  • @user-bu2qd2dd1c
    @user-bu2qd2dd1c 2 ปีที่แล้ว

    사랑합니다 진심으로

  • @user-jw6ud1ks3u
    @user-jw6ud1ks3u 2 ปีที่แล้ว

    발성 진짜 유니크하다

  • @user-ic5ji5gi9p
    @user-ic5ji5gi9p 2 ปีที่แล้ว

    대박 !

  • @deluxetaxi-dogikim
    @deluxetaxi-dogikim 2 ปีที่แล้ว

    감사합니다

  • @hbsp
    @hbsp 2 ปีที่แล้ว

    ㅋㅋㅋㅋ 간지나서 하는거에요~

  • @wtfKimchiman
    @wtfKimchiman 2 ปีที่แล้ว

    감사합니당

  • @g-the-justice
    @g-the-justice 2 ปีที่แล้ว +1

    간지는 그 무엇보다 중요하지 음음음

  • @hyeok465
    @hyeok465 2 ปีที่แล้ว

    오 저걸 이용해서 리액트에서 쓰이는 컴퍼넌트같은걸 만들어낼 수도 있겠네요

    • @hyeok465
      @hyeok465 2 ปีที่แล้ว

      아 영상 중간에 말씀하시는구나ㅋㅋ

  • @user-ql1er9dm7i
    @user-ql1er9dm7i 2 ปีที่แล้ว +2

    웹 브라우저나 어플리케이션 관점에서 쉐도우 돔을 쓰던, 안쓰던 성능이나 기능에 이점이나 제한은 없나요? 굳이 왜 써야 하는 지 잘 모르겠어서요.

    • @Nn-yj3bh
      @Nn-yj3bh 2 ปีที่แล้ว

      코드 재사용성때문이지 않을까요

    • @codingapple
      @codingapple  2 ปีที่แล้ว +8

      (간지)

  • @jongmyung
    @jongmyung 2 ปีที่แล้ว +1

    이형 대기업될거같애

  • @The21day
    @The21day 2 ปีที่แล้ว

    다른게 아니고요 화면 왼쪽 상단의 특정위치에 마우스 좌나 우클릭 하면 되게 해주는 자바소스는 어찌 되나요 ?
    업무용 프로그램인데 거기 네모박스에 클릭하고 숫자 입력해야 하는데 마우스가 자동으로 가게 하고 싶어서요.

    • @qudtlszzz
      @qudtlszzz 2 ปีที่แล้ว

      마우스보단 특정 키 입력시 focus 가게 하는게 더 좋을거 같네요

  • @hahukoko
    @hahukoko 2 ปีที่แล้ว

    혹시 innerHTML을 사용할때 보안 이슈가 발생하지는 않나요?

  • @user-uy7yu2dm8w
    @user-uy7yu2dm8w 2 ปีที่แล้ว +2

    심연에서 왔도다

  • @videos-gamer9
    @videos-gamer9 2 ปีที่แล้ว

    간지는 못참지

  • @The21day
    @The21day 2 ปีที่แล้ว

    화면 새로고침 하고 첫번째 텍스트 입력란에 커서가 자동으로 이동해서 입력 대기 상태가 되도록 할려면 어찌해야 되나요 ?

    • @user-oi7pg1rw2n
      @user-oi7pg1rw2n 2 ปีที่แล้ว

      리액트 쓰신다면 인풋 useRef로 잡아서 focus 해주시면 되고 바닐라로 하시면 비슷하게 해당 엘리먼트 잡아서 focus 주시면 돼요

  • @jinhanchang
    @jinhanchang 2 ปีที่แล้ว +3

    VUE써야겠다

  • @실험맨
    @실험맨 2 ปีที่แล้ว

    👍

  • @exoluse8568
    @exoluse8568 2 ปีที่แล้ว

    결론 : 리액트를 쓰자

  • @josephpark9604
    @josephpark9604 ปีที่แล้ว

    Template 설명해 주셨는데 Slot이 없는 것이 아쉽네요. slot 태그는 Shadow DOM과 template, 이 둘과는 때놓을 수 없는데 아쉽네요

  • @greg7987
    @greg7987 2 ปีที่แล้ว

    결론: 라이브러리를 쓰자

  • @user-bw9fz4po6c
    @user-bw9fz4po6c 2 ปีที่แล้ว

    Templet사용시 id같은 매번 변경해야 하는 내용이 있다면 어떻게 적용시킬수 있을까요??

    • @codingapple
      @codingapple  2 ปีที่แล้ว +1

      class 안에서 셀렉터로찾아서 조작하면 됩니다

  • @NanaBand
    @NanaBand 2 ปีที่แล้ว

    혹시 유료 인강 오픈한게있나요? 구매하고 싶습니다.

  • @user-qs5dw9gw2t
    @user-qs5dw9gw2t 2 ปีที่แล้ว +4

    아 only 간지용이면 무조건 써야지ㅋㅋ

  • @altcmd1573
    @altcmd1573 2 ปีที่แล้ว

    😃

  • @greeenfrog
    @greeenfrog 2 ปีที่แล้ว

    모르도르 적절ㅋㅋㅋㅋ

  • @BIN9990
    @BIN9990 2 ปีที่แล้ว

    찍먹하기 딱좋습니다 감사합니다