Programming/angular2019.02.18 17:09

아래와 같은 에러가 발생을 하면서 ie로 확인하면 안되는 경우 

SCRIPT5022: 예외가 발생했지만 catch할 수 없습니다.

polyfills.-------------.bundle.js (1,57771) 


요렇게 하면 된다더라.. (라고 발빼기)

src\polyfills.ts :


/** IE9, IE10 and IE11 requires all of the following polyfills. **/

import 'core-js/es6/symbol';

import 'core-js/es6/object';

import 'core-js/es6/function';

import 'core-js/es6/parse-int';

import 'core-js/es6/parse-float';

import 'core-js/es6/number';

import 'core-js/es6/math';

import 'core-js/es6/string';

import 'core-js/es6/date';

import 'core-js/es6/array';

import 'core-js/es6/regexp';

import 'core-js/es6/map';

import 'core-js/es6/set'; 

[링크 : https://stackoverflow.com/questions/45353619/angular4-application-running-issues-in-ie11]


링크에 의하면 기본값으로 IE9~IE11 호환을 하지 않도록 되어 있어서 발생하는 것으로 추측된다.

'Programming > angular' 카테고리의 다른 글

angular4 ie11 호환성 설정  (0) 2019.02.18
angular proxy  (0) 2018.11.02
vscode 및 angular.js 셋팅..  (0) 2018.08.08
Posted by 구차니

댓글을 달아 주세요

Programming/react.js2019.02.10 22:07

먼가.. 신기한 키워드로 조합이 되었다 -ㅁ-?


[링크 : https://react-bootstrap.github.io/getting-started/introduction/]

[링크 : https://medium.com/@khwsc1/react에-간편하게-bootstrap-4를-달아보자-fdb646904363]

'Programming > react.js' 카테고리의 다른 글

react.js + bootstrap?  (0) 2019.02.10
react store / flux pattern  (0) 2019.02.01
react.js context, component thru  (0) 2019.02.01
react import {}  (0) 2019.01.31
react html to jsx  (0) 2019.01.29
webpack react  (0) 2019.01.28
Posted by 구차니

댓글을 달아 주세요

Programming/bootstrap2019.02.10 22:02

대개 상단 큰 이미지를 여러개 슬라이드 하는 녀석으로 쓰이는 듯?


[링크 : https://getbootstrap.com/docs/4.2/components/carousel/]

'Programming > bootstrap' 카테고리의 다른 글

부트스트랩 carousel  (0) 2019.02.10
부트스트랩 상단 메뉴와 container  (0) 2019.02.10
부트스트랩 상단 메뉴 고정하기  (0) 2019.02.09
Posted by 구차니

댓글을 달아 주세요

Programming/bootstrap2019.02.10 18:38

엥.. 머가 엉겼던 걸까.. 이전 버전을 남기지 않고 하다보니 뇌가 꼬였나..

아무튼 nav 안에 .container 해서 적절하게 영역을 나눌수가 있다.



[링크 : https://getbootstrap.com/docs/4.2/components/navbar/]

[링크 : http://pjh445.blog.me/221160822054]

'Programming > bootstrap' 카테고리의 다른 글

부트스트랩 carousel  (0) 2019.02.10
부트스트랩 상단 메뉴와 container  (0) 2019.02.10
부트스트랩 상단 메뉴 고정하기  (0) 2019.02.09
Posted by 구차니

댓글을 달아 주세요

Programming/bootstrap2019.02.09 18:50

jquery랑 같이 찾아 보는 중


stikcy-top은 상단 공간을 먹으면서(차지하면서) 위에 고정하고

fixed-top은 상단 공간을 차지하지 않고 위에 고정된다. (일부 내용이 상단 메뉴바에 가려져서 안보일 수 있다)


[링크 : http://pjh445.blog.me/221160822054]

[링크 : https://www.codingfactory.net/10745]

'Programming > bootstrap' 카테고리의 다른 글

부트스트랩 carousel  (0) 2019.02.10
부트스트랩 상단 메뉴와 container  (0) 2019.02.10
부트스트랩 상단 메뉴 고정하기  (0) 2019.02.09
Posted by 구차니

댓글을 달아 주세요

Programming/web 관련2019.02.07 18:15

ajax 에 authorization bearer 추가하는 방법


// ajax $.ajax({ url: 'YourRestEndPoint', headers: { 'Authorization': `Bearer ${token}`, }, method: 'POST', data: YourData, success: function(data){ console.log('succes: '+data); } }); // axios axios({ method: 'post', url: yourEndpoint, data: yourData, headers: { 'authorization': `Bearer ${token}`

}); 


[링크 : https://www.freecodecamp.org/.../which-ajax-should-i-use-for-post-i-need-to-add-a-bearer-token/.../2]

'Programming > web 관련' 카테고리의 다른 글

ajax bearer token header  (0) 2019.02.07
webGL vs SVG  (0) 2019.01.07
w3c validator  (0) 2018.12.10
미세먼지 크롤러 (다음, 네이버)  (0) 2018.12.07
edge browser mobile  (0) 2018.11.30
chrome 보안 무시  (0) 2018.11.13
Posted by 구차니

댓글을 달아 주세요

Programming/android2019.02.07 11:22
Programming/react.js2019.02.01 08:15

스터디 중에 store를 쓴다 이런 표현만 해서 찾아 보는 중..


정확하게는(?) 디자인 패턴중 flux 패턴을 변형해서 만든 패턴의 이름으로 "리덕스 패턴" 이고 

해당 모듈은 react-stores 로 구현이 된 듯하다.


어떤 의미로는, 데이터를 물고 물고 물어서 원하는 컴포넌트로 전송해주어야 할 것을

reducer를 이용하여 전송과정을 삭제하고, 바로바로 개별 컴포넌트로 전달할 수 있도록

경로를 연결해주는 것을 자동화 해주는 개념으로도 보여진다.


[링크 : https://velopert.com/3528]

  [링크 : https://velopert.com/reactjs-tutorials]


리덕스 패턴은 MVC 패턴을 대체하기 위해서 페이스북이 사용한 Flux 패턴을 살짝 바꾼 겁니다. 

[링크 : https://www.zerocho.com/category/React/post/57b60e7fcfbef617003bf456]

[링크 : https://engineering.huiseoul.com/react-redux-intro-bbff95b14cdf]


getState()

dispatch(action)

subscribe(listener)

replaceReducer(nextReducer) 

[링크 : https://redux.js.org/api/store]

[링크 : https://www.npmjs.com/package/react-stores]

'Programming > react.js' 카테고리의 다른 글

react.js + bootstrap?  (0) 2019.02.10
react store / flux pattern  (0) 2019.02.01
react.js context, component thru  (0) 2019.02.01
react import {}  (0) 2019.01.31
react html to jsx  (0) 2019.01.29
webpack react  (0) 2019.01.28
Posted by 구차니

댓글을 달아 주세요

Programming/react.js2019.02.01 08:12

리액트 컨텍스는 또 무엇인가..


[링크 : https://reactjs.org/docs/context.html]

'Programming > react.js' 카테고리의 다른 글

react.js + bootstrap?  (0) 2019.02.10
react store / flux pattern  (0) 2019.02.01
react.js context, component thru  (0) 2019.02.01
react import {}  (0) 2019.01.31
react html to jsx  (0) 2019.01.29
webpack react  (0) 2019.01.28
Posted by 구차니

댓글을 달아 주세요

Programming/react.js2019.01.31 19:31

찾으려고 하던 내용

모듈 시스템에 대해 알아보겠습니다. ES2015에서 바뀐 것들 중에서 가장 획기적이라고 생각하는 변화입니다.


첫 번째는 그냥 React인데, 두 번째는 { render }처럼 괄호 안에 감싸져 있네요. 간단한 차이가 있습니다. export 방식의 차이입니다. 모듈을 불러올 때 import라고 써주는 것처럼, 모듈을 다른 파일로 보내려면 export라고 명시적으로 써줘야 합니다. Example.js 파일을 보죠. 

[링크 : https://www.zerocho.com/category/ECMAScript/post/579dca4054bae71500727ab9]



+

요건 JSX에서의 {}의미


{}를 감싸면 프로퍼티나 자식으로 던질수 있다는데 무슨 의미야 -ㅁ-

JavaScript Expressions as Props

You can pass any JavaScript expression as a prop, by surrounding it with {}. For example, in this JSX:


JavaScript Expressions as Children

You can pass any JavaScript expression as children, by enclosing it within {}. For example, these expressions are equivalent:

[링크 : https://reactjs.org/docs/jsx-in-depth.html]

'Programming > react.js' 카테고리의 다른 글

react store / flux pattern  (0) 2019.02.01
react.js context, component thru  (0) 2019.02.01
react import {}  (0) 2019.01.31
react html to jsx  (0) 2019.01.29
webpack react  (0) 2019.01.28
react.js tutorial  (0) 2019.01.28
Posted by 구차니

댓글을 달아 주세요