컴포넌트에 요소 추가하기

Park Inhye·2022년 9월 27일
0

이미 만들어놓은 폼 컴포넌트에 새로운 폼 그룹을 추가해야 하는 상황


회사 프로젝트에서 폼은 크게 두가지로 나뉜다.

  1. 입력 폼
  2. 수정 폼

그래서 폼을 컴포넌트로 만들어서 컴포넌트를 공유했다.
하지만 SB가 수정되면서 수정 폼에만 보이는 새로운 요소를 추가하게 되었다.


🔥1차 시도

수정페이지에서 폼 위에 폼 그룹을 추가했다.
근데 완성본이 너무 못생겨서 컴포넌트 내부로 넣어달라는 피드백을 받았다.

🔥2차 시도

수정페이지에서 추가할 폼 그룹에 fixed 처리했다.
내가 수정하면서도 이건 아니라는 생각이 들었다.

🔥3차 시도

  1. 수정 페이지의 컨트롤러에 $view['page']="modify"; 데이터를 넘기고
  2. 수정 페이지에서 폼 그룹을 삭제하고
  3. 폼 컴포넌트에서 page 데이터값에 따라 출력 요소를 분기처리했다.

코드

👽컨트롤러

<!-- Contents.php -->
class Contents extends DEVWORKS_Controller {
	
    ...
	public function regist() {
		...
		$view['page'] = "regist";
		...
	}
        
	public function modify() {
		...
		$view['page'] = "modify";
		...
	}
}

💪수정 페이지

<!-- modify.php -->
<?if ($page == "modify"):?>
	<div class="form-group group-status">
		<h2 class="title">공개여부</h2>

		<div class="radio-wrapper">
			<label>
				<input type="radio" class="visually-hidden" value="1" />공개
			</label>
		</div>

		<div class="radio-wrapper">
			<label>
				<input type="radio" class="visually-hidden" value="0" />비공개
			</label>
		</div>
	</div>
<?endif;?>
profile
👁👄👁

0개의 댓글