-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
- Loading branch information
Showing
27 changed files
with
178 additions
and
155 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,39 @@ | ||
| 'use client'; | ||
| import Image from 'next/image'; | ||
| import { cn } from '@/app/utils/shadcn/utils'; | ||
| import { useState } from 'react'; | ||
| import { TutorialItem } from '../data'; | ||
|
|
||
| interface TestContentProps { | ||
| data: TutorialItem[]; | ||
| } | ||
|
|
||
| function TutorialContent({ data }: TestContentProps) { | ||
| const [item, setItem] = useState<TutorialItem>(data[0]); | ||
|
|
||
| return ( | ||
| <div className="flex flex-col gap-2 mx-[5%] lg:flex-row"> | ||
| <Image alt="tutorial-image" width={1000} src={item.imageUrl} className="rounded-2xl" /> | ||
| <ul className="flex flex-col w-full gap-1 md:py-2"> | ||
| {Object.values(data).map((tutorial, index) => { | ||
| const { icon, content } = tutorial; | ||
| return ( | ||
| <li | ||
| key={index} | ||
| className={cn( | ||
| 'cursor-pointer flex items-center p-4 font-bold opacity-50 rounded-xl hover:opacity-70 md:p-6 md:text-xl', | ||
| tutorial === item ? 'bg-light-blue-1 opacity-100 hover:opacity-100' : 'hover:bg-gray-1', | ||
| )} | ||
| onClick={() => setItem(tutorial)} | ||
| > | ||
| {icon && <Image src={icon} alt="icon" width={8} height={8} className="w-8 mr-2" />} | ||
| <span className="w-[90%]">{content}</span> | ||
| </li> | ||
| ); | ||
| })} | ||
| </ul> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default TutorialContent; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,66 +1,66 @@ | ||
| import featureImage1 from '@/public/assets/tutorial/tutorial-feature1.png'; | ||
| import featureImage2 from '@/public/assets/tutorial/tutorial-feature2.png'; | ||
| import featureImage3 from '@/public/assets/tutorial/tutorial-feature3.png'; | ||
| import featureImage1 from '@/public/assets/tutorial/tutorial-feature1.gif'; | ||
| import featureImage2 from '@/public/assets/tutorial/tutorial-feature2.gif'; | ||
| import featureImage3 from '@/public/assets/tutorial/tutorial-feature3.gif'; | ||
| import uploadImage0 from '@/public/assets/tutorial/tutorial0.png'; | ||
| import uploadImage1 from '@/public/assets/tutorial/tutorial1.png'; | ||
| import uploadImage2 from '@/public/assets/tutorial/tutorial2.png'; | ||
| import uploadImage3 from '@/public/assets/tutorial/tutorial3.png'; | ||
| import uploadImage4 from '@/public/assets/tutorial/tutorial4.png'; | ||
| import file from '../../../public/assets/file.svg'; | ||
| import dimond from '../../../public/assets/dimond.svg'; | ||
| import { StaticImageData } from 'next/image'; | ||
| import Link from 'next/link'; | ||
|
|
||
| interface TutorialItem { | ||
| export interface TutorialItem { | ||
| imageUrl: StaticImageData; | ||
| title: string; | ||
| icon?: StaticImageData; | ||
| content: React.ReactNode; | ||
| } | ||
|
|
||
| export const TUTORIAL_FEATRUE: TutorialItem[] = [ | ||
| { | ||
| imageUrl: featureImage1, | ||
| title: 'first', | ||
| icon: file, | ||
| content: '강의 커스텀을 통한 졸업 사정 예측', | ||
| }, | ||
| { | ||
| imageUrl: featureImage2, | ||
| title: 'second', | ||
| content: '카테고리별(교양 / 전공) 수강 학점 현황 조회', | ||
| content: '영역(공통교양 등)별 수강 현황 조회', | ||
| icon: dimond, | ||
| }, | ||
| { | ||
| imageUrl: featureImage3, | ||
| title: 'third', | ||
| content: '카테고리별(교양 / 전공) 미이수 과목 정보 및 잔여 학점 조회', | ||
| icon: dimond, | ||
| content: '카테고리(사고와 표현 등)별 기이수/미이수 과목 정보 및 학점 조회', | ||
| }, | ||
| ]; | ||
|
|
||
| export const TUTORIAL_UPLOAD: TutorialItem[] = [ | ||
| { | ||
| imageUrl: uploadImage0, | ||
| title: '1.', | ||
| content: ( | ||
| <Link href="https://msi.mju.ac.kr/servlet/security/MySecurityStart" target="_blank"> | ||
| <span className="text-primary">MyiWeb MSI</span>에 접속 후 로그인(PC환경 권장) | ||
| </Link> | ||
| <> | ||
| <Link href="https://msi.mju.ac.kr/servlet/security/MySecurityStart" target="_blank"> | ||
| 1. <span className="text-primary">MyiWeb MSI</span> | ||
| </Link> | ||
| 에 접속 후 로그인(PC환경) | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| imageUrl: uploadImage1, | ||
| title: '2.', | ||
| content: '좌측 성적/졸업 메뉴 → 성적표(상담용,B4)클릭', | ||
| content: '2. 좌측 성적/졸업 메뉴 → 성적표(상담용, B4)', | ||
| }, | ||
| { | ||
| imageUrl: uploadImage2, | ||
| title: '3.', | ||
| content: '우측 상단 조회버튼 클릭 → 프린트 아이콘 클릭 (모바일 환경에서는 뜨지 않을 수 있습니다.)', | ||
| content: '3. 우측 상단 조회버튼 → 프린트 아이콘 (모바일 지원 X)', | ||
| }, | ||
| { | ||
| imageUrl: uploadImage3, | ||
| title: '4.', | ||
| content: '인쇄 정보의 대상(PDF로 저장) 설정 → 하단 저장 버튼 클릭 (비율이 깨지지 않도록 조심해주세요.)', | ||
| content: '4. 인쇄 정보의 대상(PDF로 저장) 설정 → 하단 저장 버튼', | ||
| }, | ||
| { | ||
| imageUrl: uploadImage4, | ||
| title: '5.', | ||
| content: '저장한 파일 업로드', | ||
| content: '5. 저장한 파일 업로드', | ||
| }, | ||
| ]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.