browser-sync $ browser-sync --version 2.12.10 $ browser-sync start --server --files ["css/*.css", "js/*.js", "*.html"] [BS] Access URLs: -------------------------------------- Local: http://localhost:3000 External: http://192.168.1.103:3000 웹 & 프레임워크 2017.12.10
web 스프링 프레임워크 다양한 구성 수많은 공공 프레임워크들이 스프링 기반으로 만들어져 있으며, 마찬가지로 대기업 SI도 스프링 프레임워크 기반으로 동작한다. 1. 스프링 프레임워크 + JSP기반.백엔드로직은 MVC라는단어를 귀에 못이 박히도록 듣기때문에, 스프링 프레임워크상에 Controller에서 요청을 분기하고, Model에서 실제 디비작업들을 진행한다. Service가 적당히 섞여서 들어가있다. 지금까지의 예전 로직들은 프론트가 전혀 고려대상이 아니다. 모든 프론트 로직들은 JSP에 섞여있으며 운이 좋으면 CSS정도는 분리가 되어있다. 그렇지만 기본적인 자바스크립트, 제이쿼리및 시간관련 자바스크립트들과, 때때로 급해서 넣은듯한 스타일 속성값과 {}로 둘러쌓여있는 코드로 인해 뭔가 헝클어져 있다는 느낌은 지울수없다. 다만, 고치는데 .. 웹 & 프레임워크 2017.12.06
설치구조 이해 - NodeJS, Gulp, Bower PHP라는 만능이 있다. 이 태그에 모든것을 넣으면 모든게 해결되었고, 사용자에게 보여주려면 이 밖에 코드를 집어넣으면 되었다. 인터넷의 태동기는 사실 이런 모양이였다.다만 웹은 급속도로 성장하면서 점점 복잡해지기 시작했다.스파게티 코드라는 이름은 누가지었는지도 모르겠지만, 코드가 지저분해졌고, 사람들은 나누는걸 좋아하게 되었다. 웹 세상은 복잡해졌지만 Javascript는 건들기가 어려웠다.사람들은 하지만 벌써 신나서 코드를 짜기 시작했고, 라이브러리라고 부르는 공통적인 로직을 만들기 시작했다. 점점더 편하게(Jquery), 그리고 철학있게(Angular) 개발을 편하게 만드는 자바스크립트가 등장했다. 오픈소스 커밋은 개발자들의 만족을 통해 오픈소스의 창출을 더욱더 가속화했다.그리고 라이브러리는 각종 .. 웹 & 프레임워크 2017.11.15
angular2 튜토리얼 Tour of heroes 구조 빠르게 파악 https://angular.io/guide/quickstart앵귤러5가 튀어나오는 마당에 왜 이글을 쓰고있는지는 모르겠지만 어쨌든 필요해서 쓴다.2는 1과는 상당히 많이 달라졌는데 컨트롤러가 사라지고 컴포넌트기반으로 변해버렸다.이것조차 읽을시간이 없으면, 다음과 같은 구조만 파악하면 될듯하다.https://embed.plnkr.co/?show=preview라이브 예제를 참조하면, 다음과 같은 구조인것이 파악된다.일단 npm start 명령어를 통해 구동시킨다. 내부적으로 browser-sync가 작동하고 있기 때문에, 코드를 고치고 저장을 누르는 순간 바로 반영이 된다.main.ts일단, main.ts로 접근을 하면 앱모듈을 로딩하고 있는것을 확인할수있다.app.module.ts앱모듈에서는 필요한 컴포.. 웹 & 프레임워크 2017.11.05
node 및 bcrypt 관련 에러 npm install -g node-gyp npm install --g --production windows-build-toolshttp://stackoverflow.com/questions/29320201/error-installing-bcrypt-with-npm Error: Cannot find module 'bcrypt' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object. (D:\Projects\cake-server-mast.. 웹 & 프레임워크 2017.04.29
[링크] RESTful 누가 이렇게 예쁘게 정리를 잘해놨지~http://blog.remotty.com/blog/2014/01/28/lets-study-rest/ 웹 & 프레임워크 2016.12.03
visual studio (비주얼스튜디오) 이용시 npm not installed Apache Cordova를 비주얼 스튜디오에서 이용하면서 npm not installed가 뜨면서 죄다 404 error가 뜨는 경우가 있다.node버전을 1버전으로 쓰기때문에 repository세팅이 잘 안되어있는듯 하다. 따라서,Tools -> Options -> Projects and Solutions -> External Web Tools로 가서 제일 위쪽을 실제 설치했던 node디렉터리로 지정하든가, 아니면 벌써 $(PATH)를 맨 위쪽을 가게해서 최신의 node.js버전을 찾게 만들어야 한다. 웹 & 프레임워크 2016.10.04
NVD3 초간단 이용하기. NVD3을 이용하기 위해서는 다음을 다운로드받는다. http://nvd3.org/index.html 필요한 파일은, d3.min.js nv.d3.min.js nv.d3.min.css 세개이며, 다음과 같이 *css를 추가하지않으면, 이상한 검정색으로 나타나기 때문에, 조심한다. 웹 & 프레임워크 2016.04.28
JavaScript Trend 참고 https://ponyfoo.com/articles/javascript-developer-survey-results Compile-to-javascript ES6 / ES5 Array.prototype.forEach friendsObject.create / seal / freeze / getter / setter / strict modeLet and ConstDestructuringRest and SpreadIteratorsGeneratorsArrow FunctionsTemplate LiteralsBuilt-in enhancementsProxies and ReflectionCollectionClassesSymbolsPromisesModuls JavaScript TestMocha *JasmineKar.. 웹 & 프레임워크 2015.12.30