서비스 추가하기
오늘은 사이드바에 있는 드롭다운 중 서비스 추가하기 버튼을 누르면 드롭다운 필드가 추가되는 것을 구현했다.
서비스 추가하기 필드를 클릭했을 때 공용컴포넌트로 사용되고 있는 모달창이 뜨며 모달창에는 input 박스가 있게 하였고 그 input박스가 담긴 컴포넌트는 prop으로 전달하여 모달에 나타나게 하였다.
추가한 필드는 로컬스토리지에 저장하도록 하였고 해당 데이터를 드롭다운 리스트에 적용시켰다!
- 서비스 추가하기를 누르면 모달이 나타난다.
- 서비스1이라는 것을 입력 후 추가나 엔터를 누른다.
- 드롭다운 리스트가 추가된 것을 알 수 있다.
멋진 FE개발자가 될거야 ✌