[프로젝트 2-2] 2차 메뉴 추가 작업 - CRUD 메뉴의 구현

이번 프로젝트는 CRUD 를 한번에 담당했던 

프로젝트였다.

 

저번 프로젝트 덕분에 수월하였기에

목록 화면, 추가화면, 수정 화면을 구현하는 데는

크게 어려움은 없었지만..

 

그외 추가적인 부수적인 부분들을 작업하는데 있어 

꽤나 애를 먹었었던 것 같다.

 

특히 JQUERY 를 이용한 동적 쿼리를 통한 SELECT OPTION 선택 부분과

 

년도를 선택하면 데이터 출력과 페이징에 반영되는 부분

이 부분이었던 것 같다.

 

물론 질문해서 답을 얻어낸 뒤에는 아무것도 아닌 간단한 부분이었기에..

조금 허탈하기도 했지만, 어려운 것들을 하나하나 배워나간다는 재미를 크게 느꼈던 

프로젝트이기도 했다.

 

특히 추가부분의 HTML 을 만들 때, 처음에는 매우 간단하게 만들었었으나,

추후 관계자들이 작업을 함에 있어 정보를 기입할 부분을 찾고

직접 기입하는데 불편할 것으로 디자인이 만들어져

 

이를 고려하여 새로운 디자인은 

테이블을 만드는 형식을 사용하여 이전 디자인보다 

깔끔하고 체계적으로 배치하여 페이지에 들어왔을 때, 한눈에 알아 볼 수 있도록

 

디자인을 구성했던 부분은 잘된 부분이었던 것 같다.

 

아쉬운 부분을 들자면, 

열심히 찾아보았지만..열심히 뻘짓을 했다? 

시간을 낭비한 부분이 없지않아 있었던 것 같다/..

해당 부분은 추후 경력을 쌓으면 쌓을 수록 자연스럽게 해결할 수 있는 부분이라고 하지만

데이터를 축적하여 여기서 얻었던 부분들을 나중에 빠르게 사용할 수 있도록 조치해야겠다.

 

아래 링크 를 통해 배웟던 것들을 다시한번 

나중에 볼 수 있게 정리해두어야 겠다.

https://snepbnt.tistory.com/177?category=792251

[JavaScript] 자바스크립트 select combo 로 저장된 데이터 db에서 불러오기

https://snepbnt.tistory.com/175?category=792251

[Java Script] 자바스크립트 형변환

https://snepbnt.tistory.com/174?category=792251

[Java Script] 자바 스크립트 select combo 간단한 구현방법

https://snepbnt.tistory.com/173?category=792251

[JavaScript] 자바스크립트 select 박스 동적으로 년도 넣기