[Refactor] : create page refactor 2

[lamPolar]

리팩터를 진행하면서 title select 부분도 구조를 변경하고싶은 마음이 생겼는데
어떻게 변경하면 좋을지 이슈에 의견 부탁드립니다.

Originally posted by @lamPolar in #387 (comment)

---

• 현재 select button, middle button이 내부 컨텐츠 기준이 아닌 width 기준으로 렌더링 됨.

  • 내부 컨텐츠 기준으로 width를 갖고, padding이 일정하게 들어가도록 변경하면 좋을 듯

• select Button, MiddleButton의 호출을 위해 너무 많은 코드를 소모함

  • Q. theme 처럼 표시해야할 title들 대한 정보를 가지는 list를 만들고 그 배열대로 렌더링하면 어떨까요?

• is off라는 모호한 상태값이름을 사용중 -> 변수명 변경하기
  Q. 뭘로 할까요?

• setContent, handleSwitch, handleTitleSwitch : 동일한 핸들러에 대한 여러가지 이름이 존재 -> 하나의 일관된 이름을 변경하기
  Q. 뭘로 할까요?

[lyssoi]

1. 컨텐츠 기준으로 width를 주는 방안 좋습니다.
2. 배열로 렌더링하면 더 깔끔해질 것 같습니다. 좋아요~
3. 주제 추천이라는 키워드가 들어가는게 좋을 것 같아서 titleRecommanded는 어떤가요?
4. setContent는 setTitle이 그대로 들어가도 무리가 없을 것 같고, 어렵다면 handleTitle이 좋을 것 같습니다. handleSwitch와 handleTitleSwitch는 3번과 맞춰서 handleTitleRecommanded로 했으면 합니다.