fix(fe): javascript part

skkuding · Mar 24, 2024 · e4ad8a1 · e4ad8a1
1 parent a19f768
commit e4ad8a1
Showing 1 changed file with 3 additions and 3 deletions.
diff --git 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`을 이용해서 표시해보세요.