개발새발

기존에 작업 중이던 프로젝트 말고 다른 프로젝트를 실행하면서 오류가 발생했다,, nvm으로 node버전을 관리하며 사용하고 있었는데그동안은 16버전을 사용하느라 문제 없이 잘 사용하고 있었다 다른 프로젝트 기능 추가를 위해 실행하려는데 계속 spa proxy 연결이 안된다며개발 환경에서 실행되지 않고 cmd가 켜졌다가 꺼졌다가 무한반복 중이었다ㅠ 그러나 node 버전 때문이라는 것 같아서 node버전을 18로 올렸는데이번에는 npm install 이나 npm start같은 npm 명령어가 동작하지 않았다.node와 nvm을 모두 삭제하고 다시 설치해도 아래와 같은 오류가 발생했다PS C:\Users\user> nvm ls * 18.20.6 (Currently using Unknown-bit execut..

[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..

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..