사이트 테마

Classic/VPC 환경에서 이용 가능합니다.

사이트 테마 메뉴에서는 회사의 로고, WORKPLACE 컬러, 상단 메뉴, 홈 위젯을 관리할 수 있습니다.

회사 로고 및 컬러 관리

회사 로고 및 컬러 관리 메뉴에서는 로그인 페이지, PC 웹, 모바일 앱 로딩 및 화면 상단에 표시되는 회사 로고와 회사명을 등록하고 수정할 수 있습니다. 또한, 컬러를 설정하여 WORKPLACE에 회사의 아이덴티티를 강화할 수 있습니다.

회사 로고 및 컬러 관리 화면은 다음과 같이 구성되어 있습니다.

회사 로고 및 컬러 변경

회사 로고 또는 컬러를 변경하는 방법은 다음과 같습니다.

1. WORKPLACE PC 웹 화면에서 [서비스 메뉴] > [Admin] 버튼을 클릭해 주십시오.
2. 사이트 테마 > 회사 로고 및 컬러 관리 메뉴를 클릭해 주십시오.
3. 변경할 사항을 적용해 주십시오.
   • 로고 이미지를 등록하려면 [파일 찾아보기] 버튼을 클릭해 주십시오.
   • 회사명 또는 로고 이미지 사용 여부를 설정해 주십시오.
   • 사용할 컬러를 선택해 주십시오.
   • 미리 보기 영역에서 설정된 로고와 컬러를 확인할 수 있습니다.
4. [저장] 버튼을 클릭해 주십시오.
   • 변경한 사항이 WORKPLACE에 반영됩니다.
   • 회사 로고 및 컬러 변경을 취소하려면 [취소] 버튼을 클릭해 주십시오.
   • 최초 설정값으로 되돌리려면 [초기화] 버튼을 클릭해 주십시오.

상단 메뉴 관리

상단 메뉴 관리 메뉴에서는 WORKPLACE에서 제공되는 서비스뿐만 아니라 자주 방문하는 사이트의 바로가기를 추가하고 관리할 수 있습니다.

상단 메뉴 관리 화면은 다음과 같이 구성되어 있습니다.

영역	설명
① 바로가기 메뉴 영역	직접 추가한 바로가기 메뉴 표시
② 추가	클릭하여 WORKPLACE 상단 서비스 메뉴 영역에 새로운 바로가기 메뉴 추가(바로가기 메뉴 추가 참조)
③관리자 메뉴 영역	WORKPLACE에서 사용 중인 관리 메뉴 표시 및 노출 순서 관리 위치: 메뉴 클릭 시 페이지가 열릴 위치 선택 순서 변경: 마우스를 올리면표시, 드래그 앤 드롭으로 서비스 메뉴 영역에 노출될 순서 변경 삭제: 을 클릭하여 바로가기 메뉴 삭제(바로가기 메뉴 삭제 참조)
④ 사용자 메뉴 영역	사용 중인 서비스에 따라 내 공간, 예약, 게시판, 결재, 메일, 캘린더 메뉴의 열릴 위치 선택 및 노출 순서 관리 위치: 메뉴 클릭 시 페이지가 열릴 위치 선택 순서 변경: 마우스를 올리면표시, 드래그 앤 드롭으로 표시 순서 변경(PC화면은 화면 우측 상단, 모바일 환경에서는 오른쪽 상단에 있는 버튼 터치 시에 표시)
⑤ 고정 링크 영역	WORKPLACE 상단에 표시할 커스텀 고정 링크 메뉴 영역 메뉴 노출 위치: PC화면의 우측 상단(사원명 우측)과 모바일 웹/앱의 Footer 영역에 노출 메뉴명: 노출할 메뉴명 입력 위치/URL: 메뉴 클릭 시 페이지가 열릴 위치 선택 및 이동할 URL 입력
⑥ 저장	변경한 사항 반영
⑦ 초기화	최초 설정값으로 되돌림

바로가기 메뉴 추가

상단 서비스 메뉴 내에 바로가기 메뉴를 추가하는 방법은 다음과 같습니다.

