Vue.js에서 scss 사용하기

Vue-cli에서 프로젝트를 만들때 Css Pre-processors에서 SASS를 선택하면 아래 설정없이 바로 style에서 선언하여 사용가능합니다. 1 2 3 4 5 6 7 cs 만약 cli를 이용해서 생성시에 설정을 해주지 않았으면 아래처럼 별도로 설치후 사용하시면 됩니다. -------------------- Vue-cli 로 설치할 경우 간단한 설정만으로도 scss를 사용할수 있습니다 . scss는 css를 좀더 편하게 사용할수 있게 해주는 확장언어입니다. (http://sass-lang.com/) 사용방법은 우선 "sass-loader","node-sass" js dependency를 추가합니다. npm install sass-loader node-sass --save-dev webpack.b..

• format_list_bulleted Programming/Vue-tip
• · 2018. 5. 3.
• textsms

[Java8] List<Integer> -> int[] 변경방법

Java8 Stream을 이용 List -> int[] 로 변환하는 방법 int[] array = list.stream().mapToInt(i->i).toArray(); 1부터 10까지 데이터를 가진 Collection 생성 List list = Stream.iterate(0, n->n+1).limit(10).collect(Collectors.toList());int[] arr = (Stream.iterate(1, n->n+1).limit(10)).mapToInt(i->i).toArray(); Random 실수 생성 int[] randomNumbers = new Random().ints(10,0,350).toArray(); //(생성갯수, 최소값, 최대값)

• format_list_bulleted Programming/Java
• · 2018. 4. 11.
• textsms

[springboot] CORS 설정

1234567@Configurationpublic class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**").allowedOrigins("*").allowedMethods("*"); }}Colored by Color Scriptercs WebMvcConfigurer의 addCorsMappings 재정의 해주면 된다. 현재 설정은 모든 path, origin, methods를 허용한다는 건데 각자의 상황에 맞게수정하면 된다. @Configuration을 적어줘야 적용된다. cors는 재시동 필요

• format_list_bulleted Programming/Springboot-tip
• · 2018. 4. 9.
• textsms

Invocation of init method failed; nested exception is java.lang.NoClassDefFoundError: javax/xml/bind/JAXBException

macos에서 maven install시 아래와 같은 오류가 발생했을경우(환경이 java9일떄 방생하는 문제인듯) org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'entityManagerFactory' defined in class path resource [org/springframework/boot/autoconfigu)re/orm/jpa/HibernateJpaConfiguration.class]: Invocation of init method failed; nested exception is java.lang.NoClassDefFoundError: javax/xml/bind/JAXBExcep..

• format_list_bulleted Programming/Error
• · 2018. 4. 8.
• textsms

Vue.js를 이용하여 카페리뷰 사이트 만들기 #0

Vue.js + Springboot 를 이용한 카페 리뷰 사이트 만들기를 시작합니다. 게시판형태에 웹어플리케이션으로 사진도 올리고 댓글도 달고 로그인도 하고 SNS연동도 하고(?) 실무 위주로 진행해 볼 예정입니다. 그리고 기술스택 프론트는 Vue.js를 백엔드는 Springboot + jpa를 이용한 API를 만들 예정입니다. 만들고 나서 여력이 된다면 백엔드부분을 node.js로 해봐도 재미있을꺼 같네요. 해당 프로젝트의 목표는 아래와 같습니다. Vue.js를 이용한 SPA 개발Springboot를 이용한 RestAPI 서버 개발반응형웹 css 작성 시작이 반이라니 우선 github부터 하나 만들고 let's get it! https://github.com/beans9/codingcafe 다음편에서 ..

• format_list_bulleted Programming/Vue-project
• · 2018. 4. 5.
• textsms

[npm] Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin,

vue-cli 실행시 아래와 같은 에러가 나올 경우 Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, 윈도우 환경이라면 명령어프롬프트(cmd)를 관리자 권한으로 실행 후 npm install -> npm run dev 해보도록 하자. if you use windows, open the cmd with administrator authority. and npm install -> npm run dev

• format_list_bulleted Programming/Error
• · 2018. 2. 19.
• textsms