-
Notifications
You must be signed in to change notification settings - Fork 0
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
KDT5_김동해 #60
base: main
Are you sure you want to change the base?
KDT5_김동해 #60
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
부족한 부분 코멘트 해드렸습니다
} | ||
element.addEventListener('click', () => setCounter(counter + 1)) | ||
setCounter(0) | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이건 왜만드신걸까요?
<head> | ||
<meta charset="UTF-8" /> | ||
<link rel="icon" type="image/svg+xml" | ||
href="data:image/png;base64,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" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
흠... 굳이 이렇게 인코딩한걸 넣은 이유가 있나요?
</div> | ||
` | ||
|
||
setupCounter(document.querySelector('#counter')) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
counter는 주제랑 맞지 않는데 파일로 남겨두신 이유가 있을까요?
const routerView = document.createElement('router-view') | ||
const header = new TheHeader().el | ||
const footer = new TheFooter().el | ||
this.el.append(header, routerView, footer) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
innerHTML을 안쓰고 이렇게 쓰신 이유가 있나요?
this.el.style.backgroundImage = `url(${movie.Poster})` | ||
this.el.innerHTML = /*html*/ ` | ||
<div class="info"> | ||
<div class="type">${movie.Type.toUpperCase()}</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
반대로 또 위에는 append로 써놓고 여기는 INNERHTML을 쓰신것도 이해가 안됩니다
} | ||
}) | ||
} | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이벤트 핸들러 따로 분리해서 파악이 가능하게 해주세요.
</a> | ||
</nav> | ||
` | ||
this.el.classList.add('header') |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
마지막에 header 클래스를 넣으신 이유가 있나요?
// 구독할상태이름: [실행할콜백1, 실행할콜백2] | ||
// movies: [cb, cb, cb], | ||
// message: [cb] | ||
// } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
구독 해제하는건 어딨나요?
@@ -0,0 +1,7 @@ | |||
import App from './App.js' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
한번만 쓰일거라면 싱글턴으로 정의해도 되지않을까요ㅕ?
굳이 재사용할게 아닌데 new 연산자를 쓸 수 있게 하신 이유는 뭘까요?
</a> | ||
</div> | ||
<button class="delete" data-title="${movie.Title}">delete</button> | ||
` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
fragment 노드에 담아서 마지막에 fragment 노드를 append 해주는게 더 좋을 것 같아요
🎬 OMDb API를 활용한 영화 검색 사이트 'MovieMatrix'
배포
MovieMatrix
프리뷰
메인 페이지
기술스택
요구사항
❗ 필수
❔ 선택
기타기능
My Movie (마이 무비)
프로젝트 리뷰
인사이트
자바스크립트를 활용하여 각각의 개별 컴포넌트를 나누고 UI와 기능에 따라 필요한 컴포넌트를 임포트하여 사용하는 방법을 배울 수 있었습니다.
API를 활용하여 서버로부터 필요한 데이터를 요청하고 불러온 데이터를 쓰임에 따라 자바스크립트로 가공 및 활용하는 방법을 배울 수 있었습니다.
라우터를 활용하여 URL에 따라 페이지를 나누고 예외 처리를 통해 404 페이지를 구현하는 방법을 배웠습니다.
스토어 기능을 통해 필요한 데이터를 공통으로 관리하고 각각의 컴포넌트에서 활용하는 방법을 배웠습니다.
문제점
미디어 쿼리 적용 : PC 비율에 맞게 제작된 CSS를 미디어 쿼리를 통해 모바일 레이아웃을 구성하는 과정에서 일부 항목이 제대로 적용되지 않는 문제가 있었습니다. 향후 프로젝트에 미디어 쿼리를 적용할 경우 모바일 레이아웃을 먼저 구현하는 순서로 진행해야 할 것 같습니다!
뒤로가기 버튼 구현 : 영화 상세 페이지에서 이전 화면(검색 페이지)으로 이동하기 위해 '뒤로가기' 버튼을 구현하였으나, 브라우저의 뒤로가기와 같은 기본 방식으로, 이전 페이지가 검색 페이지가 아닐 경우 기능이 제대로 작동하지 않는 문제가 있습니다. (이전 페이지와는 상관 없이 현재 검색 내역 페이지로 이동할 수 있는 방법이 있을까요?)