1. WORKPLACE PC 웹 화면에서 [서비스 메뉴] > [Admin] 버튼을 클릭해 주십시오.
2. 사이트 테마 > 상단 메뉴 관리 메뉴를 클릭해 주십시오.
3. 바로가기 영역의 [추가] 버튼을 클릭해 주십시오.
4. 바로가기 설정 팝업에서 정보를 입력해 주십시오.
   • 아이콘을 등록해 주십시오.
     • [파일 첨부] 버튼을 클릭한 후 메뉴 이미지를 등록해 주십시오.
     • 이미지를 등록하지 않으면 기본 이미지로 표시됩니다.
     • 미리 보기 영역에서 추가된 메뉴를 미리 확인할 수 있습니다.
   • 바로가기 명에 등록할 메뉴명을 입력해 주십시오.
   • 메뉴 클릭 시 이동할 URL을 입력해 주십시오.
     • 필요한 경우, URL에 파라미터를 적용할 수 있습니다. (<예시> http://test.com/auth?loginId={{LOGINID}}&timestmp={{TIMESTAMP}})
     • 파라미터를 적용하는 방법은 아래와 같습니다.
       • URL 입력창에서 원하는 위치에 마우스 커서를 위치시켜 주십시오. 마우스 커서를 위치시키지 않은 경우 URL의 가장 앞부분에 추가됩니다.
       • 파라미터 입력을 클릭하여 삽입할 파라미터를 선택해 주십시오. 커서 위치에 파라미터가 추가됩니다.
         • 제공되는 파라미터는 현재 시각, 로그인 아이디입니다.
       • 파라미터 값은 암호화되어 전송되며, 복호화 후 활용 가능합니다. 파라미터 암호화 정보 확인 및 복호화를 참조해 주십시오.
   • 메뉴 클릭 시 메뉴 페이지를 열 위치를 선택해 주십시오.
   • 메뉴가 노출될 대상을 선택해 주십시오.
     • PC: PC화면의 우측 상단 서비스 메뉴 내 노출
     • 모바일: 모바일 웹/앱 화면의 메뉴 > 바로가기 영역에 노출
5. [저장] 버튼을 클릭해 주십시오.
   • 추가한 메뉴가 상단 메뉴에 표시됩니다.
   • 최초 설정값으로 되돌리려면 [초기화] 버튼을 클릭해 주십시오.

파라미터 암호화 정보 확인 및 복호화

파라미터 복호화 방법은 다음과 같습니다.

1. 네이버 클라우드 플랫폼 콘솔에서 Services > Business Applications > WORKPLACE 메뉴를 차례대로 클릭해 주십시오.

2. Developers 메뉴를 클릭해 주십시오.

   • 알림 팝업 창이 나타나는 경우, 팝업 창의 내용을 확인한 후 [닫기] 버튼을 클릭해 주십시오.

3. 기본 설정 메뉴를 클릭해 주십시오.

4. 암호화 설정 영역의 복호화 키를 복사해 주십시오.(암호화 방식: AES 128)

   • WORKPLACE 개발 > 기본 설정 > 복호화 키를 참조해 주십시오.

5. 아래 복호화 소스를 참고하여 복호화를 진행해 주십시오.

   • EncryptDecryptUtil.java

     import javax.crypto.Cipher;
     import javax.crypto.spec.IvParameterSpec;
     import javax.crypto.spec.SecretKeySpec;
     import java.nio.charset.StandardCharsets;
     import java.util.function.BiFunction;
   
     /**
      * AES 128을 활용한 암호화 복호화 알고리즘
      */
     public class EncryptDecryptUtil {
   
         /**
          * 암호화 함수
          * @param key 암호화할 키 값
          * @param target 암호화활 대상
          * @return 암호화된 데이터
          * @throws Exception 키가 잘못된 경우, 암호화 중에 에러가 발생할 경우
          */
         public static String encrypt(String key, String target) throws Exception {
             return byteArrayToHex(getInstance().apply(key, Cipher.ENCRYPT_MODE).doFinal(target.getBytes(StandardCharsets.UTF_8)));
         }
   
         /**
          * 복호화 함수
          * @param key 복호화할 키 값
          * @param target 복호화할 암호화된 데이터
          * @return 복호화된 데이터
          * @throws Exception 키가 잘못된 경우, 복호화가 되지 못하는 데이터인 경우 에러 처리
          */
         public static String decrypt(String key, String target) throws Exception {
             return new String(getInstance().apply(key, Cipher.DECRYPT_MODE).doFinal(hexToByteArray(target)), StandardCharsets.UTF_8);
         }
   
         static BiFunction<String, Integer, Cipher> getInstance() {
             return (key, mode) -> {
                 try {
                     byte[] keyBytes = new byte[16];
                     byte[] parameterKeyBytes = key.getBytes(StandardCharsets.UTF_8);
                     System.arraycopy(parameterKeyBytes, 0, keyBytes, 0, Math.min(parameterKeyBytes.length, keyBytes.length));
                     Cipher cipher = Cipher.getInstance("AES/CBC/PKCS5Padding");
                     cipher.init(mode, new SecretKeySpec(keyBytes, "AES"), new IvParameterSpec(keyBytes));
                     return cipher;
                 } catch (Exception e) {
                     throw new RuntimeException(e);
                 }
             };
         }
   
         static String byteArrayToHex(byte[] ba) {
             StringBuilder sb = new StringBuilder(ba.length * 2);
             for (byte b : ba) {
                 String hexNumber = "0" + Integer.toHexString(0xff & b);
                 sb.append(hexNumber.substring(hexNumber.length() - 2));
             }
             return sb.toString();
         }
   
         static byte[] hexToByteArray(String hex) {
             byte[] ba = new byte[hex.length() / 2];
             for (int i = 0; i < ba.length; i++) {
                 ba[i] = (byte) Integer.parseInt(hex.substring(2 * i, 2 * i + 2), 16);
             }
             return ba;
         }
     }
   

   • Main.java

    public class Main {
        public static void main(String... args) throws Exception {
   
            String key = "708e0b8a6226ae23";                                    //암호화 복호화할 키 값
            String encryptLoginId = "9101a5c3b3fb580d85f8dfe2d49b2454";         //암호화된 데이터
            String loginId = "test@test.com";                                   //암호화 되기 전 데이터
   
            String result = EncryptDecryptUtil.decrypt(key, encryptLoginId);    //복호화
   
            System.out.println("loginId: " + loginId + ", result: " + result);  //데이터 비교
        }
    }
   

바로가기 메뉴 수정

바로가기 메뉴를 수정하는 방법은 다음과 같습니다.

1. WORKPLACE PC 웹 화면에서 [서비스 메뉴] > [Admin] 버튼을 클릭해 주십시오.
2. 사이트 테마 > 상단 메뉴 관리 메뉴를 클릭해 주십시오.
3. 수정할 메뉴의 버튼을 클릭해 주십시오.
   • 추가한 메뉴는 아이콘 이미지, 바로가기 명, URL, 위치, 대상을 모두 수정할 수 있습니다.(바로가기 메뉴 추가 참조)
4. [저장] 버튼을 클릭해 주십시오.
   • 변경한 내용이 반영됩니다.

바로가기 메뉴 삭제

바로가기 메뉴를 삭제하는 방법은 다음과 같습니다.

1. WORKPLACE PC 웹 화면에서 [서비스 메뉴] > [Admin] 버튼을 클릭해 주십시오.
2. 사이트 테마 > 상단 메뉴 관리 메뉴를 클릭해 주십시오.
3. 삭제할 메뉴의 을 클릭해 주십시오.
4. [저장] 버튼을 클릭해 주십시오.
   • 바로가기 메뉴가 삭제됩니다.

홈 위젯 관리

홈 위젯 관리 메뉴에서는 홈 화면에 항상 표시되거나 노출하지 않을 위젯을 설정할 수 있습니다.
위젯의 사용 여부, 필수 여부 및 홈 편집 화면의 열릴 위치를 선택한 후 [저장] 버튼을 클릭해 주십시오.

• 관리자가 필수로 설정한 위젯은 구성원 모두에게 공통으로 적용되며 사용자가 해제할 수 없습니다.
• 사용 및 필수 아님으로 설정한 위젯은 사용자가 홈 편집에서 개별적으로 추가할 수 있습니다.
• 사용 안 함으로 설정한 위젯은 구성원 모두에게 노출되지 않습니다.