'Programming'에 해당되는 글 1789건

  1. 2019.02.09 부트스트랩 상단 메뉴 고정하기
  2. 2019.02.07 ajax bearer token header
  3. 2019.02.07 android REST client
  4. 2019.02.01 react store / flux pattern
  5. 2019.02.01 react.js context, component thru
  6. 2019.01.31 react import {}
  7. 2019.01.29 react html to jsx
  8. 2019.01.29 node_modules include
  9. 2019.01.29 @keyframe in css
  10. 2019.01.28 webpack react
Programming/bootstrap2019. 2. 9. 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
Posted by 구차니
Programming/web 관련2019. 2. 7. 18:15

ajax bearer token header

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 관련' 카테고리의 다른 글

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
Posted by 구차니
Programming/android2019. 2. 7. 11:22

android REST client

retrofit이 무난해 보인다..


[링크 : http://square.github.io/retrofit/]

  [링크 : https://stackoverflow.com/.../how-to-post-raw-whole-json-in-the-body-of-a-retrofit-request]

  [링크 : https://stackoverflow.com/questions/41078866/retrofit-authorization-bearer-token]  bearer

[링크 : https://github.com/PCreations/RESTDroid]

[링크 : https://github.com/stephanenicolas/robospice]


[링크 : https://stackoverflow.com/questions/13444113/rest-api-client-library-for-android]

저작자표시 (새창열림)

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

안드로이드 무선 디버깅(adb wifi)  (0) 2019.03.14
AndroidManifest.xml (binary) 디코더  (0) 2019.03.14
안드로이드 주기적 작업  (0) 2019.01.25
액티비티 인텐트  (0) 2019.01.25
안드로이드 스튜디오 - 액티비티 전환  (0) 2019.01.24
Posted by 구차니
Programming/react.js2019. 2. 1. 08:15

react store / flux pattern

스터디 중에 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 를 node.js 에서 사용하기 예제  (0) 2019.02.20
react.js + bootstrap?  (0) 2019.02.10
react.js context, component thru  (0) 2019.02.01
react import {}  (0) 2019.01.31
react html to jsx  (0) 2019.01.29
Posted by 구차니
Programming/react.js2019. 2. 1. 08:12

react.js context, component thru

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


[링크 : 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 import {}  (0) 2019.01.31
react html to jsx  (0) 2019.01.29
webpack react  (0) 2019.01.28
Posted by 구차니
Programming/react.js2019. 1. 31. 19:31

react import {}

찾으려고 하던 내용

모듈 시스템에 대해 알아보겠습니다. 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 html to jsx  (0) 2019.01.29
webpack react  (0) 2019.01.28
react.js tutorial  (0) 2019.01.28
Posted by 구차니
Programming/react.js2019. 1. 29. 19:20

react html to jsx

react 에서만 쓰는건 아니겠지만(ECMA 표준일테니)

jsx 라는 녀석.. pug때 처럼 html에서 jsx로 변환해서 쓰는게 편할거 같은데.


문제는.. 이런식으로 구성하게 되면

코드랑 디자인이랑 또 섞이게 되는거 아닌가?...


[링크 : https://transform.now.sh/html-to-jsx/]

[링크 : https://magic.reactjs.net/htmltojsx.htm]

저작자표시 (새창열림)

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

react.js context, component thru  (0) 2019.02.01
react import {}  (0) 2019.01.31
webpack react  (0) 2019.01.28
react.js tutorial  (0) 2019.01.28
react.js + spring  (2) 2019.01.28
Posted by 구차니
Programming/node.js2019. 1. 29. 19:07

node_modules include

node.js에서 이런저런 패키지 깔고 보면

node_modules/패키지 안에 각종 js 파일들이 존재한다.


그걸 끌어올 방법이 없나 하고 찾아보는데

대개는 static으로 해당 모듈의 경로를 지정하고 script 태그에서 끌어다 쓰라는데 영 깔끔한 방법은 아닌 듯..


[링크 : https://julie.io/writing/javascript-node-modules/]

[링크 : https://stackoverflow.com/.../how-to-include-scripts-located-inside-the-node-modules-folder]


[링크 : https://dontkry.com/posts/code/using-npm-on-the-client-side.html]

[링크 : https://forum.vuejs.org/t/include-css-js-assets-from-node-modules-in-index-html/3956/2]

[링크 : https://www.npmjs.com/package/jquery]



+

react.js 예제를 보다 개발자 도구로 보니 은근 node_modules가 보이는걸 발견..

딱히 잘못된 접근은 또 아닌건가?

저작자표시 (새창열림)

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

express ejs  (0) 2019.02.20
pug include / ejs include  (0) 2019.02.20
npm npx yarn bower  (0) 2019.01.28
node-red rpi 접속  (0) 2018.12.20
node-red 자동시작 관련  (0) 2018.12.14
Posted by 구차니
Programming/css2019. 1. 29. 10:10

@keyframe in css

react.js 기본 예제 프로젝트 보다가 보니

App-logo-spin 이라는게 있어서 추적하다보니 나와서 보는 중


[링크 : https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp]


암튼.. @keyframe은 css 문법이었네? @로 시작하는게 머가 있나 봐야겠다

keyframe을 제외하면 아래정도인가?

[링크 : https://www.w3schools.com/cssref/pr_charset_rule.asp]

[링크 : https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp]

[링크 : https://www.w3schools.com/cssref/pr_import_rule.asp]

[링크 : https://www.w3schools.com/cssref/css3_pr_mediaquery.asp]

저작자표시 (새창열림)

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

css 반응형 웹 대응 - 미디어 쿼리  (0) 2024.01.18
css3 calc()  (0) 2020.01.03
css transform zindex origin  (0) 2018.10.25
css tooltip 위치  (0) 2018.10.25
css로 백그라운드만 돌리기  (0) 2018.10.10
Posted by 구차니
Programming/react.js2019. 1. 28. 19:18

webpack react

import 라고 쓸수 있는게 webpack 덕분이라고 해서 찾아보는 중...

require.js 이런거랑 유사한건가?


[링크 : https://webpack.js.org/]

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



+

별별 유사한 모듈들이 많나보네..

[링크 : https://www.reddit.com/r/javascript/comments/3azxtj/requirejs_vs_browserify_vs_webpack/]

[링크 : https://www.slant.co/versus/3455/11602/~requirejs_vs_webpack]

저작자표시 (새창열림)

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

react import {}  (0) 2019.01.31
react html to jsx  (0) 2019.01.29
react.js tutorial  (0) 2019.01.28
react.js + spring  (2) 2019.01.28
react.js  (2) 2019.01.10
Posted by 구차니

티스토리툴바