Readonly vs Disabled

프로젝트에서 맡겨진 기능구현 하면서 1영역 input들에 값을 입력하면 저장하고 저장 alert 띄우고,
입력 못하게 막고 2영역으로 넘어가고 이런 과정으로 개발해야 할 일이 있었다.

저장 alert 띄우고 나서 해당 영역 input들 disabled 하게 JS로 처리했는데,
컨트롤러단으로 값 안넘어와서 ????상태였다가 사수분에게 다른 거 물어볼 겸 같이 물어봐서 해결완료..(나 삐약이 갈길이멀다..)

초초초초간단하게 readonly랑 disabled랑 차이점을 말하자면,
readonly는 값은 입력하지 못하게 하는데 컨트롤러단으로 전달은 되는 것이라고 한다.

반대로 disabled는 입력도 값 전달도 할 수 없는 것이다.
disabled 된 것들은 input들을 form으로 묶어서 submit해도 데이터를 serialize()해서 넘기더라도 절대 넘어가지 않는다!

serialize() 이건 또 뭐지 라고 생각할 사람들을 위해 이아이는 그거 jquery 함수 중 하나인데,
이 아이를 사용하면 form으로 묶은 객체들을 한 번에 받아올 수 있단. 예시는 아래 공식문서 링크에서 보기:)

https://api.jquery.com/serialize/

.serialize() | jQuery API Documentation