먼가.. 신기한 키워드로 조합이 되었다 -ㅁ-?
[링크 : 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 |
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]
| 안드로이드 무선 디버깅(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 |
스터디 중에 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) |
| 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 |
| 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 |
찾으려고 하던 내용
모듈 시스템에 대해 알아보겠습니다. 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: |
| 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 |
react 에서만 쓰는건 아니겠지만(ECMA 표준일테니)
jsx 라는 녀석.. pug때 처럼 html에서 jsx로 변환해서 쓰는게 편할거 같은데.
문제는.. 이런식으로 구성하게 되면
코드랑 디자인이랑 또 섞이게 되는거 아닌가?...
| 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 |
|
