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

New Issue

2026-03-03T11:18:41+09:00

Hyein commented

2026-03-03 11:18:41 +09:00

관련 파일: remicon_cost_app.html

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

관련 코드 위치:

작업 내용:

mSpec 입력 필드에 datalist를 연결하거나, 선택형 UI로 개선하여 기존 규격 목록을 보여줍니다.
모달이 열릴 때 uniqueLatestSpecs() 결과를 바탕으로 규격 선택 옵션을 동적으로 생성합니다.
새로운 규격을 입력할 수도 있어야 하므로 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` 방식이 권장됩니다.

Hyein commented

2026-03-03 11:19:10 +09:00

배합표 등록 모달의 규격명 입력 필드(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

Hyein commented

2026-03-03 11:32:12 +09:00

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

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

Hyein commented

2026-03-03 11:37:37 +09:00

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.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Hyein/issue-sample#10