search

NEXT-LIKELION / 2022-NEXT-Assignment

NEXT X 멋쟁이사자처럼 10기 과제
4 stars 1 forks source link

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

Open kulikelion opened 2 years ago

kulikelion commented 2 years ago

모달 직접 구현, 활용하기

요구사항

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

참고사항

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

업로드 예시

  1. 김이린
  2. 레포지토리 주소
  3. 모달 및 모달 유사 UI 기능 구현 사진 or 영상
CryingDitto commented 2 years ago
  1. 이지은
  2. https://github.com/CryingDitto/NextLionX/tree/master/Session16_HW

  3. modal

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

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

  3. 스크린샷(2)

https://user-images.githubusercontent.com/62417326/183342305-f794eeaf-6237-464d-ba2d-3b244a3e3ee3.mp4

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

  3. https://user-images.githubusercontent.com/100463676/183346348-089e875a-f2e4-4f61-9828-489ad2121a30.mov

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

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

  3. 모달 과제

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

notaonce commented 2 years ago
  1. 한성수
  2. https://github.com/notaonce/ChooseGame
  3. Screen Shot 2022-08-08 at 4 27 06 PM

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

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

https://user-images.githubusercontent.com/101260709/183368454-ef97ee7b-2e60-4c5e-ad94-7d97456ba9e2.mp4

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

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

  3. image 햄버거 메뉴 만들기

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

  3. 화면 캡처 2022-08-08 171944

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

kchaehyeon01 commented 2 years ago
  1. 김채현
  2. https://github.com/kchaehyeon01/NEXTLikeLion2022/tree/master/Session17_HW
  3. 이미지를 누르면 원본 이미지를 볼 수 있는 모달을 만들려고 시도했는데, 아직 모달을 화면에 띄우지를 못했습니다..ㅎ.. image
seoulmango commented 2 years ago
  1. 박기만
  2. https://github.com/seoulmango/Likelion2022_HW/tree/master/Session17_HW
  3. 쿠키 만드는 게 안되는 것 같은데 이유를 잘 모르겠어요...ㅠㅠ 나중에 공부하고 고쳐서 올리겠습니다... Screen Shot 2022-08-08 at 6 09 38 PM

https://user-images.githubusercontent.com/93420605/183382693-57ed58f7-1327-404d-8a4e-8025c2b90446.mov

toyo30 commented 2 years ago
  1. 백민기
  2. https://github.com/toyo30/next-like-lion/tree/main/Session16_HW
  3. image image
sde0116 commented 2 years ago
  1. 서다은
  2. https://github.com/sde0116/NextLikeLion/tree/master/Session17_HW

  3. Session17_HW

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

  3. image

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

  3. 모달기능

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

  3. image

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

  3. Session17_구현영상

ziweek commented 2 years ago
  1. 김지욱
  2. https://github.com/ziweek/likelion/tree/master/Assignments/Session17_HW
  3. 모달
    • 다시 해서 오늘 안으로 완성시키겠습니다 ㅠㅜ
rfdseoul commented 2 years ago
  1. 전민철
  2. https://github.com/rfdseoul/NEXT_LION_session

  3. 스크린샷 2022-08-25 오후 4 55 57(2)

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