일안하고블로그

[ React ] fetch -REST API / JSONPlaceholder

React fetch 작업파일은 여기를 클릭해주세요.리액트에서 데이터를 받아올때는 어떻게 받을까? 라는 생각을 해본 적이 있을거에요.그냥 단순히 Jquery 라이브러리를 불러서 사용을 해야하는 것인지 아니면, 다른방법이 있는지 고민을 하다가 처음 알게된 라이브러리는 fetch 입니다. 하지만 이것도 쉽지 않았습니다. 왜냐면 여러개를 테스트 해보고 싶은데 마땅히 테스트 해볼것도없고..유튜브를 보면서 정리를 해보았습니다. 리액트에서 쓰는 API Citent REST API는 fetch / SuperAgent / axios 가 있습니다.(다른 방법도 더찾아보면 있을거에요) 여기서 제가 선택해서 사용 할 것은 fetch(native) 와 axios입니다. fetch는 ajax역할만 하는 라이브러리인데, 사용법은..
React/Api Client 2018. 7. 20. 16:15
[ Codepen ] Html 공유하기 / 블로그에 소스 올리기

코드팬을 사용 할때 또하나의 좋은 기능이 있습니다.깜박하고 공유를 못해드렸는데 https://codepen.io/sheldhe/pen/JBKxEZ 내가 작성한 글을 다른사람도, 링크를 클릭하여 들어가지않고 보게 하는 방법이 있습니다. 공유하는 방법은 Iframe을 사용하거나, HTML소스를 받거나, 등등 방법이 있어요. 저기있는 코드팬의 결과값 / HTML/CSS/Js 소스를 보여줄거에요. 위에 코드펜이 뭐지하시면 하단에 글 참조하세요.2018/07/18 - [사이트 & 프로그램 추천] - codepen 사용하는 방법은, 제가 만든 Pen을 예시로 설명을 드리겠습니다. 다시 여기 링크로 들어가보세요. 캡쳐한 화면처럼 나올거에요. 여기에서 우측하단에 Embed 라는 버튼이 있어요. 이버튼 누르면 .. 이러..
Site & Program 2018. 7. 19. 18:22
[ Sass/SCSS] Sass/SCSS 시작하기

평소에 CSS에 대한 것들이나 구글링 하거나 CodePen을 사용하다 보면 항상 SCSS 라는 단어와 Sass라는 단어를 자주 보게 됩니다. CSS에 관련된 것인데 문법을 보니까 어려울것같고, 해서 미뤄왔지만 이제 정리를 해야 할때가 왔습니다. 저는 리액트 프로젝트 스타일링은 SCSS로 할 것이기 때문에 SCSS를 쓰면 어떻게 편한지 왜좋은지를 알아야합니다. 우선, Keyword 부터 적어 보겠습니다. CSS PREPROCESSORSASSSCSSCSS PREPROCESSOR 한글로 해석하면 CSS 전처리기라고 하는데 말이 너무 어렵습니다. 쉽게, CSS가 동작을 하기전에 사용하는 기능입니다. 리액트를 하면서 주로 사용하는 CSS 전처리기는 Sass/SCSSpostCSSLessStylus 이렇게 있어요. ..
React/Styling 2018. 7. 19. 11:01
Prev 1 ··· 9 10 11 12 13 Next