css나 js등을 전송하다 보면 아무래도 작은 파일들로 나눠어서 효율이 떨어지는데
그런걸 하나로 묶어서 보내주도록 빌드(?)하는 그런 도우미 프로그램
[링크 : https://webpack.js.org/]
쓰는 법은 나중에 좀 봐야겠네..
그래서 요즘 웹 페이지들이 node.js 나 javascript 기반이라도 빌드를 하는 거였나?
| ECDHE? (0) | 2019.04.26 |
|---|---|
| css position (0) | 2019.03.28 |
| ajax bearer token header (0) | 2019.02.07 |
| webGL vs SVG (0) | 2019.01.07 |
| w3c validator (0) | 2018.12.10 |
react.js로 node.js 상관없이(?) 단독으로 프로젝트 생성해서 하는걸 보다가
node.js 로 생성된 프로젝트에 react.js를 추가하는걸 찾는 중
[링크 : https://github.com/velopert/react-express-hmr-example?files=1]
[링크 : https://velopert.com/1552]
(당연하지만) react 쪽은 javascript로 작성하고
node쪽에서는 단순히 react로 의해 생성되는 bundle.js를 script를 통해 불러오면 끝
react.js는 backend와 연결이 없는 단순 frontend 뷰 엔진이다 보니
그런식으로 구현이 가능 한 듯 하다.
| 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 |
express 엔진의 기본값으로 보이는 ejs는 왜 도움말이 없냐..
문법들좀 보려고 하는데 도움을 안주네
그러고 보니. pug도 새로운(?) 문법으로 보였는데
ejs는 html과 동일하지만 실제로는 렌더링 언어였던 거니까
결국에는 pug 보다는 성능이 좀 나을지 몰라도 여전히 static page로 간주하진 않는다고 봐야하려나?
| node.js 파비콘 설정하기 (0) | 2019.02.22 |
|---|---|
| node.js apache 스타일 로그 (0) | 2019.02.22 |
| pug include / ejs include (0) | 2019.02.20 |
| node_modules include (0) | 2019.01.29 |
| npm npx yarn bower (0) | 2019.01.28 |
pug대신 ejs를 써보는데
문득 무슨차이가 있나 궁금해지네..
둘다 include는 지원한다. 정도만 확인인가.. ㅠㅠ
[링크 : https://pugjs.org/language/includes.html]
[링크 : https://stackoverflow.com/questions/5404830/node-js-ejs-including-a-partial]
| node.js apache 스타일 로그 (0) | 2019.02.22 |
|---|---|
| express ejs (0) | 2019.02.20 |
| node_modules include (0) | 2019.01.29 |
| npm npx yarn bower (0) | 2019.01.28 |
| node-red rpi 접속 (0) | 2018.12.20 |
아래와 같은 에러가 발생을 하면서 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 호환을 하지 않도록 되어 있어서 발생하는 것으로 추측된다.
| angular 빌드 최적화(?) (0) | 2019.03.18 |
|---|---|
| angular with reverse proxy (0) | 2019.03.18 |
| angular proxy (0) | 2018.11.02 |
| vscode 및 angular.js 셋팅.. (0) | 2018.08.08 |
먼가.. 신기한 키워드로 조합이 되었다 -ㅁ-?
[링크 : https://react-bootstrap.github.io/getting-started/introduction/]
[링크 : https://medium.com/@khwsc1/react에-간편하게-bootstrap-4를-달아보자-fdb646904363]
| react.js 를 node.js 에서 사용하기 예제 (0) | 2019.02.20 |
|---|---|
| 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 |
| 부트스트랩 상단 메뉴와 container (0) | 2019.02.10 |
|---|---|
| 부트스트랩 상단 메뉴 고정하기 (0) | 2019.02.09 |
엥.. 머가 엉겼던 걸까.. 이전 버전을 남기지 않고 하다보니 뇌가 꼬였나..
아무튼 nav 안에 .container 해서 적절하게 영역을 나눌수가 있다.
| 부트스트랩 carousel (0) | 2019.02.10 |
|---|---|
| 부트스트랩 상단 메뉴 고정하기 (0) | 2019.02.09 |
jquery랑 같이 찾아 보는 중
stikcy-top은 상단 공간을 먹으면서(차지하면서) 위에 고정하고
fixed-top은 상단 공간을 차지하지 않고 위에 고정된다. (일부 내용이 상단 메뉴바에 가려져서 안보일 수 있다)
| 부트스트랩 carousel (0) | 2019.02.10 |
|---|---|
| 부트스트랩 상단 메뉴와 container (0) | 2019.02.10 |
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]
| css position (0) | 2019.03.28 |
|---|---|
| webpack (0) | 2019.02.20 |
| webGL vs SVG (0) | 2019.01.07 |
| w3c validator (0) | 2018.12.10 |
| 미세먼지 크롤러 (다음, 네이버) (0) | 2018.12.07 |
|
