diff --git a/src/views/admin/AdminMenuManagement.tsx b/src/views/admin/AdminMenuManagement.tsx index 20496ea..b11f9d9 100644 --- a/src/views/admin/AdminMenuManagement.tsx +++ b/src/views/admin/AdminMenuManagement.tsx @@ -27,109 +27,1122 @@ import { } from '@coreui/react'; import CIcon from '@coreui/icons-react'; import { - cilPencil, - cilTrash, - cilPlus, - cilSpeedometer, - cilDrop, - cilStar, - cilMenu, - cilBell, - cilBrowser, - cilCalculator, - cilChartPie, - cilCursor, - cilDescription, - cilNotes, - cilPuzzle, - cilSettings, - cilUser, - cilPeople, - cilHome, - cilFolder, - cilFile, - cilEnvelopeClosed, - cilCalendar, - cilCart, - cilCreditCard, - cilGraph, - cilLayers, - cilList, - cilMap, - cilMediaPlay, - cilMoney, - cilLockLocked, - cilShieldAlt, - cilTask, - cilCloudDownload, - cilCode, + cil3d, + cil4k, + cilAccountLogout, + cilActionRedo, + cilActionUndo, + cilAddressBook, + cilAirplaneModeOff, + cilAirplaneMode, + cilAirplay, + cilAlarm, + cilAlbum, + cilAlignCenter, + cilAlignLeft, + cilAlignRight, + cilAmericanFootball, + cilAnimal, + cilAperture, + cilApple, + cilApplicationsSettings, cilApplications, - cilGrid, - cilInfo, - cilWarning, - cilCheck, - cilX, - cilSearch, - cilImage, + cilAppsSettings, + cilApps, + cilArrowBottom, + cilArrowCircleBottom, + cilArrowCircleLeft, + cilArrowCircleRight, + cilArrowCircleTop, + cilArrowLeft, + cilArrowRight, + cilArrowThickBottom, + cilArrowThickFromBottom, + cilArrowThickFromLeft, + cilArrowThickFromRight, + cilArrowThickFromTop, + cilArrowThickLeft, + cilArrowThickRight, + cilArrowThickToBottom, + cilArrowThickToLeft, + cilArrowThickToRight, + cilArrowThickToTop, + cilArrowThickTop, + cilArrowTop, + cilAssistiveListeningSystem, + cilAsteriskCircle, + cilAsterisk, + cilAt, + cilAudioDescription, + cilAudioSpectrum, + cilAudio, + cilAvTimer, + cilBabyCarriage, + cilBaby, + cilBackspace, + cilBadge, + cilBalanceScale, + cilBan, + cilBank, + cilBarChart, + cilBarcode, + cilBaseball, + cilBasket, + cilBasketball, + cilBath, + cilBathroom, + cilBattery0, + cilBattery3, + cilBattery5, + cilBatteryAlert, + cilBatteryEmpty, + cilBatteryFull, + cilBatterySlash, + cilBeachAccess, + cilBeaker, + cilBed, + cilBellExclamation, + cilBell, + cilBike, + cilBirthdayCake, + cilBlind, + cilBluetooth, + cilBlurCircular, + cilBlurLinear, + cilBlur, + cilBoatAlt, + cilBold, + cilBoltCircle, + cilBolt, + cilBook, + cilBookmark, + cilBorderAll, + cilBorderBottom, + cilBorderClear, + cilBorderHorizontal, + cilBorderInner, + cilBorderLeft, + cilBorderOuter, + cilBorderRight, + cilBorderStyle, + cilBorderTop, + cilBorderVertical, + cilBowling, + cilBraille, + cilBriefcase, + cilBrightness, + cilBritishPound, + cilBrowser, + cilBrushAlt, + cilBrush, + cilBug, + cilBuilding, + cilBullhorn, + cilBurger, + cilBurn, + cilBusAlt, + cilCalculator, + cilCalendarCheck, + cilCalendar, + cilCameraControl, + cilCameraRoll, cilCamera, - cilHeart, - cilThumbUp, + cilCarAlt, + cilCaretBottom, + cilCaretLeft, + cilCaretRight, + cilCaretTop, + cilCart, + cilCash, + cilCasino, + cilCast, + cilCat, + cilCc, + cilCenterFocus, + cilChartLine, + cilChartPie, + cilChart, + cilChatBubble, + cilCheckAlt, + cilCheckCircle, + cilCheck, + cilChevronBottom, + cilChevronCircleDownAlt, + cilChevronCircleLeftAlt, + cilChevronCircleRightAlt, + cilChevronCircleUpAlt, + cilChevronDoubleDown, + cilChevronDoubleLeft, + cilChevronDoubleRight, + cilChevronDoubleUp, + cilChevronLeft, + cilChevronRight, + cilChevronTop, + cilChildFriendly, + cilChild, + cilCircle, + cilClearAll, + cilClipboard, + cilClock, + cilClone, + cilClosedCaptioning, + cilCloudDownload, + cilCloudUpload, + cilCloud, + cilCloudy, + cilCode, + cilCoffee, cilCog, + cilColorBorder, + cilColorFill, + cilColorPalette, + cilColumns, + cilCommand, + cilCommentBubble, + cilCommentSquare, + cilCompass, + cilCompress, + cilContact, + cilContrast, + cilControl, + cilCopy, + cilCouch, + cilCreditCard, + cilCropRotate, + cilCrop, + cilCursorMove, + cilCursor, + cilCut, + cilDataTransferDown, + cilDataTransferUp, + cilDeaf, + cilDelete, + cilDescription, + cilDevices, + cilDialpad, + cilDiamond, + cilDinner, + cilDisabled, + cilDog, + cilDollar, + cilDoor, + cilDoubleQuoteSansLeft, + cilDoubleQuoteSansRight, + cilDrinkAlcohol, + cilDrink, + cilDrop, + cilEco, + cilEducation, + cilElevator, + cilEnvelopeClosed, + cilEnvelopeLetter, + cilEnvelopeOpen, + cilEqualizer, + cilEthernet, + cilEuro, + cilExcerpt, + cilExitToApp, + cilExpandDown, + cilExpandLeft, + cilExpandRight, + cilExpandUp, + cilExposure, + cilExternalLink, + cilEyedropper, + cilFaceDead, + cilFace, + cilFactorySlash, + cilFactory, + cilFastfood, + cilFax, + cilFeaturedPlaylist, + cilFile, + cilFilterFrames, + cilFilterPhoto, + cilFilterSquare, + cilFilterX, + cilFilter, + cilFindInPage, + cilFingerprint, + cilFire, + cilFlagAlt, + cilFlightTakeoff, + cilFlipToBack, + cilFlipToFront, + cilFlip, + cilFlower, + cilFolderOpen, + cilFolder, + cilFont, + cilFootball, + cilFork, + cilFridge, + cilFrown, + cilFullscreenExit, + cilFullscreen, + cilFunctionsAlt, + cilFunctions, + cilGamepad, + cilGarage, + cilGem, + cilGif, + cilGift, + cilGlobeAlt, + cilGolfAlt, + cilGolf, + cilGradient, + cilGrain, + cilGraph, + cilGridSlash, + cilGrid, + cilGroup, + cilHamburgerMenu, + cilHandPointDown, + cilHandPointLeft, + cilHandPointRight, + cilHandPointUp, + cilHandshake, + cilHappy, + cilHd, + cilHdr, + cilHeader, + cilHeadphones, + cilHealing, + cilHeart, + cilHighlighter, + cilHighligt, + cilHistory, + cilHome, + cilHospital, + cilHotTub, + cilHouse, + cilHttps, + cilImageBroken, + cilImagePlus, + cilImage, + cilInbox, + cilIndentDecrease, + cilIndentIncrease, + cilIndustrySlash, + cilIndustry, + cilInfinity, + cilInfo, + cilInputHdmi, + cilInputPower, + cilInput, + cilInstitution, + cilItalic, + cilJustifyCenter, + cilJustifyLeft, + cilJustifyRight, + cilKeyboard, + cilLan, + cilLanguage, + cilLaptop, + cilLayers, + cilLeaf, + cilLemon, + cilLevelDown, + cilLevelUp, + cilLibraryAdd, + cilLibraryBuilding, + cilLibrary, + cilLifeRing, + cilLightbulb, + cilLineSpacing, + cilLineStyle, + cilLineWeight, + cilLinkAlt, + cilLinkBroken, + cilLink, + cilListFilter, + cilListHighPriority, + cilListLowPriority, + cilListNumberedRtl, + cilListNumbered, + cilListRich, + cilList, + cilLocationPin, + cilLockLocked, + cilLockUnlocked, + cilLocomotive, + cilLoop1, + cilLoopCircular, + cilLoop, + cilLowVision, + cilMagnifyingGlass, + cilMap, + cilMediaEject, + cilMediaPause, + cilMediaPlay, + cilMediaRecord, + cilMediaSkipBackward, + cilMediaSkipForward, + cilMediaStepBackward, + cilMediaStepForward, + cilMediaStop, + cilMedicalCross, + cilMeh, + cilMemory, + cilMenu, + cilMic, + cilMicrophone, + cilMinus, + cilMobileLandscape, + cilMobile, + cilMoney, + cilMonitor, + cilMoodBad, + cilMoodGood, + cilMoodVeryBad, + cilMoodVeryGood, + cilMoon, + cilMouse, + cilMouthSlash, + cilMove, + cilMovie, + cilMugTea, + cilMug, + cilMusicNote, + cilNewspaper, + cilNoteAdd, + cilNotes, + cilObjectGroup, + cilObjectUngroup, + cilOpacity, + cilOpentype, cilOptions, + cilPaintBucket, + cilPaint, + cilPaperPlane, + cilPaperclip, + cilParagraph, + cilPaw, + cilPenAlt, + cilPenNib, + cilPen, + cilPencil, + cilPeople, + cilPhone, + cilPin, + cilPizza, + cilPlant, + cilPlaylistAdd, + cilPlus, + cilPool, + cilPowerStandby, + cilPregnant, + cilPrint, + cilPushchair, + cilPuzzle, + cilQrCode, + cilRain, + cilRectangle, + cilRecycle, + cilReload, + cilReportSlash, + cilResizeBoth, + cilResizeHeight, + cilResizeWidth, + cilRestaurant, + cilRoom, + cilRouter, + cilRowing, + cilRss, + cilRuble, + cilRunning, + cilSad, + cilSatelite, + cilSave, + cilSchool, + cilScreenDesktop, + cilScreenSmartphone, + cilScrubber, + cilSearch, + cilSend, + cilSettings, + cilShareAll, + cilShareAlt, + cilShareBoxed, + cilShare, + cilShieldAlt, + cilShortText, + cilShower, + cilSignLanguage, + cilSignalCellular0, + cilSignalCellular3, + cilSignalCellular4, + cilSim, + cilSitemap, + cilSmilePlus, + cilSmile, + cilSmokeFree, + cilSmokeSlash, + cilSmoke, + cilSmokingRoom, + cilSnowflake, + cilSoccer, + cilSofa, + cilSortAlphaDown, + cilSortAlphaUp, + cilSortAscending, + cilSortDescending, + cilSortNumericDown, + cilSortNumericUp, + cilSpa, + cilSpaceBar, + cilSpeak, + cilSpeaker, + cilSpeech, + cilSpeedometer, + cilSpreadsheet, + cilSquare, + cilStarHalf, + cilStar, + cilStorage, + cilStream, + cilStrikethrough, + cilSun, + cilSwapHorizontal, + cilSwapVertical, + cilSwimming, + cilSync, + cilTablet, + cilTag, + cilTags, + cilTask, + cilTaxi, + cilTennisBall, + cilTennis, + cilTerminal, + cilTerrain, + cilTextDirectionLtr, + cilTextDirectionRtl, + cilTextShapes, + cilTextSize, + cilTextSquare, + cilTextStrike, + cilText, + cilThumbDown, + cilThumbUp, + cilToggleOff, + cilToggleOn, + cilToilet, + cilTouchApp, + cilTransfer, + cilTranslate, + cilTrash, + cilTriangle, + cilTruck, + cilTv, + cilUnderline, + cilUsb, + cilUserFemale, + cilUserFollow, + cilUserPlus, + cilUserUnfollow, + cilUserX, + cilUser, + cilVector, + cilVerticalAlignBottom, + cilVerticalAlignCenter, + cilVerticalAlignTop, + cilVideo, + cilVideogame, + cilViewColumn, + cilViewModule, + cilViewQuilt, + cilViewStream, + cilVoiceOverRecord, + cilVoice, + cilVolumeHigh, + cilVolumeLow, + cilVolumeOff, + cilWalk, + cilWallet, + cilWallpaper, + cilWarning, + cilWatch, + cilWc, + cilWeightlifitng, + cilWheelchair, + cilWifiSignal0, + cilWifiSignal1, + cilWifiSignal2, + cilWifiSignal3, + cilWifiSignal4, + cilWifiSignalOff, + cilWindowMaximize, + cilWindowMinimize, + cilWindowRestore, + cilWindow, + cilWrapText, + cilXCircle, + cilX, + cilYen, + cilZoomIn, + cilZoomOut, + cilZoom, } from '@coreui/icons'; -// 선택 가능한 아이콘 목록 +// 선택 가능한 아이콘 목록 (556개 전체) const availableIcons = [ - { name: 'cilSpeedometer', icon: cilSpeedometer, label: '대시보드' }, - { name: 'cilHome', icon: cilHome, label: '홈' }, - { name: 'cilMenu', icon: cilMenu, label: '메뉴' }, - { name: 'cilUser', icon: cilUser, label: '사용자' }, - { name: 'cilPeople', icon: cilPeople, label: '사람들' }, - { name: 'cilSettings', icon: cilSettings, label: '설정' }, - { name: 'cilCog', icon: cilCog, label: '톱니바퀴' }, - { name: 'cilOptions', icon: cilOptions, label: '옵션' }, - { name: 'cilFolder', icon: cilFolder, label: '폴더' }, - { name: 'cilFile', icon: cilFile, label: '파일' }, - { name: 'cilNotes', icon: cilNotes, label: '노트' }, - { name: 'cilDescription', icon: cilDescription, label: '문서' }, - { name: 'cilList', icon: cilList, label: '리스트' }, - { name: 'cilGrid', icon: cilGrid, label: '그리드' }, - { name: 'cilLayers', icon: cilLayers, label: '레이어' }, + { name: 'cil3d', icon: cil3d, label: '3D' }, + { name: 'cil4k', icon: cil4k, label: '4K' }, + { name: 'cilAccountLogout', icon: cilAccountLogout, label: '로그아웃' }, + { name: 'cilActionRedo', icon: cilActionRedo, label: '다시 실행' }, + { name: 'cilActionUndo', icon: cilActionUndo, label: '실행 취소' }, + { name: 'cilAddressBook', icon: cilAddressBook, label: '주소록' }, + { name: 'cilAirplaneModeOff', icon: cilAirplaneModeOff, label: '비행기 모드 꺼짐' }, + { name: 'cilAirplaneMode', icon: cilAirplaneMode, label: '비행기 모드' }, + { name: 'cilAirplay', icon: cilAirplay, label: '에어플레이' }, + { name: 'cilAlarm', icon: cilAlarm, label: '알람' }, + { name: 'cilAlbum', icon: cilAlbum, label: '앨범' }, + { name: 'cilAlignCenter', icon: cilAlignCenter, label: '가운데 정렬' }, + { name: 'cilAlignLeft', icon: cilAlignLeft, label: '왼쪽 정렬' }, + { name: 'cilAlignRight', icon: cilAlignRight, label: '오른쪽 정렬' }, + { name: 'cilAmericanFootball', icon: cilAmericanFootball, label: '미식축구' }, + { name: 'cilAnimal', icon: cilAnimal, label: '동물' }, + { name: 'cilAperture', icon: cilAperture, label: '조리개' }, + { name: 'cilApple', icon: cilApple, label: '애플' }, + { name: 'cilApplicationsSettings', icon: cilApplicationsSettings, label: '앱 설정' }, { name: 'cilApplications', icon: cilApplications, label: '앱' }, - { name: 'cilBrowser', icon: cilBrowser, label: '브라우저' }, - { name: 'cilChartPie', icon: cilChartPie, label: '파이차트' }, - { name: 'cilGraph', icon: cilGraph, label: '그래프' }, - { name: 'cilCalculator', icon: cilCalculator, label: '계산기' }, - { name: 'cilCalendar', icon: cilCalendar, label: '달력' }, - { name: 'cilClock', icon: cilCalendar, label: '시계' }, + { name: 'cilAppsSettings', icon: cilAppsSettings, label: '앱스 설정' }, + { name: 'cilApps', icon: cilApps, label: '앱스' }, + { name: 'cilArrowBottom', icon: cilArrowBottom, label: '아래 화살표' }, + { name: 'cilArrowCircleBottom', icon: cilArrowCircleBottom, label: '원형 아래 화살표' }, + { name: 'cilArrowCircleLeft', icon: cilArrowCircleLeft, label: '원형 왼쪽 화살표' }, + { name: 'cilArrowCircleRight', icon: cilArrowCircleRight, label: '원형 오른쪽 화살표' }, + { name: 'cilArrowCircleTop', icon: cilArrowCircleTop, label: '원형 위 화살표' }, + { name: 'cilArrowLeft', icon: cilArrowLeft, label: '왼쪽 화살표' }, + { name: 'cilArrowRight', icon: cilArrowRight, label: '오른쪽 화살표' }, + { name: 'cilArrowThickBottom', icon: cilArrowThickBottom, label: '굵은 아래 화살표' }, + { name: 'cilArrowThickFromBottom', icon: cilArrowThickFromBottom, label: '아래에서 화살표' }, + { name: 'cilArrowThickFromLeft', icon: cilArrowThickFromLeft, label: '왼쪽에서 화살표' }, + { name: 'cilArrowThickFromRight', icon: cilArrowThickFromRight, label: '오른쪽에서 화살표' }, + { name: 'cilArrowThickFromTop', icon: cilArrowThickFromTop, label: '위에서 화살표' }, + { name: 'cilArrowThickLeft', icon: cilArrowThickLeft, label: '굵은 왼쪽 화살표' }, + { name: 'cilArrowThickRight', icon: cilArrowThickRight, label: '굵은 오른쪽 화살표' }, + { name: 'cilArrowThickToBottom', icon: cilArrowThickToBottom, label: '아래로 화살표' }, + { name: 'cilArrowThickToLeft', icon: cilArrowThickToLeft, label: '왼쪽으로 화살표' }, + { name: 'cilArrowThickToRight', icon: cilArrowThickToRight, label: '오른쪽으로 화살표' }, + { name: 'cilArrowThickToTop', icon: cilArrowThickToTop, label: '위로 화살표' }, + { name: 'cilArrowThickTop', icon: cilArrowThickTop, label: '굵은 위 화살표' }, + { name: 'cilArrowTop', icon: cilArrowTop, label: '위 화살표' }, + { name: 'cilAssistiveListeningSystem', icon: cilAssistiveListeningSystem, label: '보청 시스템' }, + { name: 'cilAsteriskCircle', icon: cilAsteriskCircle, label: '원형 별표' }, + { name: 'cilAsterisk', icon: cilAsterisk, label: '별표' }, + { name: 'cilAt', icon: cilAt, label: '골뱅이' }, + { name: 'cilAudioDescription', icon: cilAudioDescription, label: '오디오 설명' }, + { name: 'cilAudioSpectrum', icon: cilAudioSpectrum, label: '오디오 스펙트럼' }, + { name: 'cilAudio', icon: cilAudio, label: '오디오' }, + { name: 'cilAvTimer', icon: cilAvTimer, label: 'AV 타이머' }, + { name: 'cilBabyCarriage', icon: cilBabyCarriage, label: '유모차' }, + { name: 'cilBaby', icon: cilBaby, label: '아기' }, + { name: 'cilBackspace', icon: cilBackspace, label: '백스페이스' }, + { name: 'cilBadge', icon: cilBadge, label: '배지' }, + { name: 'cilBalanceScale', icon: cilBalanceScale, label: '저울' }, + { name: 'cilBan', icon: cilBan, label: '금지' }, + { name: 'cilBank', icon: cilBank, label: '은행' }, + { name: 'cilBarChart', icon: cilBarChart, label: '막대 차트' }, + { name: 'cilBarcode', icon: cilBarcode, label: '바코드' }, + { name: 'cilBaseball', icon: cilBaseball, label: '야구' }, + { name: 'cilBasket', icon: cilBasket, label: '바구니' }, + { name: 'cilBasketball', icon: cilBasketball, label: '농구' }, + { name: 'cilBath', icon: cilBath, label: '욕조' }, + { name: 'cilBathroom', icon: cilBathroom, label: '욕실' }, + { name: 'cilBattery0', icon: cilBattery0, label: '배터리 0%' }, + { name: 'cilBattery3', icon: cilBattery3, label: '배터리 30%' }, + { name: 'cilBattery5', icon: cilBattery5, label: '배터리 50%' }, + { name: 'cilBatteryAlert', icon: cilBatteryAlert, label: '배터리 경고' }, + { name: 'cilBatteryEmpty', icon: cilBatteryEmpty, label: '배터리 없음' }, + { name: 'cilBatteryFull', icon: cilBatteryFull, label: '배터리 완충' }, + { name: 'cilBatterySlash', icon: cilBatterySlash, label: '배터리 없음' }, + { name: 'cilBeachAccess', icon: cilBeachAccess, label: '비치 파라솔' }, + { name: 'cilBeaker', icon: cilBeaker, label: '비커' }, + { name: 'cilBed', icon: cilBed, label: '침대' }, + { name: 'cilBellExclamation', icon: cilBellExclamation, label: '알림 경고' }, { name: 'cilBell', icon: cilBell, label: '알림' }, - { name: 'cilEnvelopeClosed', icon: cilEnvelopeClosed, label: '메일' }, - { name: 'cilCart', icon: cilCart, label: '장바구니' }, - { name: 'cilCreditCard', icon: cilCreditCard, label: '카드' }, - { name: 'cilMoney', icon: cilMoney, label: '돈' }, - { name: 'cilLockLocked', icon: cilLockLocked, label: '잠금' }, - { name: 'cilShieldAlt', icon: cilShieldAlt, label: '보안' }, - { name: 'cilTask', icon: cilTask, label: '작업' }, - { name: 'cilCloudDownload', icon: cilCloudDownload, label: '다운로드' }, - { name: 'cilCode', icon: cilCode, label: '코드' }, - { name: 'cilMap', icon: cilMap, label: '지도' }, - { name: 'cilMediaPlay', icon: cilMediaPlay, label: '재생' }, - { name: 'cilImage', icon: cilImage, label: '이미지' }, + { name: 'cilBike', icon: cilBike, label: '자전거' }, + { name: 'cilBirthdayCake', icon: cilBirthdayCake, label: '생일 케이크' }, + { name: 'cilBlind', icon: cilBlind, label: '시각 장애' }, + { name: 'cilBluetooth', icon: cilBluetooth, label: '블루투스' }, + { name: 'cilBlurCircular', icon: cilBlurCircular, label: '원형 블러' }, + { name: 'cilBlurLinear', icon: cilBlurLinear, label: '선형 블러' }, + { name: 'cilBlur', icon: cilBlur, label: '블러' }, + { name: 'cilBoatAlt', icon: cilBoatAlt, label: '보트' }, + { name: 'cilBold', icon: cilBold, label: '굵게' }, + { name: 'cilBoltCircle', icon: cilBoltCircle, label: '원형 번개' }, + { name: 'cilBolt', icon: cilBolt, label: '번개' }, + { name: 'cilBook', icon: cilBook, label: '책' }, + { name: 'cilBookmark', icon: cilBookmark, label: '북마크' }, + { name: 'cilBorderAll', icon: cilBorderAll, label: '모든 테두리' }, + { name: 'cilBorderBottom', icon: cilBorderBottom, label: '하단 테두리' }, + { name: 'cilBorderClear', icon: cilBorderClear, label: '테두리 제거' }, + { name: 'cilBorderHorizontal', icon: cilBorderHorizontal, label: '가로 테두리' }, + { name: 'cilBorderInner', icon: cilBorderInner, label: '내부 테두리' }, + { name: 'cilBorderLeft', icon: cilBorderLeft, label: '왼쪽 테두리' }, + { name: 'cilBorderOuter', icon: cilBorderOuter, label: '외부 테두리' }, + { name: 'cilBorderRight', icon: cilBorderRight, label: '오른쪽 테두리' }, + { name: 'cilBorderStyle', icon: cilBorderStyle, label: '테두리 스타일' }, + { name: 'cilBorderTop', icon: cilBorderTop, label: '상단 테두리' }, + { name: 'cilBorderVertical', icon: cilBorderVertical, label: '세로 테두리' }, + { name: 'cilBowling', icon: cilBowling, label: '볼링' }, + { name: 'cilBraille', icon: cilBraille, label: '점자' }, + { name: 'cilBriefcase', icon: cilBriefcase, label: '서류가방' }, + { name: 'cilBrightness', icon: cilBrightness, label: '밝기' }, + { name: 'cilBritishPound', icon: cilBritishPound, label: '파운드' }, + { name: 'cilBrowser', icon: cilBrowser, label: '브라우저' }, + { name: 'cilBrushAlt', icon: cilBrushAlt, label: '브러시' }, + { name: 'cilBrush', icon: cilBrush, label: '브러시' }, + { name: 'cilBug', icon: cilBug, label: '버그' }, + { name: 'cilBuilding', icon: cilBuilding, label: '빌딩' }, + { name: 'cilBullhorn', icon: cilBullhorn, label: '확성기' }, + { name: 'cilBurger', icon: cilBurger, label: '햄버거' }, + { name: 'cilBurn', icon: cilBurn, label: '화염' }, + { name: 'cilBusAlt', icon: cilBusAlt, label: '버스' }, + { name: 'cilCalculator', icon: cilCalculator, label: '계산기' }, + { name: 'cilCalendarCheck', icon: cilCalendarCheck, label: '달력 체크' }, + { name: 'cilCalendar', icon: cilCalendar, label: '달력' }, + { name: 'cilCameraControl', icon: cilCameraControl, label: '카메라 컨트롤' }, + { name: 'cilCameraRoll', icon: cilCameraRoll, label: '카메라 롤' }, { name: 'cilCamera', icon: cilCamera, label: '카메라' }, - { name: 'cilStar', icon: cilStar, label: '별' }, - { name: 'cilHeart', icon: cilHeart, label: '하트' }, - { name: 'cilThumbUp', icon: cilThumbUp, label: '좋아요' }, - { name: 'cilDrop', icon: cilDrop, label: '색상' }, - { name: 'cilPencil', icon: cilPencil, label: '편집' }, - { name: 'cilCursor', icon: cilCursor, label: '커서' }, - { name: 'cilPuzzle', icon: cilPuzzle, label: '퍼즐' }, - { name: 'cilSearch', icon: cilSearch, label: '검색' }, - { name: 'cilInfo', icon: cilInfo, label: '정보' }, - { name: 'cilWarning', icon: cilWarning, label: '경고' }, + { name: 'cilCarAlt', icon: cilCarAlt, label: '자동차' }, + { name: 'cilCaretBottom', icon: cilCaretBottom, label: '캐럿 아래' }, + { name: 'cilCaretLeft', icon: cilCaretLeft, label: '캐럿 왼쪽' }, + { name: 'cilCaretRight', icon: cilCaretRight, label: '캐럿 오른쪽' }, + { name: 'cilCaretTop', icon: cilCaretTop, label: '캐럿 위' }, + { name: 'cilCart', icon: cilCart, label: '장바구니' }, + { name: 'cilCash', icon: cilCash, label: '현금' }, + { name: 'cilCasino', icon: cilCasino, label: '카지노' }, + { name: 'cilCast', icon: cilCast, label: '캐스트' }, + { name: 'cilCat', icon: cilCat, label: '고양이' }, + { name: 'cilCc', icon: cilCc, label: '자막' }, + { name: 'cilCenterFocus', icon: cilCenterFocus, label: '중앙 포커스' }, + { name: 'cilChartLine', icon: cilChartLine, label: '선 차트' }, + { name: 'cilChartPie', icon: cilChartPie, label: '파이 차트' }, + { name: 'cilChart', icon: cilChart, label: '차트' }, + { name: 'cilChatBubble', icon: cilChatBubble, label: '채팅' }, + { name: 'cilCheckAlt', icon: cilCheckAlt, label: '체크' }, + { name: 'cilCheckCircle', icon: cilCheckCircle, label: '원형 체크' }, { name: 'cilCheck', icon: cilCheck, label: '체크' }, - { name: 'cilX', icon: cilX, label: '닫기' }, - { name: 'cilPlus', icon: cilPlus, label: '추가' }, - { name: 'cilTrash', icon: cilTrash, label: '삭제' }, + { name: 'cilChevronBottom', icon: cilChevronBottom, label: '쉐브론 아래' }, + { name: 'cilChevronCircleDownAlt', icon: cilChevronCircleDownAlt, label: '원형 쉐브론 아래' }, + { name: 'cilChevronCircleLeftAlt', icon: cilChevronCircleLeftAlt, label: '원형 쉐브론 왼쪽' }, + { name: 'cilChevronCircleRightAlt', icon: cilChevronCircleRightAlt, label: '원형 쉐브론 오른쪽' }, + { name: 'cilChevronCircleUpAlt', icon: cilChevronCircleUpAlt, label: '원형 쉐브론 위' }, + { name: 'cilChevronDoubleDown', icon: cilChevronDoubleDown, label: '더블 쉐브론 아래' }, + { name: 'cilChevronDoubleLeft', icon: cilChevronDoubleLeft, label: '더블 쉐브론 왼쪽' }, + { name: 'cilChevronDoubleRight', icon: cilChevronDoubleRight, label: '더블 쉐브론 오른쪽' }, + { name: 'cilChevronDoubleUp', icon: cilChevronDoubleUp, label: '더블 쉐브론 위' }, + { name: 'cilChevronLeft', icon: cilChevronLeft, label: '쉐브론 왼쪽' }, + { name: 'cilChevronRight', icon: cilChevronRight, label: '쉐브론 오른쪽' }, + { name: 'cilChevronTop', icon: cilChevronTop, label: '쉐브론 위' }, + { name: 'cilChildFriendly', icon: cilChildFriendly, label: '어린이용' }, + { name: 'cilChild', icon: cilChild, label: '어린이' }, + { name: 'cilCircle', icon: cilCircle, label: '원' }, + { name: 'cilClearAll', icon: cilClearAll, label: '모두 지우기' }, + { name: 'cilClipboard', icon: cilClipboard, label: '클립보드' }, + { name: 'cilClock', icon: cilClock, label: '시계' }, + { name: 'cilClone', icon: cilClone, label: '복제' }, + { name: 'cilClosedCaptioning', icon: cilClosedCaptioning, label: '자막' }, + { name: 'cilCloudDownload', icon: cilCloudDownload, label: '클라우드 다운로드' }, + { name: 'cilCloudUpload', icon: cilCloudUpload, label: '클라우드 업로드' }, + { name: 'cilCloud', icon: cilCloud, label: '클라우드' }, + { name: 'cilCloudy', icon: cilCloudy, label: '흐림' }, + { name: 'cilCode', icon: cilCode, label: '코드' }, + { name: 'cilCoffee', icon: cilCoffee, label: '커피' }, + { name: 'cilCog', icon: cilCog, label: '톱니바퀴' }, + { name: 'cilColorBorder', icon: cilColorBorder, label: '색상 테두리' }, + { name: 'cilColorFill', icon: cilColorFill, label: '색상 채우기' }, + { name: 'cilColorPalette', icon: cilColorPalette, label: '색상 팔레트' }, + { name: 'cilColumns', icon: cilColumns, label: '컬럼' }, + { name: 'cilCommand', icon: cilCommand, label: '커맨드' }, + { name: 'cilCommentBubble', icon: cilCommentBubble, label: '댓글' }, + { name: 'cilCommentSquare', icon: cilCommentSquare, label: '네모 댓글' }, + { name: 'cilCompass', icon: cilCompass, label: '나침반' }, + { name: 'cilCompress', icon: cilCompress, label: '압축' }, + { name: 'cilContact', icon: cilContact, label: '연락처' }, + { name: 'cilContrast', icon: cilContrast, label: '대비' }, + { name: 'cilControl', icon: cilControl, label: '컨트롤' }, + { name: 'cilCopy', icon: cilCopy, label: '복사' }, + { name: 'cilCouch', icon: cilCouch, label: '소파' }, + { name: 'cilCreditCard', icon: cilCreditCard, label: '신용카드' }, + { name: 'cilCropRotate', icon: cilCropRotate, label: '자르기 회전' }, + { name: 'cilCrop', icon: cilCrop, label: '자르기' }, + { name: 'cilCursorMove', icon: cilCursorMove, label: '커서 이동' }, + { name: 'cilCursor', icon: cilCursor, label: '커서' }, + { name: 'cilCut', icon: cilCut, label: '잘라내기' }, + { name: 'cilDataTransferDown', icon: cilDataTransferDown, label: '데이터 다운로드' }, + { name: 'cilDataTransferUp', icon: cilDataTransferUp, label: '데이터 업로드' }, + { name: 'cilDeaf', icon: cilDeaf, label: '청각 장애' }, + { name: 'cilDelete', icon: cilDelete, label: '삭제' }, + { name: 'cilDescription', icon: cilDescription, label: '설명' }, + { name: 'cilDevices', icon: cilDevices, label: '장치' }, + { name: 'cilDialpad', icon: cilDialpad, label: '다이얼패드' }, + { name: 'cilDiamond', icon: cilDiamond, label: '다이아몬드' }, + { name: 'cilDinner', icon: cilDinner, label: '저녁 식사' }, + { name: 'cilDisabled', icon: cilDisabled, label: '장애인' }, + { name: 'cilDog', icon: cilDog, label: '개' }, + { name: 'cilDollar', icon: cilDollar, label: '달러' }, + { name: 'cilDoor', icon: cilDoor, label: '문' }, + { name: 'cilDoubleQuoteSansLeft', icon: cilDoubleQuoteSansLeft, label: '왼쪽 인용부호' }, + { name: 'cilDoubleQuoteSansRight', icon: cilDoubleQuoteSansRight, label: '오른쪽 인용부호' }, + { name: 'cilDrinkAlcohol', icon: cilDrinkAlcohol, label: '알코올' }, + { name: 'cilDrink', icon: cilDrink, label: '음료' }, + { name: 'cilDrop', icon: cilDrop, label: '물방울' }, + { name: 'cilEco', icon: cilEco, label: '에코' }, + { name: 'cilEducation', icon: cilEducation, label: '교육' }, + { name: 'cilElevator', icon: cilElevator, label: '엘리베이터' }, + { name: 'cilEnvelopeClosed', icon: cilEnvelopeClosed, label: '봉투' }, + { name: 'cilEnvelopeLetter', icon: cilEnvelopeLetter, label: '편지' }, + { name: 'cilEnvelopeOpen', icon: cilEnvelopeOpen, label: '열린 봉투' }, + { name: 'cilEqualizer', icon: cilEqualizer, label: '이퀄라이저' }, + { name: 'cilEthernet', icon: cilEthernet, label: '이더넷' }, + { name: 'cilEuro', icon: cilEuro, label: '유로' }, + { name: 'cilExcerpt', icon: cilExcerpt, label: '발췌' }, + { name: 'cilExitToApp', icon: cilExitToApp, label: '앱 종료' }, + { name: 'cilExpandDown', icon: cilExpandDown, label: '아래로 확장' }, + { name: 'cilExpandLeft', icon: cilExpandLeft, label: '왼쪽으로 확장' }, + { name: 'cilExpandRight', icon: cilExpandRight, label: '오른쪽으로 확장' }, + { name: 'cilExpandUp', icon: cilExpandUp, label: '위로 확장' }, + { name: 'cilExposure', icon: cilExposure, label: '노출' }, + { name: 'cilExternalLink', icon: cilExternalLink, label: '외부 링크' }, + { name: 'cilEyedropper', icon: cilEyedropper, label: '스포이드' }, + { name: 'cilFaceDead', icon: cilFaceDead, label: '죽은 얼굴' }, + { name: 'cilFace', icon: cilFace, label: '얼굴' }, + { name: 'cilFactorySlash', icon: cilFactorySlash, label: '공장 폐쇄' }, + { name: 'cilFactory', icon: cilFactory, label: '공장' }, + { name: 'cilFastfood', icon: cilFastfood, label: '패스트푸드' }, + { name: 'cilFax', icon: cilFax, label: '팩스' }, + { name: 'cilFeaturedPlaylist', icon: cilFeaturedPlaylist, label: '추천 재생목록' }, + { name: 'cilFile', icon: cilFile, label: '파일' }, + { name: 'cilFilterFrames', icon: cilFilterFrames, label: '프레임 필터' }, + { name: 'cilFilterPhoto', icon: cilFilterPhoto, label: '사진 필터' }, + { name: 'cilFilterSquare', icon: cilFilterSquare, label: '네모 필터' }, + { name: 'cilFilterX', icon: cilFilterX, label: '필터 제거' }, + { name: 'cilFilter', icon: cilFilter, label: '필터' }, + { name: 'cilFindInPage', icon: cilFindInPage, label: '페이지에서 찾기' }, + { name: 'cilFingerprint', icon: cilFingerprint, label: '지문' }, + { name: 'cilFire', icon: cilFire, label: '불' }, + { name: 'cilFlagAlt', icon: cilFlagAlt, label: '깃발' }, + { name: 'cilFlightTakeoff', icon: cilFlightTakeoff, label: '이륙' }, + { name: 'cilFlipToBack', icon: cilFlipToBack, label: '뒤로 보내기' }, + { name: 'cilFlipToFront', icon: cilFlipToFront, label: '앞으로 가져오기' }, + { name: 'cilFlip', icon: cilFlip, label: '뒤집기' }, + { name: 'cilFlower', icon: cilFlower, label: '꽃' }, + { name: 'cilFolderOpen', icon: cilFolderOpen, label: '열린 폴더' }, + { name: 'cilFolder', icon: cilFolder, label: '폴더' }, + { name: 'cilFont', icon: cilFont, label: '글꼴' }, + { name: 'cilFootball', icon: cilFootball, label: '축구' }, + { name: 'cilFork', icon: cilFork, label: '포크' }, + { name: 'cilFridge', icon: cilFridge, label: '냉장고' }, + { name: 'cilFrown', icon: cilFrown, label: '찡그림' }, + { name: 'cilFullscreenExit', icon: cilFullscreenExit, label: '전체화면 종료' }, + { name: 'cilFullscreen', icon: cilFullscreen, label: '전체화면' }, + { name: 'cilFunctionsAlt', icon: cilFunctionsAlt, label: '함수' }, + { name: 'cilFunctions', icon: cilFunctions, label: '함수' }, + { name: 'cilGamepad', icon: cilGamepad, label: '게임패드' }, + { name: 'cilGarage', icon: cilGarage, label: '차고' }, + { name: 'cilGem', icon: cilGem, label: '보석' }, + { name: 'cilGif', icon: cilGif, label: 'GIF' }, + { name: 'cilGift', icon: cilGift, label: '선물' }, + { name: 'cilGlobeAlt', icon: cilGlobeAlt, label: '지구본' }, + { name: 'cilGolfAlt', icon: cilGolfAlt, label: '골프' }, + { name: 'cilGolf', icon: cilGolf, label: '골프' }, + { name: 'cilGradient', icon: cilGradient, label: '그라디언트' }, + { name: 'cilGrain', icon: cilGrain, label: '곡물' }, + { name: 'cilGraph', icon: cilGraph, label: '그래프' }, + { name: 'cilGridSlash', icon: cilGridSlash, label: '그리드 제거' }, + { name: 'cilGrid', icon: cilGrid, label: '그리드' }, + { name: 'cilGroup', icon: cilGroup, label: '그룹' }, + { name: 'cilHamburgerMenu', icon: cilHamburgerMenu, label: '햄버거 메뉴' }, + { name: 'cilHandPointDown', icon: cilHandPointDown, label: '손가락 아래' }, + { name: 'cilHandPointLeft', icon: cilHandPointLeft, label: '손가락 왼쪽' }, + { name: 'cilHandPointRight', icon: cilHandPointRight, label: '손가락 오른쪽' }, + { name: 'cilHandPointUp', icon: cilHandPointUp, label: '손가락 위' }, + { name: 'cilHandshake', icon: cilHandshake, label: '악수' }, + { name: 'cilHappy', icon: cilHappy, label: '행복' }, + { name: 'cilHd', icon: cilHd, label: 'HD' }, + { name: 'cilHdr', icon: cilHdr, label: 'HDR' }, + { name: 'cilHeader', icon: cilHeader, label: '헤더' }, + { name: 'cilHeadphones', icon: cilHeadphones, label: '헤드폰' }, + { name: 'cilHealing', icon: cilHealing, label: '치유' }, + { name: 'cilHeart', icon: cilHeart, label: '하트' }, + { name: 'cilHighlighter', icon: cilHighlighter, label: '형광펜' }, + { name: 'cilHighligt', icon: cilHighligt, label: '하이라이트' }, + { name: 'cilHistory', icon: cilHistory, label: '기록' }, + { name: 'cilHome', icon: cilHome, label: '홈' }, + { name: 'cilHospital', icon: cilHospital, label: '병원' }, + { name: 'cilHotTub', icon: cilHotTub, label: '온수 욕조' }, + { name: 'cilHouse', icon: cilHouse, label: '집' }, + { name: 'cilHttps', icon: cilHttps, label: 'HTTPS' }, + { name: 'cilImageBroken', icon: cilImageBroken, label: '깨진 이미지' }, + { name: 'cilImagePlus', icon: cilImagePlus, label: '이미지 추가' }, + { name: 'cilImage', icon: cilImage, label: '이미지' }, + { name: 'cilInbox', icon: cilInbox, label: '받은 편지함' }, + { name: 'cilIndentDecrease', icon: cilIndentDecrease, label: '들여쓰기 감소' }, + { name: 'cilIndentIncrease', icon: cilIndentIncrease, label: '들여쓰기 증가' }, + { name: 'cilIndustrySlash', icon: cilIndustrySlash, label: '산업 폐쇄' }, + { name: 'cilIndustry', icon: cilIndustry, label: '산업' }, + { name: 'cilInfinity', icon: cilInfinity, label: '무한대' }, + { name: 'cilInfo', icon: cilInfo, label: '정보' }, + { name: 'cilInputHdmi', icon: cilInputHdmi, label: 'HDMI 입력' }, + { name: 'cilInputPower', icon: cilInputPower, label: '전원 입력' }, + { name: 'cilInput', icon: cilInput, label: '입력' }, + { name: 'cilInstitution', icon: cilInstitution, label: '기관' }, + { name: 'cilItalic', icon: cilItalic, label: '기울임' }, + { name: 'cilJustifyCenter', icon: cilJustifyCenter, label: '가운데 정렬' }, + { name: 'cilJustifyLeft', icon: cilJustifyLeft, label: '왼쪽 정렬' }, + { name: 'cilJustifyRight', icon: cilJustifyRight, label: '오른쪽 정렬' }, + { name: 'cilKeyboard', icon: cilKeyboard, label: '키보드' }, + { name: 'cilLan', icon: cilLan, label: 'LAN' }, + { name: 'cilLanguage', icon: cilLanguage, label: '언어' }, + { name: 'cilLaptop', icon: cilLaptop, label: '노트북' }, + { name: 'cilLayers', icon: cilLayers, label: '레이어' }, + { name: 'cilLeaf', icon: cilLeaf, label: '잎' }, + { name: 'cilLemon', icon: cilLemon, label: '레몬' }, + { name: 'cilLevelDown', icon: cilLevelDown, label: '레벨 다운' }, + { name: 'cilLevelUp', icon: cilLevelUp, label: '레벨 업' }, + { name: 'cilLibraryAdd', icon: cilLibraryAdd, label: '라이브러리 추가' }, + { name: 'cilLibraryBuilding', icon: cilLibraryBuilding, label: '도서관 건물' }, + { name: 'cilLibrary', icon: cilLibrary, label: '라이브러리' }, + { name: 'cilLifeRing', icon: cilLifeRing, label: '구명 튜브' }, + { name: 'cilLightbulb', icon: cilLightbulb, label: '전구' }, + { name: 'cilLineSpacing', icon: cilLineSpacing, label: '줄 간격' }, + { name: 'cilLineStyle', icon: cilLineStyle, label: '선 스타일' }, + { name: 'cilLineWeight', icon: cilLineWeight, label: '선 굵기' }, + { name: 'cilLinkAlt', icon: cilLinkAlt, label: '링크' }, + { name: 'cilLinkBroken', icon: cilLinkBroken, label: '끊어진 링크' }, + { name: 'cilLink', icon: cilLink, label: '링크' }, + { name: 'cilListFilter', icon: cilListFilter, label: '목록 필터' }, + { name: 'cilListHighPriority', icon: cilListHighPriority, label: '높은 우선순위' }, + { name: 'cilListLowPriority', icon: cilListLowPriority, label: '낮은 우선순위' }, + { name: 'cilListNumberedRtl', icon: cilListNumberedRtl, label: '번호 목록 RTL' }, + { name: 'cilListNumbered', icon: cilListNumbered, label: '번호 목록' }, + { name: 'cilListRich', icon: cilListRich, label: '리치 목록' }, + { name: 'cilList', icon: cilList, label: '목록' }, + { name: 'cilLocationPin', icon: cilLocationPin, label: '위치 핀' }, + { name: 'cilLockLocked', icon: cilLockLocked, label: '잠금' }, + { name: 'cilLockUnlocked', icon: cilLockUnlocked, label: '잠금 해제' }, + { name: 'cilLocomotive', icon: cilLocomotive, label: '기관차' }, + { name: 'cilLoop1', icon: cilLoop1, label: '1회 반복' }, + { name: 'cilLoopCircular', icon: cilLoopCircular, label: '원형 반복' }, + { name: 'cilLoop', icon: cilLoop, label: '반복' }, + { name: 'cilLowVision', icon: cilLowVision, label: '저시력' }, + { name: 'cilMagnifyingGlass', icon: cilMagnifyingGlass, label: '돋보기' }, + { name: 'cilMap', icon: cilMap, label: '지도' }, + { name: 'cilMediaEject', icon: cilMediaEject, label: '미디어 꺼내기' }, + { name: 'cilMediaPause', icon: cilMediaPause, label: '일시 정지' }, + { name: 'cilMediaPlay', icon: cilMediaPlay, label: '재생' }, + { name: 'cilMediaRecord', icon: cilMediaRecord, label: '녹음' }, + { name: 'cilMediaSkipBackward', icon: cilMediaSkipBackward, label: '이전으로' }, + { name: 'cilMediaSkipForward', icon: cilMediaSkipForward, label: '다음으로' }, + { name: 'cilMediaStepBackward', icon: cilMediaStepBackward, label: '한 단계 뒤로' }, + { name: 'cilMediaStepForward', icon: cilMediaStepForward, label: '한 단계 앞으로' }, + { name: 'cilMediaStop', icon: cilMediaStop, label: '정지' }, + { name: 'cilMedicalCross', icon: cilMedicalCross, label: '의료 십자가' }, + { name: 'cilMeh', icon: cilMeh, label: '무표정' }, + { name: 'cilMemory', icon: cilMemory, label: '메모리' }, + { name: 'cilMenu', icon: cilMenu, label: '메뉴' }, + { name: 'cilMic', icon: cilMic, label: '마이크' }, + { name: 'cilMicrophone', icon: cilMicrophone, label: '마이크' }, + { name: 'cilMinus', icon: cilMinus, label: '빼기' }, + { name: 'cilMobileLandscape', icon: cilMobileLandscape, label: '모바일 가로' }, + { name: 'cilMobile', icon: cilMobile, label: '모바일' }, + { name: 'cilMoney', icon: cilMoney, label: '돈' }, + { name: 'cilMonitor', icon: cilMonitor, label: '모니터' }, + { name: 'cilMoodBad', icon: cilMoodBad, label: '나쁜 기분' }, + { name: 'cilMoodGood', icon: cilMoodGood, label: '좋은 기분' }, + { name: 'cilMoodVeryBad', icon: cilMoodVeryBad, label: '매우 나쁜 기분' }, + { name: 'cilMoodVeryGood', icon: cilMoodVeryGood, label: '매우 좋은 기분' }, + { name: 'cilMoon', icon: cilMoon, label: '달' }, + { name: 'cilMouse', icon: cilMouse, label: '마우스' }, + { name: 'cilMouthSlash', icon: cilMouthSlash, label: '마스크' }, + { name: 'cilMove', icon: cilMove, label: '이동' }, + { name: 'cilMovie', icon: cilMovie, label: '영화' }, + { name: 'cilMugTea', icon: cilMugTea, label: '차' }, + { name: 'cilMug', icon: cilMug, label: '머그컵' }, + { name: 'cilMusicNote', icon: cilMusicNote, label: '음표' }, + { name: 'cilNewspaper', icon: cilNewspaper, label: '신문' }, + { name: 'cilNoteAdd', icon: cilNoteAdd, label: '노트 추가' }, + { name: 'cilNotes', icon: cilNotes, label: '노트' }, + { name: 'cilObjectGroup', icon: cilObjectGroup, label: '객체 그룹' }, + { name: 'cilObjectUngroup', icon: cilObjectUngroup, label: '객체 그룹 해제' }, + { name: 'cilOpacity', icon: cilOpacity, label: '불투명도' }, + { name: 'cilOpentype', icon: cilOpentype, label: '오픈타입' }, + { name: 'cilOptions', icon: cilOptions, label: '옵션' }, + { name: 'cilPaintBucket', icon: cilPaintBucket, label: '페인트 통' }, + { name: 'cilPaint', icon: cilPaint, label: '페인트' }, + { name: 'cilPaperPlane', icon: cilPaperPlane, label: '종이 비행기' }, + { name: 'cilPaperclip', icon: cilPaperclip, label: '클립' }, + { name: 'cilParagraph', icon: cilParagraph, label: '문단' }, + { name: 'cilPaw', icon: cilPaw, label: '발자국' }, + { name: 'cilPenAlt', icon: cilPenAlt, label: '펜' }, + { name: 'cilPenNib', icon: cilPenNib, label: '펜촉' }, + { name: 'cilPen', icon: cilPen, label: '펜' }, + { name: 'cilPencil', icon: cilPencil, label: '연필' }, + { name: 'cilPeople', icon: cilPeople, label: '사람들' }, + { name: 'cilPhone', icon: cilPhone, label: '전화' }, + { name: 'cilPin', icon: cilPin, label: '핀' }, + { name: 'cilPizza', icon: cilPizza, label: '피자' }, + { name: 'cilPlant', icon: cilPlant, label: '식물' }, + { name: 'cilPlaylistAdd', icon: cilPlaylistAdd, label: '재생목록 추가' }, + { name: 'cilPlus', icon: cilPlus, label: '더하기' }, + { name: 'cilPool', icon: cilPool, label: '수영장' }, + { name: 'cilPowerStandby', icon: cilPowerStandby, label: '전원' }, + { name: 'cilPregnant', icon: cilPregnant, label: '임산부' }, + { name: 'cilPrint', icon: cilPrint, label: '인쇄' }, + { name: 'cilPushchair', icon: cilPushchair, label: '유모차' }, + { name: 'cilPuzzle', icon: cilPuzzle, label: '퍼즐' }, + { name: 'cilQrCode', icon: cilQrCode, label: 'QR코드' }, + { name: 'cilRain', icon: cilRain, label: '비' }, + { name: 'cilRectangle', icon: cilRectangle, label: '사각형' }, + { name: 'cilRecycle', icon: cilRecycle, label: '재활용' }, + { name: 'cilReload', icon: cilReload, label: '새로고침' }, + { name: 'cilReportSlash', icon: cilReportSlash, label: '신고 취소' }, + { name: 'cilResizeBoth', icon: cilResizeBoth, label: '크기 조절' }, + { name: 'cilResizeHeight', icon: cilResizeHeight, label: '높이 조절' }, + { name: 'cilResizeWidth', icon: cilResizeWidth, label: '너비 조절' }, + { name: 'cilRestaurant', icon: cilRestaurant, label: '레스토랑' }, + { name: 'cilRoom', icon: cilRoom, label: '방' }, + { name: 'cilRouter', icon: cilRouter, label: '라우터' }, + { name: 'cilRowing', icon: cilRowing, label: '조정' }, + { name: 'cilRss', icon: cilRss, label: 'RSS' }, + { name: 'cilRuble', icon: cilRuble, label: '루블' }, + { name: 'cilRunning', icon: cilRunning, label: '달리기' }, + { name: 'cilSad', icon: cilSad, label: '슬픔' }, + { name: 'cilSatelite', icon: cilSatelite, label: '위성' }, + { name: 'cilSave', icon: cilSave, label: '저장' }, + { name: 'cilSchool', icon: cilSchool, label: '학교' }, + { name: 'cilScreenDesktop', icon: cilScreenDesktop, label: '데스크탑 화면' }, + { name: 'cilScreenSmartphone', icon: cilScreenSmartphone, label: '스마트폰 화면' }, + { name: 'cilScrubber', icon: cilScrubber, label: '스크러버' }, + { name: 'cilSearch', icon: cilSearch, label: '검색' }, + { name: 'cilSend', icon: cilSend, label: '보내기' }, + { name: 'cilSettings', icon: cilSettings, label: '설정' }, + { name: 'cilShareAll', icon: cilShareAll, label: '모두 공유' }, + { name: 'cilShareAlt', icon: cilShareAlt, label: '공유' }, + { name: 'cilShareBoxed', icon: cilShareBoxed, label: '박스 공유' }, + { name: 'cilShare', icon: cilShare, label: '공유' }, + { name: 'cilShieldAlt', icon: cilShieldAlt, label: '방패' }, + { name: 'cilShortText', icon: cilShortText, label: '짧은 텍스트' }, + { name: 'cilShower', icon: cilShower, label: '샤워' }, + { name: 'cilSignLanguage', icon: cilSignLanguage, label: '수화' }, + { name: 'cilSignalCellular0', icon: cilSignalCellular0, label: '신호 0' }, + { name: 'cilSignalCellular3', icon: cilSignalCellular3, label: '신호 3' }, + { name: 'cilSignalCellular4', icon: cilSignalCellular4, label: '신호 4' }, + { name: 'cilSim', icon: cilSim, label: 'SIM' }, + { name: 'cilSitemap', icon: cilSitemap, label: '사이트맵' }, + { name: 'cilSmilePlus', icon: cilSmilePlus, label: '스마일 추가' }, + { name: 'cilSmile', icon: cilSmile, label: '스마일' }, + { name: 'cilSmokeFree', icon: cilSmokeFree, label: '금연' }, + { name: 'cilSmokeSlash', icon: cilSmokeSlash, label: '흡연 금지' }, + { name: 'cilSmoke', icon: cilSmoke, label: '연기' }, + { name: 'cilSmokingRoom', icon: cilSmokingRoom, label: '흡연실' }, + { name: 'cilSnowflake', icon: cilSnowflake, label: '눈송이' }, + { name: 'cilSoccer', icon: cilSoccer, label: '축구' }, + { name: 'cilSofa', icon: cilSofa, label: '소파' }, + { name: 'cilSortAlphaDown', icon: cilSortAlphaDown, label: '알파벳 내림차순' }, + { name: 'cilSortAlphaUp', icon: cilSortAlphaUp, label: '알파벳 오름차순' }, + { name: 'cilSortAscending', icon: cilSortAscending, label: '오름차순' }, + { name: 'cilSortDescending', icon: cilSortDescending, label: '내림차순' }, + { name: 'cilSortNumericDown', icon: cilSortNumericDown, label: '숫자 내림차순' }, + { name: 'cilSortNumericUp', icon: cilSortNumericUp, label: '숫자 오름차순' }, + { name: 'cilSpa', icon: cilSpa, label: '스파' }, + { name: 'cilSpaceBar', icon: cilSpaceBar, label: '스페이스바' }, + { name: 'cilSpeak', icon: cilSpeak, label: '말하기' }, + { name: 'cilSpeaker', icon: cilSpeaker, label: '스피커' }, + { name: 'cilSpeech', icon: cilSpeech, label: '연설' }, + { name: 'cilSpeedometer', icon: cilSpeedometer, label: '속도계' }, + { name: 'cilSpreadsheet', icon: cilSpreadsheet, label: '스프레드시트' }, + { name: 'cilSquare', icon: cilSquare, label: '사각형' }, + { name: 'cilStarHalf', icon: cilStarHalf, label: '반별' }, + { name: 'cilStar', icon: cilStar, label: '별' }, + { name: 'cilStorage', icon: cilStorage, label: '저장소' }, + { name: 'cilStream', icon: cilStream, label: '스트림' }, + { name: 'cilStrikethrough', icon: cilStrikethrough, label: '취소선' }, + { name: 'cilSun', icon: cilSun, label: '태양' }, + { name: 'cilSwapHorizontal', icon: cilSwapHorizontal, label: '가로 교환' }, + { name: 'cilSwapVertical', icon: cilSwapVertical, label: '세로 교환' }, + { name: 'cilSwimming', icon: cilSwimming, label: '수영' }, + { name: 'cilSync', icon: cilSync, label: '동기화' }, + { name: 'cilTablet', icon: cilTablet, label: '태블릿' }, + { name: 'cilTag', icon: cilTag, label: '태그' }, + { name: 'cilTags', icon: cilTags, label: '태그들' }, + { name: 'cilTask', icon: cilTask, label: '작업' }, + { name: 'cilTaxi', icon: cilTaxi, label: '택시' }, + { name: 'cilTennisBall', icon: cilTennisBall, label: '테니스공' }, + { name: 'cilTennis', icon: cilTennis, label: '테니스' }, + { name: 'cilTerminal', icon: cilTerminal, label: '터미널' }, + { name: 'cilTerrain', icon: cilTerrain, label: '지형' }, + { name: 'cilTextDirectionLtr', icon: cilTextDirectionLtr, label: '텍스트 LTR' }, + { name: 'cilTextDirectionRtl', icon: cilTextDirectionRtl, label: '텍스트 RTL' }, + { name: 'cilTextShapes', icon: cilTextShapes, label: '텍스트 도형' }, + { name: 'cilTextSize', icon: cilTextSize, label: '텍스트 크기' }, + { name: 'cilTextSquare', icon: cilTextSquare, label: '텍스트 박스' }, + { name: 'cilTextStrike', icon: cilTextStrike, label: '취소선 텍스트' }, + { name: 'cilText', icon: cilText, label: '텍스트' }, + { name: 'cilThumbDown', icon: cilThumbDown, label: '싫어요' }, + { name: 'cilThumbUp', icon: cilThumbUp, label: '좋아요' }, + { name: 'cilToggleOff', icon: cilToggleOff, label: '토글 끔' }, + { name: 'cilToggleOn', icon: cilToggleOn, label: '토글 켬' }, + { name: 'cilToilet', icon: cilToilet, label: '화장실' }, + { name: 'cilTouchApp', icon: cilTouchApp, label: '터치 앱' }, + { name: 'cilTransfer', icon: cilTransfer, label: '전송' }, + { name: 'cilTranslate', icon: cilTranslate, label: '번역' }, + { name: 'cilTrash', icon: cilTrash, label: '휴지통' }, + { name: 'cilTriangle', icon: cilTriangle, label: '삼각형' }, + { name: 'cilTruck', icon: cilTruck, label: '트럭' }, + { name: 'cilTv', icon: cilTv, label: 'TV' }, + { name: 'cilUnderline', icon: cilUnderline, label: '밑줄' }, + { name: 'cilUsb', icon: cilUsb, label: 'USB' }, + { name: 'cilUserFemale', icon: cilUserFemale, label: '여성 사용자' }, + { name: 'cilUserFollow', icon: cilUserFollow, label: '사용자 팔로우' }, + { name: 'cilUserPlus', icon: cilUserPlus, label: '사용자 추가' }, + { name: 'cilUserUnfollow', icon: cilUserUnfollow, label: '사용자 언팔로우' }, + { name: 'cilUserX', icon: cilUserX, label: '사용자 삭제' }, + { name: 'cilUser', icon: cilUser, label: '사용자' }, + { name: 'cilVector', icon: cilVector, label: '벡터' }, + { name: 'cilVerticalAlignBottom', icon: cilVerticalAlignBottom, label: '하단 정렬' }, + { name: 'cilVerticalAlignCenter', icon: cilVerticalAlignCenter, label: '중앙 정렬' }, + { name: 'cilVerticalAlignTop', icon: cilVerticalAlignTop, label: '상단 정렬' }, + { name: 'cilVideo', icon: cilVideo, label: '비디오' }, + { name: 'cilVideogame', icon: cilVideogame, label: '비디오 게임' }, + { name: 'cilViewColumn', icon: cilViewColumn, label: '열 보기' }, + { name: 'cilViewModule', icon: cilViewModule, label: '모듈 보기' }, + { name: 'cilViewQuilt', icon: cilViewQuilt, label: '퀼트 보기' }, + { name: 'cilViewStream', icon: cilViewStream, label: '스트림 보기' }, + { name: 'cilVoiceOverRecord', icon: cilVoiceOverRecord, label: '보이스오버 녹음' }, + { name: 'cilVoice', icon: cilVoice, label: '음성' }, + { name: 'cilVolumeHigh', icon: cilVolumeHigh, label: '볼륨 높음' }, + { name: 'cilVolumeLow', icon: cilVolumeLow, label: '볼륨 낮음' }, + { name: 'cilVolumeOff', icon: cilVolumeOff, label: '볼륨 끔' }, + { name: 'cilWalk', icon: cilWalk, label: '걷기' }, + { name: 'cilWallet', icon: cilWallet, label: '지갑' }, + { name: 'cilWallpaper', icon: cilWallpaper, label: '배경화면' }, + { name: 'cilWarning', icon: cilWarning, label: '경고' }, + { name: 'cilWatch', icon: cilWatch, label: '시계' }, + { name: 'cilWc', icon: cilWc, label: '화장실' }, + { name: 'cilWeightlifitng', icon: cilWeightlifitng, label: '역도' }, + { name: 'cilWheelchair', icon: cilWheelchair, label: '휠체어' }, + { name: 'cilWifiSignal0', icon: cilWifiSignal0, label: '와이파이 0' }, + { name: 'cilWifiSignal1', icon: cilWifiSignal1, label: '와이파이 1' }, + { name: 'cilWifiSignal2', icon: cilWifiSignal2, label: '와이파이 2' }, + { name: 'cilWifiSignal3', icon: cilWifiSignal3, label: '와이파이 3' }, + { name: 'cilWifiSignal4', icon: cilWifiSignal4, label: '와이파이 4' }, + { name: 'cilWifiSignalOff', icon: cilWifiSignalOff, label: '와이파이 끔' }, + { name: 'cilWindowMaximize', icon: cilWindowMaximize, label: '창 최대화' }, + { name: 'cilWindowMinimize', icon: cilWindowMinimize, label: '창 최소화' }, + { name: 'cilWindowRestore', icon: cilWindowRestore, label: '창 복원' }, + { name: 'cilWindow', icon: cilWindow, label: '창' }, + { name: 'cilWrapText', icon: cilWrapText, label: '텍스트 줄바꿈' }, + { name: 'cilXCircle', icon: cilXCircle, label: '원형 X' }, + { name: 'cilX', icon: cilX, label: 'X' }, + { name: 'cilYen', icon: cilYen, label: '엔화' }, + { name: 'cilZoomIn', icon: cilZoomIn, label: '확대' }, + { name: 'cilZoomOut', icon: cilZoomOut, label: '축소' }, + { name: 'cilZoom', icon: cilZoom, label: '줌' }, ]; import { @@ -162,6 +1175,7 @@ const AdminMenuManagement: React.FC = () => { const [deleteModalVisible, setDeleteModalVisible] = useState(false); const [hasChildMenus, setHasChildMenus] = useState(false); const [iconPickerVisible, setIconPickerVisible] = useState(false); + const [iconSearchQuery, setIconSearchQuery] = useState(''); const [isEditMode, setIsEditMode] = useState(false); const [selectedMenu, setSelectedMenu] = useState(null); const [formData, setFormData] = useState({ @@ -332,6 +1346,7 @@ const AdminMenuManagement: React.FC = () => { menuUrl: '', level: 1000, }); + setIconSearchQuery(''); setModalVisible(true); }; @@ -339,6 +1354,7 @@ const AdminMenuManagement: React.FC = () => { const handleEditClick = (menu: AdminMenu) => { setIsEditMode(true); setFormData({ ...menu }); + setIconSearchQuery(''); setModalVisible(true); }; @@ -387,6 +1403,12 @@ const AdminMenuManagement: React.FC = () => { })); }; + // 아이콘 검색 필터링 + const filteredIcons = availableIcons.filter((item) => + item.name.toLowerCase().includes(iconSearchQuery.toLowerCase()) || + item.label.toLowerCase().includes(iconSearchQuery.toLowerCase()) + ); + // 메뉴 저장 (추가/수정) const handleSave = async () => { try { @@ -732,8 +1754,21 @@ const AdminMenuManagement: React.FC = () => { backgroundColor: 'var(--cui-body-bg)', }} > -
- {availableIcons.map((item) => ( + setIconSearchQuery(e.target.value)} + className="mb-2" + /> +
+ {filteredIcons.map((item) => ( { ))}
+ + {filteredIcons.length}개 아이콘 표시 중 (총 {availableIcons.length}개) +
)} 클릭하여 아이콘을 선택하세요 (선택사항)