Karzin Lab

Project.다원 Ensemble_개발(14)_장비등록 - 공통코드 연동작업

오늘은 그나마 집에서 일을 했기에 저녁 밥먹고 샤워좀하고 프로젝트 개발을 시작했습니다. 굳!

(쪄죽지만 일은 해야하므로 땀 흘리며 어찌저찌 마무리 ㅋㅋ..)

내일은 또 내일의 일을 하기 위해 오늘 정해놓은 일은 마무리 되었고!

8시쯤부터 프로젝트를 끄적이기 시작했습니다.

지금 시간 11시 57분인데, 4시간? 정도 프로젝트만 잡았는데 공통코드 연동작업 하나만 마무리 해뒀네요 ㅋ..

일단 같이 보시죠!!

장비등록 - 공통코드 연동작업 (장비등록 화면)

 - 장비등록 - 구분

구분은 하드웨어 / 소프트웨어 혹은 추후 기타 등을 선택할 수 있습니다.

구분의 변경(선택)에 따라 분류의 값이 바뀌게 되는 형식입니다.

예)

하드웨어라면 모니터 ...(등) 으로 변경

소프트웨어라면 OS ...(등) 으로 변경

 - 장비등록 - 분류

장비등록의 분류는 위에서 설명한것처럼 구분을 변경(선택)함에 따라 그 값이 변경되게 됩니다.

위 스크린샷에서는 구분을 하드웨어로 예를 들었고, 분류가 모니터, 데스크탑, 노트북, 프린터 등의 값을 선택할 수 있습니다.

분류의 경우 관리자가 아닌 사용자가 직접 추가적인 등록이 가능하도록 할 생각입니다.

이 경우 분류 하위 코드만 건들 수 있도록 설정해줘야하는 작업이 필요하겠지만, 뭐.. 그리 어려운건 아니므로..

- 장비등록 - 상태

장비가 현재 어떠한 상태인가를 나타내기 위한 값입니다.

사용, 수리중, 수리완료, 폐기, 미사용 상태가 있으며, 상태에 대한 설명으로는

사용 - 장비를 사용중인 상태

수리중 - 장비에 문제가 생겨 장비를 수리한 상태

수리완료 - 장비를 수리했으나, 사용자에게 인수되지 않은 상태

폐기 - 장비가 고장나거나, 문제가 생겨 폐기한 상태

미사용 - 장비를 사용할수 있지만, 현재는 사용하지 않고 있는 상태

입니다.

그럼 공통코드에서 어떤 형식으로 저장이 되었을지 궁금하다구요?

보여드리겠습니다 ㅋ_ㅋ

장비등록 - 공통코드 연동작업 (공통코드 화면)

 - 공통코드 - 구분

위 장비관리 화면의 맨 첫번째 구분에 대한 코드입니다.

중분류의 코드명 [구분]을 선택하면  소분류에서 그 값들이 나오는 것을 확인할 수 있습니다.

 - 공통코드 - 분류

위 장비관리 화면에서 두번째 분류에 대한 코드입니다.

소분류에서 [분류]에 대한 값들을 확인할 수 있는데, 현재는 영어(monitor 등)로 되어있지만, 이는 변경 될 수 있습니다.

 - 공통코드 - 상태

위 장비관리 화면에서 세번째 상태에 대한 코드입니다.

아무래도 이 부분은 제가 만든 상태값이므로 원하지 않다면 관리자는 자신의 입맛대로 추가하거나 삭제할 수 있을거 같네요.ㅎ

흠.. 아실분들이야 아시겠지만.. 이거(공통코드 연동) 가지고 4시간 걸렸다고하면 말이 안되죠.. 네..

코드를 selectbox에 뿌려주는거야 뭐.. 몇 분이면...(퍽)

사실 뒷단에서는 좀 더 여러작업을 했습니다.

1. 공통코드를 검색하고나면 검색된 code값을 select id를 넘겨주면 알아서 selectbox의 값을 변경하게 해주는 로직을 짜놔서 앞으로 공통코드 연동하기는 훨 수월해질 것 같습니다.

 - 재활용성 고려해서 개발했기 때문에 어느 화면이든 공통코드를 연동한다! 싶으면 그냥 function 하나가지고 가져다 쓰면 끝! (이런 쉬운 방법이!)

2. 서버-클라이언트의 주고 받는 값의 정보를 조금 변동했습니다. (Request, Response)

3. 공통코드를 보면 지금 UI단에서는 보이지는 않지만, 추후 외국어를 지원하기 위한 정보를 담고 있습니다. (지금은 무조건 한국어로만 들어가지만..) 

 3.1. 사실 공통코드의 아이디는 고유하지 않습니다. (충격과 공포!) 사유는 위와 엮이므로 3.1. 으로...

4. 더워서 좀 (사실은 많이) 누워있었습니다. (ㅋㅋㅋㅋㅋㅋㅋㅋㅋ)

