[remicon_cost_app.html] 배합표 등록 시 배합규격 선택 기능 추가 #10

Closed
opened 2026-03-03 11:18:41 +09:00 by Hyein · 3 comments
Owner

관련 파일: remicon_cost_app.html

배합표 등록 시 '규격명'을 매번 직접 입력하는 번거로움을 줄이기 위해, 기존에 등록된 규격을 선택할 수 있는 기능을 추가합니다.

관련 코드 위치:

작업 내용:

  1. mSpec 입력 필드에 datalist를 연결하거나, 선택형 UI로 개선하여 기존 규격 목록을 보여줍니다.
  2. 모달이 열릴 때 uniqueLatestSpecs() 결과를 바탕으로 규격 선택 옵션을 동적으로 생성합니다.
  3. 새로운 규격을 입력할 수도 있어야 하므로 datalist 방식이 권장됩니다.
관련 파일: [remicon_cost_app.html](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html) 배합표 등록 시 '규격명'을 매번 직접 입력하는 번거로움을 줄이기 위해, 기존에 등록된 규격을 선택할 수 있는 기능을 추가합니다. **관련 코드 위치:** - [배합 등록 모달 UI (mSpec input)](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html#L398-L401) - [기존 규격 추출 로직 (uniqueLatestSpecs)](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html#L1018-L1027) - [모달 오픈 시 초기화 로직 (openModal)](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html#L1317-L1328) **작업 내용:** 1. `mSpec` 입력 필드에 `datalist`를 연결하거나, 선택형 UI로 개선하여 기존 규격 목록을 보여줍니다. 2. 모달이 열릴 때 `uniqueLatestSpecs()` 결과를 바탕으로 규격 선택 옵션을 동적으로 생성합니다. 3. 새로운 규격을 입력할 수도 있어야 하므로 `datalist` 방식이 권장됩니다.
Author
Owner
  • 배합표 등록 모달의 규격명 입력 필드(mSpec)에 datalist를 추가하여 기존 규격을 선택할 수 있도록 개선하였습니다.
  • renderSpecDataList() 함수를 통해 mixHistory에 있는 유니크한 규격 목록을 동적으로 생성합니다.
  • openModal()editMixEntry() 호출 시 해당 리스트를 갱신하도록 처리하였습니다.
- 배합표 등록 모달의 규격명 입력 필드(`mSpec`)에 `datalist`를 추가하여 기존 규격을 선택할 수 있도록 개선하였습니다. - `renderSpecDataList()` 함수를 통해 `mixHistory`에 있는 유니크한 규격 목록을 동적으로 생성합니다. - `openModal()` 및 `editMixEntry()` 호출 시 해당 리스트를 갱신하도록 처리하였습니다.
Hyein closed this issue 2026-03-03 11:19:15 +09:00
Hyein reopened this issue 2026-03-03 11:20:00 +09:00
Author
Owner

배합표 등록 시 규격 선택 기능을 다음과 같이 고도화하여 구현 완료하였습니다.

1. UI 개선

  • 규격명 입력 필드를 select 요소로 변경하여 기존에 등록된 규격을 드롭다운으로 선택 가능하게 했습니다.
  • '신규 규격 입력' 필드와 '규격 추가' 버튼을 별도로 배치하여 새로운 규격을 자유롭게 추가할 수 있도록 했습니다.

2. 규격 목록 관리 로직

  • PRESET_SPECS: 자주 사용되는 기본 규격들을 미리 정의했습니다.
  • CUSTOM_SPECS: 사용자가 직접 추가한 규격은 브라우저 로컬 저장소(localStorage)에 보관되어 재방문 시에도 유지됩니다.
  • Dynamic Specs: 등록된 배합 이력(mixHistory)에서 고유한 규격들을 자동으로 추출하여 목록에 합산합니다.

3. 관련 코드 링크

작업이 완료되어 본 이슈를 종료합니다.

배합표 등록 시 규격 선택 기능을 다음과 같이 고도화하여 구현 완료하였습니다. **1. UI 개선** - 규격명 입력 필드를 `select` 요소로 변경하여 기존에 등록된 규격을 드롭다운으로 선택 가능하게 했습니다. - '신규 규격 입력' 필드와 '규격 추가' 버튼을 별도로 배치하여 새로운 규격을 자유롭게 추가할 수 있도록 했습니다. **2. 규격 목록 관리 로직** - **PRESET_SPECS**: 자주 사용되는 기본 규격들을 미리 정의했습니다. - **CUSTOM_SPECS**: 사용자가 직접 추가한 규격은 브라우저 로컬 저장소(`localStorage`)에 보관되어 재방문 시에도 유지됩니다. - **Dynamic Specs**: 등록된 배합 이력(`mixHistory`)에서 고유한 규격들을 자동으로 추출하여 목록에 합산합니다. **3. 관련 코드 링크** - [규격 선택 UI 및 신규 입력부](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html#L398-L406) - [규격 데이터 생성 및 렌더링 로직 (renderSpecDataList)](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html#L1018-L1055) - [커스텀 규격 추가 함수 (addCustomSpec)](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html#L1057-L1078) - [이벤트 리스너 연결 (addSpecBtn)](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/remicon_cost_app.html#L1311-L1317) 작업이 완료되어 본 이슈를 종료합니다.
Hyein closed this issue 2026-03-03 11:32:17 +09:00
Hyein reopened this issue 2026-03-03 11:37:31 +09:00
Author
Owner

Gitea 저장소의 remicon_cost_app.html 파일에 최신 코드를 성공적으로 업데이트하였습니다.

변경 사항 요약:

  • 규격 선택 방식을 select 박스 기반의 고도화된 UI로 교체.
  • 신규 규격 추가 기능 및 로컬 저장소 연동 로직 반영.
  • Gitea 소스 코드에 직접 반영 완료 (master 브랜치).

모든 요청 사항이 반영되어 이슈를 최종 종료합니다.

Gitea 저장소의 `remicon_cost_app.html` 파일에 최신 코드를 성공적으로 업데이트하였습니다. **변경 사항 요약:** - 규격 선택 방식을 `select` 박스 기반의 고도화된 UI로 교체. - 신규 규격 추가 기능 및 로컬 저장소 연동 로직 반영. - Gitea 소스 코드에 직접 반영 완료 (master 브랜치). 모든 요청 사항이 반영되어 이슈를 최종 종료합니다.
Hyein closed this issue 2026-03-03 11:37:43 +09:00
Hyein added the (주)장헌::품질관리 label 2026-03-04 10:48:28 +09:00
Hyein self-assigned this 2026-03-04 13:34:07 +09:00
Sign in to join this conversation.