Web (4) 썸네일형 리스트형 Springboot 프로젝트에 Vue.js 사용해보기 -1 안녕하세요.😀 이번에 front-end 프레임워크를 기존 Angular.js에서 Vue를 사용함에 따라 Vue를 스프링부트 프젝에 적용해보겠습니다. 적용하는 과정을 기록합니다. 환경 ) Intellij + SpringBoot + npm 설치 되어있음 👆적용 과정 1. vue-cli 설치 해당 프로젝트 터미널을 열어줍니다. > npm init -> pakage.json 파일을 자동 생성 해줍니다. > npm i -g @vue/cli ** CLI란 ? Command Line Interface의 약자, vue-cli는 기본 vue 개발 환경을 생성해주는 도구입니다. 폴더 구조나 webpack 설정 등을 도와줍니다. 2. vue 프로젝트 설치 > vue create [vue프로젝트 명] 3. vue.config.. [AngularJS] 주의사항 및 놓친 부분 정리 1. rootScope rootScope를 사용하면 rootScope 내의 코드들만 실행된다. 그 밑에 변수 선언이나 값을 넣어도 반영되지 않음 ! ex) $rootScope.confirm("정말 등록 하시겠습니까?", function (){ $http({ url: Config.serverURL+"...", method: 'POST', params: $scope.sendParam }).then( function (){ $rootScope.alert("성공 하였습니다."); }, function () { $rootScope.alert("실패 하였습니다."); }); }); ////// 여기 이후엔 적용 X ///// 2. data-ng-model vs data-model angularJS는 two way .. [AngularJS] 외부 js 파일을 가져다 쓰기 🔎 현재 js 컨트롤러에서 필요한 함수를 직접 복붙 하지 않고 외부 파일의 함수를 가져다 쓰기 방법 : 1. app.js (전체 js를 등록해주는 js) define 안에 경로명 적어주기 2. function 안에는 해당 파일의 별칭을 붙여준다. 이 별칭으로 다른 js에서 가져다 쓸 수 있다! 단, function 안에는 define 에서 불러온 순서를 따름. 예시 ) define([ "service/myService.js", "service/yourService.js" ], function() { mySvc, yourSvc} ); 개발자도구 팁 에러가 났거나 브레이크포인트를 걸어 데이터의 상태를 확인할 때 --> 개발자도구 --> Source -> 원하는 지점에 break Point (해당 줄에 클릭하면 됨) --> 콘솔 창에 변수 입력 --> 입력한 변수에 다른 값 넣어보기 이렇게 하면 break Point가 걸린 이후의 과정들은 내가 임의로 넣어본 값으로 돌아가게 됨! 이전 1 다음