Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[39장] DOM - 2 #35

Merged
merged 3 commits into from
Sep 5, 2023
Merged

[39장] DOM - 2 #35

merged 3 commits into from
Sep 5, 2023

Conversation

hyoribogo
Copy link
Member

[39장] DOM - 2 #34

노션 링크

영준님 파일명에 포함된 공백으로 인해 clone 에러가 나서 이름을 변경할 수밖에 없었습니다 ..😅

@hyoribogo hyoribogo self-assigned this Aug 30, 2023
@dudwns
Copy link
Member

dudwns commented Aug 30, 2023

혜수님 퀴즈

<!DOCTYPE html>
<body>
  <ul id = "JSStudy"></ul>
</body>
<script>
  const $JSStudy = document.getElementById('JSStudy');

  const $container = document.createDocumentFragment();

  const people = ['건우','종현','영준','효리','승희','혜수','주연'];

  people.map(name => {
    const $li = document.createElement('li');
    const textNode = document.createTextNode(name);

    $li.appendChild(textNode);
    $container.appendChild($li);
  })

  $JSStudy.appendChild($container);
</script>
</html>

건우님 퀴즈

  1. x
  2. o

종현님 퀴즈

frong
backdung


주연님 퀴즈

에러 발생
insertBefore의 두 번째 인자는 insertBefore 메서드를 호출한 요소의 자식이어야 한다.


승희님 퀴즈

  1. window.getComputedStyle($box, ‘:before’)
  2. 100px, 200px
  3. block

@jonghyunlee95
Copy link
Collaborator

혜수님 문제

const $container = document.createDocumentFragment();

건우님 문제

  1. X
  2. O

영준님 문제

  1. X
  2. O
  3. X

주연님 문제

Exception 에러

승희님 문제

  1. 100px 200px
  2. block

@eeseung
Copy link
Collaborator

eeseung commented Aug 30, 2023

혜수님 퀴즈

const $container = document.createDocumentFragment();

건우님 퀴즈

  1. X
  2. O

영준님 퀴즈

  1. X
  2. O
  3. X

종현님 퀴즈
frong
backdung

주연님 퀴즈
에러

@suehdn
Copy link
Collaborator

suehdn commented Aug 30, 2023

건우님

  1. X
  2. O

영준님

  1. X
  2. O
  3. X

종현님

frong, backdung

주연님

에러

승희님

(1) window.getComputedStyle($box,':before');
(2) 100px 200px
(3) frong

@juyeon-park
Copy link
Member

혜수님 퀴즈

const $container = document.createDocumentFragment();

건우님 퀴즈

xo

영준님 퀴즈

xoo

종현님 퀴즈

frong
backdung

승희님 퀴즈

  1. window.getComputedStyle($box, ':before')
  2. 100px 200px
  3. block

@ghost
Copy link

ghost commented Aug 30, 2023

혜수님

<!DOCTYPE html>
<body>
  <ul id = "JSStudy"></ul>
</body>
<script>
  const $JSStudy = document.getElementById('JSStudy');

  const $container = document.createFragmentElement();

  const people = ['건우','종현','영준','효리','승희','혜수','주연'];

  people.map(name => {
    const $li = document.createElement('li');
    const textNode = document.createTextNode(name);

    $li.appendChild(textNode);
    $container.appendChild($li);
  })

  $JSStudy.appendChild($container);
</script>
</html>

영준님

  1. X
  2. X
  3. O

종현님

ai-backdung-frong


주연님

  • 짜장면
  • 짬뽕
  • 콜라
  • 짜장면
  • 맥주

승희님

(1): window.getComputedStyle($box, ':before')
(2): 100 200
(3): block

@hyoribogo
Copy link
Member Author

혜수님 퀴즈

<!DOCTYPE html>
<body>
  <ul id = "JSStudy"></ul>
</body>
<script>
  const $JSStudy = document.getElementById('JSStudy');

  const $fragment = document.createDocumentFragment()

  const people = ['건우','종현','영준','효리','승희','혜수','주연'];

  people.map(name => {
    const $li = document.createElement('li');
    const textNode = document.createTextNode(name);

    $li.appendChild(textNode);
    $fragment.appendChild($li);
  })

  $JSStudy.appendChild($fragment);
</script>
</html>

건우님 퀴즈

  1. X
  2. O

영준님 퀴즈

  1. X
  2. X
  3. X

종현님 퀴즈

frong
backdung

주연님 퀴즈

짜장면
짬뽕

콜라
탕수육
맥주
(헉 방심했다)

승희님 퀴즈

(1) window.getComputedStyle($box, ':before')
(2) 100, 200
(3) block

@juyeon-park juyeon-park merged commit a3ec0b0 into main Sep 5, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants