[NEXT 10th Assignment] Session 17 - Javascript 모달 UI

[kulikelion]

모달 직접 구현, 활용하기

요구사항

옵션 1) 특정 목적의 모달이 열리게 만들기(ex. 제목 클릭시 정보 안내) + ‘다시 보지 않기’ 버튼 기능 추가하기
옵션 2) 기존에 진행하던 프로젝트가 있다면 해당 프로젝트에서 모달 만들기
옵션 3) 페이지에 모달과 비슷한 원리로 작동하는 UI인 ‘햄버거 메뉴’ 만들기
세 가지 중 최소 한 가지를 충족할 것

참고사항

• 옵션 2를 선택한 경우 어떤 부분에, 어떤 방식으로 모달 및 모달과 유사한 UI를 구현했는지 ReadMe나 이슈 코멘트에 포함해주세요. (Session 16 과제였던 '스스로 웹 서비스 만들기' 프로젝트에 포함되어 있는 경우 같은 레포지토리여도 괜찮으니 해당 이슈에 다시 링크를 달고 설명을 덧붙여주세요.)
• 세션 정답 폴더를 그대로 업로드한 레포지토리는 과제를 하지 않은 것으로 취급하니 유의해주세요.

---

제출 기한 : 8월 8일 저녁 7시 전까지

업로드 예시

1. 김이린
2. 레포지토리 주소
3. 모달 및 모달 유사 UI 기능 구현 사진 or 영상

[CryingDitto]

1. 이지은
2. https://github.com/CryingDitto/NextLionX/tree/master/Session16_HW

메인 화면에서 기능에 대한 간단한 설명을 modal 창으로 제시했습니다.

[jisoolee0929]

1. 이지수
2. https://github.com/jisoolee0929/bookproject/tree/master

My.first.three.js.app.-.Chrome.2022-08-08.13-37-46.mp4

[Canada-Joose]

1. 주장규
2. https://github.com/Canada-Joose/Likelion_HW/tree/master/Likelion_summer

modal.video.mov

현재 서비스의 한계를 modal에 기재했습니다. setCookie, getCookie는 잘 되는데 '오늘 그만 보기' 기능이 잘 안 되서 다른 방식으로 구현했습니다.

[Serinnnnn]

1. 홍세린
2. https://github.com/Serinnnnn/LIKELION-HW-/tree/main/session17/session17_HW/%EB%AA%A8%EB%8B%AC

쿠키 연결이 아직 잘 안돼서ㅜㅜ공부 좀 더 해보고 얼른 수정하겠습니닷

[notaonce]

1. 한성수
2. https://github.com/notaonce/ChooseGame
3. 

-게임 탬플릿 삭제 시 삭제 경고 알림

[Moi1oM]

1. 전성운
2. https://github.com/Moi1oM/LionHacker22

KUMAP.-.Chrome.2022-08-08.16-55-09.mp4

-마커 클릭시 띄우는 창을 모달로 제작

[fortepiano13]

1. 양휘민
2. https://github.com/fortepiano13/HW/tree/main/Session17_HW/session17_answer

햄버거 메뉴 만들기

[innerstella]

1. 차수지
2. https://github.com/innerstella/FME

-> 통합 해시태그 목록 버튼 클릭 시 목록을 보여주는 창을 모달로 제작

[kchaehyeon01]

1. 김채현
2. https://github.com/kchaehyeon01/NEXTLikeLion2022/tree/master/Session17_HW
3. 이미지를 누르면 원본 이미지를 볼 수 있는 모달을 만들려고 시도했는데, 아직 모달을 화면에 띄우지를 못했습니다..ㅎ..
   

[seoulmango]

1. 박기만
2. https://github.com/seoulmango/Likelion2022_HW/tree/master/Session17_HW
3. 쿠키 만드는 게 안되는 것 같은데 이유를 잘 모르겠어요...ㅠㅠ 나중에 공부하고 고쳐서 올리겠습니다...

Screen.Recording.2022-08-08.at.6.09.44.PM.mov

[toyo30]

1. 백민기
2. https://github.com/toyo30/next-like-lion/tree/main/Session16_HW

[sde0116]

1. 서다은
2. https://github.com/sde0116/NextLikeLion/tree/master/Session17_HW

[monator16]

1. 이영서
2. https://github.com/monator16/Likelion.practice/tree/main/session17

[sophiahyj]

1. 한예진
2. https://github.com/sophiahyj/likelionHW/tree/master/Session14_HW/Mproject

[ssoy0514]

1. 이소희
2. https://github.com/ssoy0514/NextxLikelion-HW/tree/master/Session15%2C16_HW

[Pelixhoon]

1. 송명훈
2. https://github.com/Pelixhoon/NEXTxLikelion/tree/master/Session17_HW

[ziweek]

1. 김지욱
2. https://github.com/ziweek/likelion/tree/master/Assignments/Session17_HW

* 다시 해서 오늘 안으로 완성시키겠습니다 ㅠㅜ

[rfdseoul]

1. 전민철
2. https://github.com/rfdseoul/NEXT_LION_session

*js 파일을 따로 만들어서 링크를 걸어도 인식을 못 해서 index.html 하단에 script 태그로 길게 적었습니다. 관련된 부분 수정해보겠습니다!