188 lines
7.7 KiB
Markdown
188 lines
7.7 KiB
Markdown
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개정도만 추가해주실 수 있으면 추가 부탁드립니다.
|
|
|
|
|
|
|
|
#2024-11-15
|
|
|
|
안녕하세요. @김익희 님
|
|
현재까지 주신 퍼블 모두 적용 완료했고, 과정에서 수정사항이 있어서 요청드립니다.
|
|
|
|
> 1. 주요일정 - 등록 모달에서 셀렉트 박스 퍼블
|
|
해당 부분 셀렉트 박스 퍼블이 안되어 있어서 요청드립니다.
|
|
|
|
> 2. 주요일정 - 삭제 모달에서 삭제에 대한 confirm 모달이 글자수가 늘어남에 따라 깨지는 현상이 있습니다. (현재 모든 alert, confrim 모달은 mng > outdata > alert에 있는 모달 2개 사용 중)
|
|
|
|
>3. 주요일정 - 리스트에서 각 셀에 대한 마우스 커서 포인트로 변경되게 수정 요청드립니다.
|
|
|
|
>4. 메인 검색 셀렉트 박스 퍼블 적용이 안되어 있습니다.
|
|
|
|
5. 정보관리, 정보검색에서 SearchForm 내부 날짜 값에 limit를 걸어두었습니다. 때문에 limit에 걸리는 날짜는 캡쳐본과 같이 회색으로 처리되는 부분이 있어서.. 이 부분 수정 부탁드립니다.
|
|
|
|
6. 정보 조회 화면에 대해서 최초 진입 시에 검색이 안되어 있어서 정보 입력에 대한 요청을 하고 있습니다. 현재 퍼블된 내용이 없어서 검색 결과가 없을 때 사용하는 컴포넌트를 수정해서 사용 중입니다. 추가 가능할까요?
|
|
|
|
> 7. 정보관리의 일일정보 탭이 깨지는 현상이 있습니다. 수정 부탁드립니다.
|
|
|
|
> 8. header 부분에 Admin이라는 버튼을 임의로 추가해두었습니다. 권한이 있는 사용자에게 조건부로 보여지는 버튼입니다. 이 부분에 대한 아이콘 추가가 가능할까요?
|
|
|
|
>> 9. 현재 정보조회에서 인물정보, 국가정보의 자동완성 길이가 input박스와 맞지 않습니다.
|
|
|
|
>> 10. 로그인 창에서 자동완성을 통해 input을 채워넣으면 아이콘이 사라지는 현상이 있습니다.
|
|
|
|
>11. 캘린더 empty data
|
|
----------------------------------------------------------------------
|
|
|
|
1~10에 해당하는 캡쳐본 순차적으로 첨부드립니다.
|
|
|
|
> autocomplete는 직접 가서 해봐야 할듯하다
|
|
9번도 가서 맞추는 방향으로 |