5. 심심해서 android/iOS 개발 방안을 미리 구상하고 있었습니다. (벌써부터 김치국)

 5.1. 예정이지만 android의 버전 8.0부터, iOS 버전 13.0부터 어플을 지원할 예정입니다.

 5.2. 전에도 이야기했지만 태블릿은 android는 제가 가진 태블릿이 없어 개발 예정은 일단 보류이고, iPadOS만 13.0버전으로 따로 개발할 예정입니다.

스포일러?

ㅋㅋ.. 게시글을 빨리 쓰는 만큼 오늘은 좀 일찍 잘려고합니다 ㅎ

내일부터 다시 회사에서의 한 주가 시작이되고(저는 이미 시작했지만..), 그만큼 또 비어있는 월요일의 구멍을 메꿔야하기 때문에 바쁠 예정이거든요 ㅋㅋ..

모두들 일찍일찍 주무시고 좋은 꿈 꾸시길 바라겠습니다.

오늘도 고생많으셨습니다!

버전정보 (v1.0)

 - v1.0 2020.08.18 배포

 - v1.1 2020.08.18 문장 추가 및 수정

* 저작권에 위반될 수 있는 컨텐츠(이미지, 동영상 등)나 게시글은 삭제되거나 수정될 수 있습니다.

* 문제의 여지가 될 수 있는 컨텐츠의 경우 댓글 달아 주시면 빠른 시일 내에 조치하도록 하겠습니다.

* Karzin은 항상 공부중입니다. 설명이 틀리거나 잘못된 부분이 있다면 의견내주시는대로 수정하도록 하겠습니다.

Project.다원은 개인(karzin)이 기획, 분석, 설계, 디자인, 개발, 유지보수 등

모든 부분을 혼자 맡아 진행하는 개인 프로젝트입니다.

Project.다원 Ensemble

Karzin

abbeea@naver.com

Project.다원 Ensemble_개발(9)_장비등록 화면 디자인 변경

흠.. 내일은 중요한 회의가 있어서 오늘 좀 일찍 자려했는데..

잠깐 잡아보자 해놓고선 벌써 00시 30분이 넘었네요;;

(뭐.. 사실 샤워하고 내일 회의 준비하고 프로젝트 시작한게 00시 10분쯤..ㅋㅋㅋ;;;)

그냥 시간배분 고려해서 잠깐 할만한거 생각하다가

그제 메뉴 디자인 바꾼김에 후다닥 장비등록 화면 디자인이나 변경하자 해서 변경했습니다. ㅋㅋㅋ

변경 전 화면 (링크)

누누히 말하지만 저는 딱히 파란색 좋아하는거아닙니다 ㅋㅋㅋㅋ

그냥 귀찮아서 빠르게 만든다는게..(결국 엎었지만..)

변경 후 화면

보시면 팍!하고 아시겠지만, 설명을 덧붙이자면 에메랄드 빛의 input상자류는 필수값을 나타냅니다.

추가로 앞으로 별 다른거없다면 save 버튼은 초록색으로 통일할까 하구요.

음.. button류에는 전부 shadow 처리를 해줬는데 생각보다 별 차이는 없어보이네요.

일단은 이정도..?

오늘은 위에서 말한것처럼 일찍 취침들어가야하므로 디자인변경만 하도록하겠습니다 ㅋㅋ (본업중시 - 문제는 잠이 안와서 이러고 있지만.... 오늘 커피를 엄청마셨더니 잠이 안옵...ㅠㅠㅠ)

내일은 DB연동작업이나 시작해야겠네요.

흠.. 이제 좀 졸리나 싶었지만 안졸리네요. 앙대...ㅠㅠㅠ

누워서 양이라도 좀 세고 있어야 겠습니다 ㅋㅋㅋㅋㅋㅋㅋ

버전정보 (v1.1)

 - v1.0 2020.08.04 배포

 - v1.1 2020.08.04 내용수정

* 저작권에 위반될 수 있는 컨텐츠(이미지, 동영상 등)나 게시글은 삭제되거나 수정될 수 있습니다.

* 문제의 여지가 될 수 있는 컨텐츠의 경우 댓글 달아 주시면 빠른 시일 내에 조치하도록 하겠습니다.

* Karzin은 항상 공부중입니다. 설명이 틀리거나 잘못된 부분이 있다면 의견내주시는대로 수정하도록 하겠습니다.

Project.다원은 개인(karzin)이 기획, 분석, 설계, 디자인, 개발, 유지보수 등

모든 부분을 혼자 맡아 진행하는 개인 프로젝트입니다.

Project.다원 Ensemble

Karzin

abbeea@naver.com

Project.다원 Ensemble_개발(5)_장비 등록 화면 개발

