하지만 기본적으로 프레임워크에서 제공하는 CSS파일과 JS 파일을 옮기는 것이니 프레임워크 종류에는 크게 구애받지 않음.
1. CakePHP가 설치되었다고 가정함 + DB도 설정 완료된 상태에서 진행
2. CSS Framework 의 필수 CSS 파일을 /CakePHP/webroot/css 에 옮긴다.
*Onsen UI의 경우 onsen-css-components.min.css 하고 onsenui.css
3. Angular JS + CSS Framework 의 필수 JS 파일을 /CakePHP/webroot/js 에 옮긴다.
* 내 경우에는 angular.min.js & angular-onsenui.min.js & onsenui.min.js 의 세 개 파일이 필요
4. 필요에 따라서 webfont나 icon 등이 있다면 적절한 위치로 옮긴다.
* ionicons 나 font-awesome 등등..CSS파일은/CakePHP/webroot/css, 폰트파일은 /CakePHP/webroot/font 폴더에.
* 간혹 경로가 어긋나서 안 보이는 경우 CSS파일을 열어서 font 폴더의 위치를 수정한다. (fonts -> font 로 수정하거나..)
5. CakePHP가 설치된 폴더의 Template/Layout/default.ctp 파일을 에디터에서 열고 28LINE 즈음에 있는 기본 css&js 링크(base.css, cake.css 등등)를 다음과 같이 수정한다.
<?= $this->Html->css('onsen-css-components.min') ?>
<?= $this->Html->css('onsenui') ?>
<?= $this->Html->css('onsennav') ?>
<?= $this->Html->css('ionicons.min') ?>
<?= $this->Html->script('angular.min') ?>
<?= $this->Html->script('onsenui.min') ?>
<?= $this->Html->script('angular-onsenui.min') ?>
6. 웹브라우저에서 제대로 나오는지 확인 -> 확인 시 페이지의 소스코드 보기를 확인하여 각 css&js 파일이 제대로 링크가 걸렸는지 확인
댓글
댓글 쓰기