본문 바로가기
반응형

분류 전체보기361

[Javascript] error  Expected linebreaks to be 'LF' but found 'CRLF'  linebreak-style 해결 방법 문제 윈도우에서 웹팩으로 번들 만들 때 eslintrc 설정을 빼먹어서 아래와 같은 에러가 나는 경우가 있습니다. error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 원인 eslint에서 linebreak-style 옵션을 명시하지 않는 경우 개행을 체크할 때 ["error", "unix"] 가 사용됩니다. unix에선 개행이 LF 인 반면에 윈도우에선 CRLF를 사용합니다. (LF : line feed ("\n"), CR : carriage returns ("\r")) 그래서 옵션을 안 바꾸 고 윈도우에서 돌리면 에러가 발생합니다. 해결책 그럼 .eslintrc에 rules에 linebreak-style을 설정해주면 해결됩니다. .. 2021. 1. 24.
Lombok 사용 시 error: cannot find symbol 에러가 발생한다면? Gradle 버전 변경을!! 안녕하세요. 프로젝트 처음 셋팅 단계에서 롬복(Lombok) 적용 후 만들어 놓은 테스트 돌려보니 갑자기 뜬금없는 에러가 나더라구요. 어라? 이전엔 그냥 Enable Annotation 옵션만 활성화 시키면 됐는데 뭐지? 하고 찾아봤습니다. 원인 Gradle 5 부터는 Lombok 설정 방법이 약간 바뀌었기 때문입니다. 저는 그동안 Gradle 4 이하 버전을 사용하고 있었나봅니다. Gradle 버전 확인 방법 일단 자신이 쓰고 있는 Gradle 버전부터 확인해볼까요? gradlew -v 저는 5.6.4 버전을 사용하고 있습니다. 제가 만약 Gradle 4로 버전 변경을 하고싶다면 어떻게 해야 할까요? gradlew wrapper --gradle-version 4.10.2 버전이 변경된 것을 볼 수 있습.. 2020. 12. 8.
[IntelliJ] 학생, 교육기관용 라이선스로 최신 버전 IntelliJ 무료로 사용하기 JetBrains는 고맙게도 학생, 교육 기관들에게 무료로 IntelliJ 최신 버전을 사용할 수 있는 기회를 제공합니다. 무료 버전 신청 방법을 알아보겠습니다. 1. JetBrains 공식 홈페이지 접속 -> 지원 -> 교육 기관용 라이선스 클릭! 2. 학생 및 교사용 -> 지금 신청하기 클릭! 교육 기관용 라이선스는 학생 및 교사용, 학교 및 대학교용, 교육과정 및 부트캠프용 총 3개로 나눠져 있으며 각 탭을 누르면 자세한 설명이 나와있습니다. 신청하기 전에 교육용 라이선스는 비영리적인 교육 목적, 학생, 교사인 한 무료로 계속 갱신해서 사용할 수 있습니다. 한 번 신청하면 사용 기한은 1년입니다. 상용 제품을 만드는데 사용하면 안되며 제 3자와 공유하는 것을 불법으로 보고있습니다. 3. Apply .. 2020. 6. 19.
[Spring Boot] 1분만에 IntelliJ에서 spring-boot-devtools 설정하기 Spring Boot로 개발하면서 자바소스 수정하고 수동으로 재기동하고 자바스크립트 수정하고 웹사이트 새로고침하고!!! 이런 불편한 작업들을 spring-boot-devtools 가 간단하게 해결해줍니다. 이외에도 많은 기능들이 있는데 Spring Boot 공식 홈페이지를 참조 부탁드립니다. 1. spring-boot-devtools 의존성 추가 (STS 사용하시는 분들은 의존성만 추가해주시면 됩니다.) spring-boot-devtools 의존성 추가 //Maven - pom.xml org.springframework.boot spring-boot-devtools runtime true //Gradle - build.gradle runtime('org.springframework.boot:spring-.. 2020. 6. 11.
[Javascript] ajax 라이브러리 사용 방법 (jQuery, axios) ajax를 사용할 수 있는 jQuery, axios 라이브러리에서 성공, 실패, 항상 이 3단계를 어떻게 나타내는지 설명하겠습니다. jQuery jQuery의 ajax 사용 방식은 1.5 이전, 1.5 이후로 나뉩니다. 1.5 이전 1.5 이전엔 success, fail, complete 옵션을 이용한 callback 방식을 사용했습니다. $.ajax({ url : '/member/1', type : 'get', data : data, success : function(data) { // 성공 }, error : function(error) { // 에러 }, complete : function() { // 항상 } }); 1.5 이후 1.5 이후엔 promise 기반으로 변경됐습니다. done (성공).. 2020. 6. 8.
[React] IE 11에서 create-react-app 프로젝트 실행 시 SCRIPT1002 오류 해결법 create-react-app 으로 만든 프로젝트를 IE 11에서 테스트해보니 갑자기 빈화면이 나와 콘솔을 보니 SCRIPT1002 에러가 발생해서 실행이 되지 않았던 것이였습니다. 이게 발생하는 이유는 IE 11에서 개발할 때 필요한 설정을 안해서 그런 것이였습니다. (망할 IE....) 1. react-app-polyfill 설치 npm i --save react-app-polyfill 2. index.js에 import react-app-polyfill/ie11, react-app-polyfill/stable 추가 /* 이 부분 추가 */ import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable'; /* ---------- */ imp.. 2020. 6. 7.
[Javascript] IE 11 Ajax Caching 끄기 (jQuery, axios) 개발 테스트 중 크롬에서는 괜찮은데 IE 10, 11에서 ajax 결괏값이 안 바뀌는 현상이 발생했습니다. 너무 이상해서 찾아보니 IE 10부터는 ajax caching이 get 요청이면서 요청 URL이 이전과 동일하면 브라우저 자체에서 caching을 한답니다... (망할 IE...) 해결책 찾아보니 총 3가지의 해결책이 있었는데 하나하나 예를 들면서 설명해보겠습니다. ajax 사용할 때 jQuery, axios 2개의 라이브러리를 가장 많이 사용할 거로 생각됩니다. jQuery와 axios 각각 해결방법이 약간 달라 2개를 비교하면서 설명하겠습니다. 1. get 대신 post를 사용한다. 이 방법은 get 요청할 경우에만 캐싱이 되니깐 post를 사용하라는데 사실 restful 하지 않기 때문에 이 .. 2020. 6. 7.
[React] 1분만에 React 프로젝트 구축하기 create-reac-app 라이브러리를 통해 1분만에 React 프로젝트를 구축해보겠습니다. 1. Nodejs 설치하기 Windows Nodejs 공식 홈페이지 접속 -> 내 운영체제에 맞는 .msi 파일 다운로드 후 설치 * LTS : Long-Term Support (Stable 버전) Mac (Linux 도 동일) mac에선 nvm (Node Version Manager) 을 이용해서 설치합니다. nvm 설치 -> nvm install 명령어로 npm LTS ver. 설치 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash nvm install -- LTS Ver. 2. create-react-app 설치 .. 2020. 6. 7.
[디자인 패턴] 빌더 패턴 (Builder Pattern) * 아래 3개의 패턴을 하나의 주제를 가지고 차례차례 설명합니다. 참고바랍니다. 점층적 생성자 패턴 (TelescopingConstructor Pattern) 자바빈즈 패턴 (JavaBeans Pattern) 빌더 패턴 (Builder Pattern) 빌더 패턴 (Builder Pattern) 이란? 필수 매개변수는 생성자를 통해 빌더 객체를 얻은 후 선택 매개변수는 세터 메서드들로 설정하고 build 메서드를 호출하는 점층적 생성자 패턴의 안정성 + 자바빈즈 패턴의 가독성을 겸비한 패턴 코드 public class NutritionFacts { private int servingSize; // 필수 private int servings; // 필수 private int calories; private .. 2020. 5. 11.
반응형

티스토리툴바