목록개발/Front (3)

개발새발

[React]Syncfusion DropdownList itemTemplate not render after datasource rebind, 씽크퓨전 드롭박스 데이터 리스트 렌더링 후 화면에 값 안 보일 때 해결

[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에 저장하는 ..
개발/Front 2024. 4. 5. 15:56
[Front-end] Vue.js 기본 정리, Vue/CLI, Vuex

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

1. 로고 생성 사이트 - Free Logo Design 프로젝트에 활용할 로고를 무료로 제작할 수 있는 사이트 https://www.freelogodesign.org/ Logo Maker - Create Your Own Logo, It's Free! - FreeLogoDesign Create your logo design online for your business or project. Its Free to use. Customize a logo for your company easily with our free online logo maker. www.freelogodesign.org 로고 및 ppt까지 디자인이 가능하다! 귀여운 그림을 사용해서 디자인 할 수 있어서 좋다! https://www.ca..
개발/Front 2021. 7. 15. 12:08
Prev 1 Next