javascript4 PHP에서 Nest.JS로 JS 백엔드 프레임워크 Nest.JS 를 알아보고,Laravel vs Spring vs Nest.JS 3개 프레임워크를 비교해보았습니다. 2025. 11. 7. javascript defer, async 웹 프런트 개발을 할 때 외부 스크립트를 추가하는 경우가 있다. 브라우저는 HTML을 읽다가 태그를 만나면 스크립트를 먼저 실행해야 하므로 DOM 생성을 멈춘다. 이를 방지하기 위해서 스크립트를 페이지 맨 아래 놓는 것이 하나의 방법이 될 수 있다. 하지만 HTML 문서 자체가 아주 큰 경우 문서 전체를 다운로드 한 다음에 스크립트를 다운받게 하면 페이지가 정말 느려질 것이다. 이런 문제를 해결할 수 있는 defer, async 둘 다 '백그라운드'에서 스크립트를 다운로드한다. DOM을 그리는 중에 다운로드가 같이 되기 때문에 페이지 로딩 속도가 빨라진다. defer 스크립트 실행은 페이지 구성이 끝날 때까지 지연된다. 다른 스크립트를 모두 다운로드할 때까지 기다린다. 그리고 스크립트를 문서에 추가한.. 2025. 9. 10. 드래그 앤 드롭 리스트 구현 jquery-ui를 사용해서 구현해 보았다. https://jqueryui.com/sortable/#default Sortable | jQuery UI Sortable Reorder elements in a list or grid using the mouse. Enable a group of DOM elements to be sortable. Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default, sortable items share draggable prope jqueryui.com 위 사이트를 들어가면 예제 소스를 볼 수 있다. view source 버튼을 .. 2024. 3. 8. React 와 Vue 비교 공식 홈을 보면 react는 라이브러리, vue는 프레임워크라고 소개되어 있다. react는 페이스북에서 만든 라이브러리. vue는 Evan You라는 중국인 UX 디자이너가 만든 프레임워크이다. react는 일단 함수, 자바스크립트에 가깝다. html, css도 자바스크립트로 만든다. vue는 html, css, javascript의 특성을 각각 다 살려서 편하게 만들 수 있다. 그래서 한국처럼 디자이너, 프런트 개발자의 업무가 나눠져 있다면 vue가 더 편할 것이다. 미국은 디자이너가 javascript도 한다고 한다. vue는 기능들이 이미 다 갖춰져 있고, 코드 짤 때 right way가 있다. 어떤 기능을 만들 때, react는 여러 방법 중에 한 가지를 선택해서 한다. (자유도가 높음) vue.. 2021. 12. 19. 이전 1 다음 반응형
