{"action":"created","issue":{"url":"https://api.github.com/repos/code-squad/javascript-amazon/issues/11","repository_url":"https://api.github.com/repos/code-squad/javascript-amazon","labels_url":"https://api.github.com/repos/code-squad/javascript-amazon/issues/11/labels{/name}","comments_url":"https://api.github.com/repos/code-squad/javascript-amazon/issues/11/comments","events_url":"https://api.github.com/repos/code-squad/javascript-amazon/issues/11/events","html_url":"https://github.com/code-squad/javascript-amazon/pull/11","id":389572406,"node_id":"MDExOlB1bGxSZXF1ZXN0MjM3NTMyNTc2","number":11,"title":"[Vahn - Step7] Add Mega Dropdown Menu","user":{"login":"Vanary","id":17143014,"node_id":"MDQ6VXNlcjE3MTQzMDE0","avatar_url":"https://avatars0.githubusercontent.com/u/17143014?v=4","gravatar_id":"","url":"https://api.github.com/users/Vanary","html_url":"https://github.com/Vanary","followers_url":"https://api.github.com/users/Vanary/followers","following_url":"https://api.github.com/users/Vanary/following{/other_user}","gists_url":"https://api.github.com/users/Vanary/gists{/gist_id}","starred_url":"https://api.github.com/users/Vanary/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Vanary/subscriptions","organizations_url":"https://api.github.com/users/Vanary/orgs","repos_url":"https://api.github.com/users/Vanary/repos","events_url":"https://api.github.com/users/Vanary/events{/privacy}","received_events_url":"https://api.github.com/users/Vanary/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-12-11T02:40:31Z","updated_at":"2018-12-11T06:42:06Z","closed_at":null,"author_association":"NONE","pull_request":{"url":"https://api.github.com/repos/code-squad/javascript-amazon/pulls/11","html_url":"https://github.com/code-squad/javascript-amazon/pull/11","diff_url":"https://github.com/code-squad/javascript-amazon/pull/11.diff","patch_url":"https://github.com/code-squad/javascript-amazon/pull/11.patch"},"body":"아래와 같이 추가/수정했습니다.\r\n\r\n[추가]\r\n- 메가 드롭다운 메뉴\r\n  - JS: script/megaMenu -> main.js에서 클래스로 호출\r\n  - CSS: style/megaMenu.css\r\n  - HTML: 'megaMenu' class (996번 줄 ~)\r\n- 주요 기능 \r\n  - 메뉴 여닫을  때 디바운스: megaMenu.js 44번 줄~\r\n  - 서브 메뉴로 직행할 때 다른 탑 레벨 메뉴 이벤트 억제: megaMenu__canvasPath.js 71번 줄~\r\n\r\n[수정]\r\n- 스크립트와 스타일시트를 import를 이용해 분리했습니다.\r\n\r\n[데모 페이지] \r\n[https://vanary.com/javascript-amazon/](https://vanary.com/javascript-amazon/)\r\n\r\n\r\n[궁금한 점]\r\n만들 때 어려웠지만, 나중에 서비스를 만들 때 이런 UX를 쓰고 싶을 때가 있을 것 같습니다.\r\n바닐라JS로 이번 모듈을 더 간결하게 만들고자 하면, 어떤 키워드를 공부하면 좋을까요?\r\n\r\n검토 부탁드립니다 ^^~"},"comment":{"url":"https://api.github.com/repos/code-squad/javascript-amazon/issues/comments/446090266","html_url":"https://github.com/code-squad/javascript-amazon/pull/11#issuecomment-446090266","issue_url":"https://api.github.com/repos/code-squad/javascript-amazon/issues/11","id":446090266,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0NjA5MDI2Ng==","user":{"login":"nigayo","id":1456761,"node_id":"MDQ6VXNlcjE0NTY3NjE=","avatar_url":"https://avatars2.githubusercontent.com/u/1456761?v=4","gravatar_id":"","url":"https://api.github.com/users/nigayo","html_url":"https://github.com/nigayo","followers_url":"https://api.github.com/users/nigayo/followers","following_url":"https://api.github.com/users/nigayo/following{/other_user}","gists_url":"https://api.github.com/users/nigayo/gists{/gist_id}","starred_url":"https://api.github.com/users/nigayo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nigayo/subscriptions","organizations_url":"https://api.github.com/users/nigayo/orgs","repos_url":"https://api.github.com/users/nigayo/repos","events_url":"https://api.github.com/users/nigayo/events{/privacy}","received_events_url":"https://api.github.com/users/nigayo/received_events","type":"User","site_admin":false},"created_at":"2018-12-11T06:42:06Z","updated_at":"2018-12-11T06:42:06Z","author_association":"CONTRIBUTOR","body":"아 그리고 추가로, \r\n지금 캔버스를 사용하는 것은  안할때보다는 렌더링비용이 좀 비싼것으로 보여지긴해요. \r\n티는 안나지만, 하위메뉴가 복잡하거나 이미지가 추가로 필요하거나  할때에는, 저사용기기에서 잘 될지 이런것도 고민스럽긴하죠. 이런것도 의식하면서 개발하면 좋습니다. \r\n"}}
{"actor":{"display_login":"nigayo"}}