diff --git a/content/docs/frontend/2. JavaScript, DOM.md b/content/docs/frontend/2. JavaScript, DOM.md index 06caece..da4fad3 100644 --- a/content/docs/frontend/2. JavaScript, DOM.md +++ b/content/docs/frontend/2. JavaScript, DOM.md @@ -33,13 +33,13 @@ Javascript는 객체 기반의 스크립트 프로그래밍 언어로 웹 브라 DOM(Document Object Model)은 HTML 문서의 구조를 트리 형태로 다루는 인터페이스에요. 해당 챕터를 배우면 여러분들은 HTML 문서 조작, 이벤트, 브라우저 API 등을 통해 더 다양한 웹 페이지를 만들 수 있어요! -- [Javascript활용 DOM, EVENT](https://www.youtube.com/watch?v=uK6uExrg7Ww&list=PLZKTXPmaJk8JVQv3XSNF8yJMdsxbFrO3S&index=1) - - DOM & EVENT 튜토리얼 영상 - [Javascript.info 튜토리얼](https://ko.javascript.info/) - 파트 2. 브라우저: 문서, 이벤트, 인터페이스 - 1.1 ~ 5.3 - 파트 3. 추가 주제 - 4.2 localStorage +- [Javascript활용 DOM, EVENT](https://www.youtube.com/watch?v=uK6uExrg7Ww&list=PLZKTXPmaJk8JVQv3XSNF8yJMdsxbFrO3S&index=1) + - DOM & EVENT 튜토리얼 영상 - [브라우저 동작원리](https://d2.naver.com/helloworld/59361) - 이번 스터디에서는 필요 없지만, 다음에 읽어보면 좋아요! @@ -80,7 +80,7 @@ DOM(Document Object Model)은 HTML 문서의 구조를 트리 형태로 다루 > 즉 이전에는 1 : 1 (html 파일 : 포켓몬) 관계였다면 이번에는 1 : N 관계에요! -- 디테일 페이지 +- 디테일 페이지 Tip 📌 - 주소를 통해서 어떤 포켓몬을 보여줘야 하는지 알아낼수도 있지만 live server의 redirection 문제로 `localStorage`를 사용했어요! - 위 메인페이지 `addEventListener` 통해 저장한 포켓몬 정보를 `window.localStorage.getItem`을 이용해서 표시해보세요.