반응형 분류 전체보기383 [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. [디자인 패턴] 자바빈즈 패턴 (JavaBeans Pattern) * 아래 3개의 패턴을 하나의 주제를 가지고 차례차례 설명합니다. 참고바랍니다. 점층적 생성자 패턴 (TelescopingConstructor Pattern) 자바빈즈 패턴 (JavaBeans Pattern) 빌더 패턴 (Builder Pattern) 자바빈즈 패턴 (JavaBeans Pattern)이란? 매개변수가 없는 생성자로 객체를 만든 후 세터(setter) 메서드들을 호출해 원하는 매개변수의 값을 설정하는 방식이다. 코드 public class NutritionFacts { private int servingSize = -1; // 필수 private int servings = -1; // 필수 private int calories = 0; private int fat = 0; private i.. 2020. 5. 11. [Algorithm] 만 나이 계산하기 (Calculate american age) 문제 생년월일을 입력받아 만 나이를 반환하시오. 풀이 만 나이(american age)란? 만 나이는 태어난 때를 기산점으로 하여 매 생일을 맞을 때마다 한 살을 먹는다. 태어나서 얼마나 살았느냐를 나타낸다. 전 세계 대부분의 나라에서 사용하고 있다. 대한민국에서는 일상생활에서는 보통 세는나이를 쓰지만, 법률 및 각종 공문서, 언론보도에서는 대부분 만 나이를 사용한다. 세는나이는 태어남과 동시에 한 살이 되지만, 만 나이는 출생 후 1년(돌)이 되면 1세가 되고 그 전에는 생후 개월수로 센다. (출처 : 위키 https://ko.wikipedia.org/wiki/%EB%82%98%EC%9D%B4) 만 나이의 정의를 보면 태어난 때를 기산점(1)으로 하여 매 생일을 맞을 때마다 한 살(2)을 먹는다. 정의.. 2020. 5. 6. [개발용어] 멱등성(Idempotence)이란? 멱등성(Idempotence)이란? 연산을 여러 번 적용하더라도 결과값이 달라지지 않는 성질 예시 Rest API의 HTTP Method들 중 멱등성을 가진 것은 get, put, delete다. post는 status가 변하기 때문에 멱등성이 없다. 2019. 11. 11. [Spring] 왜 Constructor Injection(생성자 주입)을 사용해야 할까? 왜 Constructor Injection(생성자 주입)을 사용해야 할까? 이전 포스팅에서 Field Injection, Setter Injection 대신 Constructor Injection을 사용해야한다고 했는데 어떤 장점이 있어서 사용해야 하는지 알아보자. 1. Constructor Injection(생성자 주입) public class SpellChecker { private TextDictionary textDictionary; private VoiceDictionary voiceDictionary; @Autowired //4.3부터 단일 생성자일 경우 @Autowired 생략가능 public SpellChecker(TextDictionary t, VoiceDictionary v) { thi.. 2019. 11. 6. [Spring] Spring은 DI를 어떻게 지원할까? Spring은 DI를 어떻게 지원할까? Spring하면 POJO, IOC/DI, AOP, PSA 를 특징으로 갖는 프레임워크라고 한다. 그 중 Spring에서는 DI를 지원하기 위해 IOC를 사용한다. IOC(Inversion of Control)이란? 개발자가 프로그램의 흐름을 제어하지 않고 프레임워크가 프로그램의 흐름을 주도하는 것을 말한다. 스프링에선 이 개념을 Spring DI 컨테이너를 이용해 빈 생명주기 관리, 의존성 주입 등을 도맡아 처리한다. * IOC 컨테이너라고도 하는데 IOC가 내포하는 범위가 너무 넓어 DI 컨테이너라고 부른다고 한다. Spring DI 컨테이너가 DI를 제공하는 방법 DI 컨테이너가 DI를 제공하는 방법엔 @Autowired 어노테이션을 붙히는 방법, XML에 Be.. 2019. 11. 6. 이전 1 ··· 39 40 41 42 43 다음 반응형
