개발새발

[DropdownList itemTemplate not render after datasource bind] 프론트에서 Id 값에 따라 데이터를 불러오고 화면에 보여줘야하는데 Syncfusion dropdownlist에서 값이 안 보이는 현상이 발생했다. main component를 중심으로 child component에 각각 useeffect를 사용해서 dropdownlist datasource에 들어갈 데이터를 api로 불러오고 있었다. 예시) address는 object 형태였는데, datasource가 먼저 불러와지는데도 value binding이 안됐다 datasource에 단순히 ["서울", "경기"] 리스트 형태로 값을 넣으면 binding이 잘 되었는데 API로 UseState에 저장하는 ..

🎨Vue.js Vue.js는 대표적인 프론트엔트 프레임워크로 사용자에게 데이터를 눈으로 볼 수 있고 상호작용 할 수 있도록 돕는다. 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크로 현대적인 tool과 다양한 라이브러리를 통해 SPA(single page aplication)을 지원한다. SPA란 현재 페이지를 동적으로 작성함으로써 사용자와 소통하는 웹 애플리케이션이며 단일 페이지로 구성되며 서버로부터 페이지를 받아온 후 동적으로 DOM을 구성한다. SPA는 스마트폰의 등장으로 모바일 최적화에 대한 필요성이 생겼고 요청에 따라 매번 새로운 페이지를 응답하는 것이 아닌 모바일 네이티브 앱과 같은 형태의 웹 페이지이다. 즉, 1개의 페이지 내에서 여러 동작이 이뤄지는 형태이다. CSR(client s..