![]()
🤷♀️ jQuery UI Draggable 라이브러리 사용법마우스 클릭 드래그로 엘리먼트를 옮길 수 있는 jQuery UI 라이브러리의 draggable 사용법 에 대해 알아봅시다. 공식 가이드가 궁금하신 분들은 아래 링크에서 확인하세요😊https://jqueryui.com/draggable/ Draggable | jQuery UIDraggable Allow elements to be moved using the mouse. Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport...
![]()
💖사용방법 포스팅 업로드 했어요https://spidey.tistory.com/26 [jQuery] 드래그 앤 드롭 라이브러리 (Draggable) 사용법🤷♀️ jQuery UI Draggable 라이브러리 사용법 마우스 클릭 드래그로 엘리먼트를 옮길 수 있는 jQuery UI 라이브러리의 draggable 사용법 에 대해 알아봅시다. 공식 가이드가 궁금하신 분들은 아래 링spidey.tistory.com넥슨 카트라이더 17주년 이벤트 中마우스 드래그앤 드롭으로 케이크 꾸미기에 사용된 라이브러리가 궁금해 찾아봤습니다. 🤔다음에 기회가 있으면 사용해보려고합니다 :) 평소에 react나 vue를 사용하다 보니 jQuery 라이브러리는 낯설 다는 생각이 드네요!조만간 사용방법도 들고오는걸로^^;jQue..
![]()
🤷♀️ 비동기 처리 란? 특정 코드의 연산이 끝날 때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 js 특징 ex) ajax, setTimeout() 🤷♀️ 콜백 함수 란? 특정 로직이 끝났을 때 원하는 동작 실행 콜백함수를 연속해서 사용 시 콜백 지옥 현상 해결 ⇒ Propmise 나 Async&await 사용 📌 비동기 처리를 위한 Promise 주로 서버에서 받아온 데이터를 화면에 표시하기 위해 사용 ✔ Promise 상태 Pending (=대기) Fulfilled (=완료) rejected (=실패) 비동기 처리 로직이 완료되지 않음 비동기 처리가 완료되어 프로미스가 값을 반환 비동기 처리가 실패하거나 오류 발생 new Promise(function(resolve,reject){..
![]()
🤷♀️ SPA 란? 뷰 렌더링을 사용자 브라우저가 담당 + 사용자와의 인터랙션 발생 시 필요한 부분만 자바스크립트로 업데이트 사용자에게 제공하는 페이지는 한 종류지만 주소 상태에 따라 다양한 화면 보여줌(라우팅) 📌 React.js 에서 라우트를 통한 SPA Route 규칙을 가진 경로에 어떤 컴포넌트 보여줄지 정의 여러 Route 주소 지정 : path props를 배열로 설정 Link 페이지를 새로 불러오지 않고 애플리케이션을 유지한 상태에서, HTML5 History API 사용해서 페이지 주소만 변경 내용 URL 파라미터 (ex. /aaa/bbb) //아이디 혹은 이름 조회 값을 props로 받아와서 조회 라우트로 사용되는 컴포넌트에서 받아오는 match라는 객체 안에 params 값 참조 ma..
![]()
📎 Vue 가이드 사이트 (한국어) https://v3.ko.vuejs.org/ Vue.js v3.ko.vuejs.org https://kr.vuejs.org/v2/guide/index.html 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 📎 Vue.js 한국 사용자 모임 https://vuejs-kr.github.io/ 🤔 사견 아무래도 vue는 리액트보다 커뮤니티나 공부하기 좋은 사이트를 많이 찾기 어려운 것 같습니다. (물론, 공식문서가 너무 잘 정리돼 있지만요!) vue 약 2개월차인 저에게는 아직도 react가 좀 더 편하게 느껴지고 있습니다...😥 회사에서는 vue를 사용하지만 react도 놓지않고 꾸준히 공부해나가며 언어에 국한 되지 않..
![]()
* Vue 코드에 대한 공식 스타일 가이드 중 실제 업무 시 적용 할 일부 (우선 순위 A~C)를 발췌하여 정리한 글입니다. 상세 설명 및 예시는 공식 스타일 가이드에서 확인 가능 Vue.js 공식 스타일 가이드 中 일부 📋 우선 순위 A 컴포넌트의 data는 반드시 함수형(객체 반환) v-for에 key 지정 v-if v-for 동시 사용 금지 컴포넌트 style scoped 플러그인, mixin 등 Private 프로퍼티에 항상 접두사 $_ + named scoped (혹은 함수 분리) 📋 우선순위 B 하나의 컴포넌트는 자체 파일 컴포넌트 파일 명: PasalCase, 약어 사용x 템플릿에서 컴포넌트 이름 규칙: kabab-case Prop 이름 규칙 지정(casing): props name=>cam..
