Comments (7)
현재...component.js 안에 utility.js 를 두고 component 관련 공통 함수를 내재화했습니다.
data-history="back" 부분도 이 utility.js 안에 존재하는데요...
요청하신 data-scroll="top" & data-location="reload" 도 상기 utility.js 에 둬야 하는지 여부와
아니면 utility.js 를 component.js 에서 분리하여 control.js 쪽으로 옯겨야 할지 기능적으로
체크를 해보고 진행하겠습니다.
from rc.
JavaScript components와 control 상호간의 의존성 이슈들이 있을 덴데요. 아래 BS 커스텀 패키지 를 참고해 주세요. 프레임웍 최적화 할때, 사용하는 컨포넌트와 컨트롤만으로 구성된 프레임웍을 만드는 기능 입니다.
http://getbootstrap.com/customize/
from rc.
component.js 와 control.js 로 구분한것은 개발 과정상에서 편의 때문인데요. 실제 적용과정에서는 분리하여 적용하는 경우는 없을 것으로 판단됩니다.
다만, utility.js는 component.js 와 control.js에 모두 사용되는 js 라면. control.js에 정의 되는게 맞다고 생각됩니다.
이유는
control.js이 웹페이지에서 우선하여 임포트 되기 때문 입니다.
from rc.
네..저도 control.js 에 utility.js 를 넣는 방안을 고려하고 있습니다.
문제는 필수여부 입니다. 예를들어, component.js 의 플러그인 들이 돌아가려면 utility.js 가 필수 입니다.
즉, utility.js 를 control.js 쪽으로 이동시키면...control.js 파일은 필수가 됩니다. 다시말해서, control.js
에는 rc 를 구동시키기 위한 필수 요소만 들어가야 한다는 것입니다.
어찌보면..control.js 가 rc 의 엔진 역할을 하게 되는 것 같습니다.
그래서...engine.js 라는 용어도 고려해볼만하다고 생각합니다.
참고로....Bootstrap 의 http://getbootstrap.com/customize/ 기능에서 css 는 모르겠지만
js 부분은 좀 불안전해보입니다. 이유는 아래와 같습니다.
popver.js 는 tooltip.js 구동을 전제로 하여 돌아가기 때문입니다.
https://github.com/twbs/bootstrap/blob/master/js/popover.js 파일 32~35 라인에 보시면 아래와
같이 명시되어 있습니다. (popover 는 tooltip.js 에서 확장된 개념)
// NOTE: POPOVER EXTENDS tooltip.js
// ================================
Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
즉, 사용자가 popover.js 만 선택하고 tooltip.js 는 선택하지 않으면 popover.js 는 작동하지 않는다는
것입니다.
이상입니다.
from rc.
네. 그러지 않아도 파일명 관련 이슈 작성중이었습니다.
from rc.
일단, 필수 임포트 js 파일 개념을 가지고 이 파일은 반드시 임포트되야 하며 customize 영역에서 제외된다는 점을 인지/동의 해주시기 바랍니다.
그러면..그 파일이..control.js 이건 engine.js 이건 이 파일속에 공통으로 사용하는 필수요소를 배치하는 방향으로 수정하겠습니다.
from rc.
추가적으로 swiper.js 같은 경우 문서 하단에 배치가 되던데...반드시 마크업 하단에 배치되야 하는 js 파일을 고려해서...extension.js 를 extension-top.js 와 extension-bottom.js 로 구분할 필요가 있어 보입니다.
이 상황이... extensiton 부분은 rc 공식 패키지에 포함시키지 않는 것이 좋다고 생각한 이유 중에 하나입니다. 말그대로 확장의 개념에서는 여러가지 변수가 발생할 수 있기 때문에 커스텀 영역으로 남겨두는 것이
rc 의 완성도를 위해서 좋다고 판단합니다. 또한, rc 초기에는 커스텀 노하우에 대한 로얄티를 가져가야 한다는 생각도 있구요...
from rc.
Related Issues (20)
- backdrop 지속시간 관련
- photoswipe 익스텐션 구조화 요청 HOT 5
- js 소스코드 저장소 관련
- push control 작동시 photoswipe 컨테이너 생성되는 오류 HOT 1
- loader > overlay 안됐던 이슈 관련
- 컴포넌트 닫기 data-dismiss="컴포넌트명" 관련 이슈 2 가지
- swiper 도규먼트에 대한 저의 의견
- 미처리 작업 정리 -- 금주 주말내 완료 목표 HOT 7
- 단위 js 파일 위치 변경
- toggle.js 제외 및 추가 요청 HOT 5
- 브랜드 변경 ( Ratchet plus --> kimsQ RC ) HOT 2
- Accordion(collapse) 적용 컴포넌트 추가 요청 HOT 2
- 모달 content 에 infinite-scroll 적용시 이슈
- Static Backdrop with Animation 관련 HOT 7
- material-design-style drawer 옵션화 요청 HOT 1
- [공지] modal,popup 닫기 데이타속성명 변경 HOT 1
- 검색시 autocomplete 기능구현을 위한 Bootstrap-3-Typeahead 커스텀 요청 HOT 1
- [개선] modal 에서 popup,sheet 호출할 경우에 대응한 component z-index 수정
- modal에서 popup을 호출할 경우, data-dismiss 문제
- page 컴포넌트 direction 옵션의 필요성에 대하여
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rc.