MOFA/README.md

MOFA
퍼블리싱

2024-10-22 : html > Type_A_Sub.html


## 2024-10-23
1. MOFADB_메뉴구성도.xlsx 기준에 맞추어 화면아이디를 파일명으로 대체
2. CSS는 관리를 위해서 컴포넌트, Nesting화 하였음. (폐쇄망내 브라우저에서 문제가 생기면 Nesting 제거할것임)
3. 이미지는 uri로 전환하여 변수 처리 재사용함
4. 폰트 로컬 변경 CSS > pretendard-Regular.woff 파일 global.css에 선언함 폰트파일과 global.css를 개발중인 소스 경로에 업데이트 해야함.
5. 기본적으로 css에서 변수 활용하여 개발중 css를 건드리지 않고 프론트엔드에서 기본 간격은 자체적으로 할 수 있게 하였습니다. 
예) 엘리멘트 태그의 style에서 "--width:320px", "--gap:17px" 등등이 이에 해당합니다.
```html
<div row style="--gap:17px">
    <label class="button switch">
        <input type="checkbox" checked>
        <div class="switch-label">
            <span>통합 검색</span>
            <span>지능형 검색</span>
        </div>
    </label>
    <form class="header-search" style="--width:320px">
        <input type="search" placeholder="검색어를 입력하세요." />
        <button type="submit"></button>
    </form>
</div>

```

6. div attribute를 추가하여 row, col을 쓸 수 있습니다.
이는 "flex-direction: row", "flex-direction: column"에 해당합니다.

```html
 <div class="user-info" row middle style="--gap:16px">
    <div col style="--gap:2px">
        <p>홍길동</p>
        <span>외교정보기획국</span>
    </div>
    <div class="logout"></div>
</div>

```


## 2024-10-25
1. 사용자 > 정보검색 > 지능형검색 > F_0036.html
2. 사용자 > 정보조회 > modal > F_0018.html
3. 관리자 > 권한관리 > 외교정보기획국 > 목록 > A_0004.html


## 2024-11-04
1. 생성형 AI 업무서비스 Beta > 문서작성 > F_0037.html
2. 생성형 AI 업무서비스 Beta > 문서작성 > 미리보기 > F_0037.html
3. 생성형 AI 업무서비스 Beta > 번역 > F_0038.html
4. 생성형 AI 업무서비스 Beta > 파일번역 > F_0039.html
5. 주요일정 > 캘린더 > F_0003.html

components > header_nav > header_nav.html을 보시면 헤더 호버상태를 만들어 놨습니다. 기존 코드에서 변경해주시면 감사하겠습니다.


캘린더 관련하여 html쪽 수정해 주셔야할 부분이 있습니다.

<table class="calendar-table">
...
</table>

위 테이블을 <div row>로 감싸 주십시요.

구조는

<div row>
	<table class="calendar-table"></table>
	<div col>
		<div col>
			<div class="calendar-category-items">...</div>
			<div class="event-list">...</div>
		</div>
		<div class="toggle-save">...</div>
	</div>
</div>

그리고 색상에 대한 정의는

기념일 === #00FF00 | rgb(0, 255, 0) ---> #AA36F8 이걸로 변경
행사 === #0000FF | rgb(0, 0, 255) ---> #3366FF 이걸로 변경
국경일 === rgb(255, 0, 0) ---> #F84678 이걸로 변경



## 2024-11-11
안녕하세요, 김동건입니다.
11-04 퍼블 확인했습니다.

추가로 현재 알집으로 파일을 받아서 퍼블 적용하고 있는데, 형상관리가 안되고 있어서 매번 css를 적용할 때마다 모든 파일을 순회하며 적용해야하는 문제가 있습니다.

현재는 global, common을 제외한 컴포넌트 단위의 css를 default.css에 통합해서 관리하고 있습니다.

혹시 다음 퍼블 작업부터 해당 형태로 적용 및 전달해주실 수 있을까요??

> todo: 컴포넌트 단위 css default.css로 통합 요청
> done: default.css로 통합




11-04 메일에서 주요일정 관련 JSP가 공유 안되었었던 것 같아서 보내드립니다.

퍼블 적용 전에 calendar.jsp의 style을 통해 임의로 적용했었습니다.
캘린더와 리스트 뷰 형태의 경우, display : none으로 보여주거나 숨기는 형식으로 개발했습니다.

> todo: 

보내주신 퍼블 작업본 적용했을 때, 캘린더 부분은 각 셀에 대한 커서 포인터 적용 및 동그라미 호버 시에 힌트 박스 정도만 적용해주시면 문제 없을 것 같습니다.

> done: ui.js의 uiEventCalendarHandler()에 적용


마지막으로 등록 버튼은 리스트와 캘린더에서 공통으로 사용 중이여서 참고해주시면 감사하겠습니다.





파일 첨부드립니다.

header-nav 관련해서 수정 요청드립니다.

현재 해당 nav에 sub depth 영역의 높이가 최대 2개 정도로 정해져있는 것 같습니다.
해당 높이는 동적으로 바뀔 수 있게 수정되었으면 합니다.
(추후에 depth가 더 추가될 수도 있음.)

> done: ui.js의 uiGnbHandler()에서 각 second depth의 max값을 가지고 높이를 정함






안녕하세요. 퍼블 관련해서 수정 및 요청드릴 내용이 있습니다!

(첨부 1,2,3)
자동완성 영역에 대해서 먼저 개발이 완료가 되었습니다.
해당 자동완성 영역을 인물정보와 국가정보에서 공용으로 사용하고 있어서 퍼블 작업 진행하실 때 참고 하실 수 있도록 첨부드립니다.

(첨부 4)
주요일정에서 특정 날짜 선택에 대한 select css가 필요할 것 같습니다. 
추가로 날짜 선택 시에 그에 맞는 내용들이 우측 리스트에 표출되는데요. 현재 스크롤이 없어서 캘린더와 함께 영역이 늘어나는 현상이 있어서 수정이 필요해 보입니다.

(첨부 5)
정보 검색에서 사용하는 필터가 전체/인물정보/국자정보 등의 카테고리별로 구분되어 있는데, 해당 영역은 공용으로 사용하기에 분리가 필요합니다.
+) 추가로 각 카테고리에 대한 색상코드를 10개정도만 추가해주실 수 있으면 추가 부탁드립니다.