휴식을 갖기 전에 열심히 베이스를 깔아놔서 그런지 화면 개발은 화면 하나당 하루(대략 1~2시간 정도)정도 잡으면 될 것 같네요. (휴일이었으면 하루면 다 만들 듯..)

일단 기능적인 요소를 제거하고 front와 back단 조금 잡아주는 부분까지만을 1~2시간 정도로 잡고 있습니다. 사실 하나 완성되면 그 이후는 더 금방 끝날것도 같지만..

오늘은 그런 의미에서 개발 진척된 부분 가지고 나와봤습니다!

우선 개발 진행되고 있는 장비 등록을 보여드리기 전에! 잊으셨을 수 있으니, Wireframe과 화면설계서를 한번 보여드리고 진척사항을 설명하도록 하겠습니다.

여기서는 설계단의 자세한 설명은 생략하고 이미지만 보여드릴 예정입니다.

혹시라도 설계관련 자세한 사항은 아래 링크를 통해 장비등록의 Wireframe과 화면설계서를 보시는걸 추천드립니다.

Wireframe & 화면설계서 (링크)

Wireframe

화면설계서 - PC 버전

화면설계서 - Mobile 버전

설계서를 토대로 개발 진행된 사항 - PC 버전

어찌보면 Prototype이라고 하기에는 아쉬운 수준의 미완성적인 개발된 내역입니다.

처음 몇몇 Component들 잡아주는 부분이 시간이 걸렸을 뿐이지, 아마 이후부터는 개발에 좀 더 속도가 붙지 않을까 싶습니다.

일단 input box 안에 들어간 내용들은 직접 입력해본 내용물입니다.

화면설계서와 비슷하게 만드려고 노력은 했지만, 역시나 디자인이 조금 아쉽기는 하네요.

이 디자인은 조금씩 다듬어가면서 계속해서 업그레이드 해나갈 예정이니 지금은 아쉽더라도 기능을 붙여가면서 조금씩 만져봐야겠습니다 ㅋㅋ

설계서를 토대로 개발 진행된 사항 - Mobile 버전

모바일에서는 지금은 이러한 화면을 보여주고는 있는데, 해당부분은 실제 테스트를 통해서 변경될 수 있는 부분이 많이 있을 듯 합니다.

아무래도 사용하면서 불편한 부분들도 몇몇 보일텐데 그러한 부분들은 점차 해결해나가야할 것 같습니다.

음! 그러고보니 모바일버전에서 메뉴를 누르게되면 어떤 느낌인지 궁금하실 수 있는데 이 부분은 아래와 같은 느낌입니다! 퍼런색으로 다 칠해놨더니 조금 아쉬운 부분이 많아서 ㅋㅋㅋㅋ 심심할때마다 디자인은 계속 변경해봐야겠습니다 ㅋㅋㅋ

첫 화면이 드디어 뽑히게 되어 아마 이후 화면들은 금방금방 뽑아낼 수 있을 것 같습니다. (칼국수!?_)

그만큼 첫 화면이 중요한게 아무래도 틀이 잡혀가는데 시간이 생각보다 많이 들어서.. 역시 시작이 조금 걸릴뿐이지 이후는 별다른 기능의 Component들만 아니라면 금방금방 뽑혀 나올 것 같습니다.

화면만 대충이라도 나와주면 DB연동작업(특히 Back-end단)이 한창 시작될 것 같네요.

뭐.. Component 중에서도 제가 좀 손을 봐야하는 부분이 몇몇 있기는 한데.. 이것저것 하나씩 잡고 진행하다보면 어느정도 작업이 마무리 되어가지않을까 생각합니다.

일단 오늘은 이정도에서 마무리하고, 기능검토 게시글도 같이 작성중이던게 있어서 그 부분까지만 작성하고 취침하러 가봐야겠네요 ㅋㅋㅋ

오늘도 고생 많으셨습니다~

버전정보 (v1.0)

 - v1.0 2020.07.29 배포

* 본 게시글의 이미지에 들어간 글씨체는 네이버 나눔 글씨체인 나눔스퀘어 Bold를 사용했습니다.

* 본 게시글의 이미지는 전부 (이미지 내의 픽토그램 등) 직접 제작했음을 명시합니다.

* 저작권에 위반될 수 있는 컨텐츠(이미지, 동영상 등)나 게시글은 삭제되거나 수정될 수 있습니다.

* 문제의 여지가 될 수 있는 컨텐츠의 경우 댓글 달아 주시면 빠른 시일 내에 조치하도록 하겠습니다.

* Karzin은 항상 공부중입니다. 설명이 틀리거나 잘못된 부분이 있다면 의견내주시는대로 수정하도록 하겠습니다.

Project.다원은 개인(karzin)이 기획, 분석, 설계, 디자인, 개발, 유지보수 등

모든 부분을 혼자 맡아 진행하는 개인 프로젝트입니다.

Project.다원 Ensemble

Karzin

abbeea@naver.com