| components | ||
| css | ||
| html | ||
| js | ||
| README.md | ||
MOFA 퍼블리싱
2024-10-22 : html > Type_A_Sub.html
2024-10-23
- MOFADB_메뉴구성도.xlsx 기준에 맞추어 화면아이디를 파일명으로 대체
- CSS는 관리를 위해서 컴포넌트, Nesting화 하였음. (폐쇄망내 브라우저에서 문제가 생기면 Nesting 제거할것임)
- 이미지는 uri로 전환하여 변수 처리 재사용함
- 폰트 로컬 변경 CSS > pretendard-Regular.woff 파일 global.css에 선언함 폰트파일과 global.css를 개발중인 소스 경로에 업데이트 해야함.
- 기본적으로 css에서 변수 활용하여 개발중 css를 건드리지 않고 프론트엔드에서 기본 간격은 자체적으로 할 수 있게 하였습니다. 예) 엘리멘트 태그의 style에서 "--width:320px", "--gap:17px" 등등이 이에 해당합니다.
<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>
- div attribute를 추가하여 row, col을 쓸 수 있습니다. 이는 "flex-direction: row", "flex-direction: column"에 해당합니다.
<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
- 사용자 > 정보검색 > 지능형검색 > F_0036.html
- 사용자 > 정보조회 > modal > F_0018.html
- 관리자 > 권한관리 > 외교정보기획국 > 목록 > A_0004.html
2024-11-04
- 생성형 AI 업무서비스 Beta > 문서작성 > F_0037.html
- 생성형 AI 업무서비스 Beta > 문서작성 > 미리보기 > F_0037.html
- 생성형 AI 업무서비스 Beta > 번역 > F_0038.html
- 생성형 AI 업무서비스 Beta > 파일번역 > F_0039.html
- 주요일정 > 캘린더 > F_0003.html
components > header_nav > header_nav.html을 보시면 헤더 호버상태를 만들어 놨습니다. 기존 코드에서 변경해주시면 감사하겠습니다.
캘린더 관련하여 html쪽 수정해 주셔야할 부분이 있습니다.
...위 테이블을
구조는
그리고 색상에 대한 정의는
기념일 === #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
안녕하세요. @김익희 님 현재까지 주신 퍼블 모두 적용 완료했고, 과정에서 수정사항이 있어서 요청드립니다.
- 주요일정 - 등록 모달에서 셀렉트 박스 퍼블 해당 부분 셀렉트 박스 퍼블이 안되어 있어서 요청드립니다.
- 주요일정 - 삭제 모달에서 삭제에 대한 confirm 모달이 글자수가 늘어남에 따라 깨지는 현상이 있습니다. (현재 모든 alert, confrim 모달은 mng > outdata > alert에 있는 모달 2개 사용 중)
- 주요일정 - 리스트에서 각 셀에 대한 마우스 커서 포인트로 변경되게 수정 요청드립니다.
- 메인 검색 셀렉트 박스 퍼블 적용이 안되어 있습니다.
-
정보관리, 정보검색에서 SearchForm 내부 날짜 값에 limit를 걸어두었습니다. 때문에 limit에 걸리는 날짜는 캡쳐본과 같이 회색으로 처리되는 부분이 있어서.. 이 부분 수정 부탁드립니다.
-
정보 조회 화면에 대해서 최초 진입 시에 검색이 안되어 있어서 정보 입력에 대한 요청을 하고 있습니다. 현재 퍼블된 내용이 없어서 검색 결과가 없을 때 사용하는 컴포넌트를 수정해서 사용 중입니다. 추가 가능할까요?
- 정보관리의 일일정보 탭이 깨지는 현상이 있습니다. 수정 부탁드립니다.
- header 부분에 Admin이라는 버튼을 임의로 추가해두었습니다. 권한이 있는 사용자에게 조건부로 보여지는 버튼입니다. 이 부분에 대한 아이콘 추가가 가능할까요?
- 현재 정보조회에서 인물정보, 국가정보의 자동완성 길이가 input박스와 맞지 않습니다.
- 로그인 창에서 자동완성을 통해 input을 채워넣으면 아이콘이 사라지는 현상이 있습니다.
- 캘린더 empty data
1~10에 해당하는 캡쳐본 순차적으로 첨부드립니다.
autocomplete는 직접 가서 해봐야 할듯하다 9번도 가서 맞추는 방향으로