독일개발자초록이

리액트 axios란? axios 사용하기. Node.js axios란? Axios는 npm을 이용하여 다운로드 가능한 HTTP request 모듈 혹은 라이브러리입니다. 이는 ES6 Promise API를 지원하며 Node.js 혹은 브라우저의 HTTP request에 사용됩니다. 오늘은 가볍게 사용 방법을 알아보도록 하겠습니다. ES6 전 비동기식 처리를 하려면 콜백 지옥이 따로 없었습니다. 함수 안에 함수 또 함수를 불러와 코드는 지저분하고 길며 피라미드가 쌓이기 십상이었습니다. 하지만 ES6로 넘어오면서 이러한 모습은 then이라는 키워드로 깔끔하게 정리됩니다. 혹은 aync, await으로 사용하는 것도 가능합니다. 다행히 axios는 이러한 ES6를 호환하기에, 크게 어렵지 않게 HTTP req..

리액트 Styled Components와 사용 방법? Styled Components란? 리액트에서 스타일을 지정하는 방법은 여러 방법이 있습니다. 즉 당연히 기본 css파일을 생성해 import 하는 것도 가능하다는 것입니다. 하지만 좀 더 모던하고 편리하며 프로젝트를 좀 더 깔끔하게 정리하기에 Styled Components만큼 좋은 것도 없을 것입니다. 오늘은 리액트에서 자주 사용되는 Styled Components를 알아보고 쉽게 어떻게 사용하는지 알아보겠습니다. 목차 Styled Components란? Styled Components 사용 방법? 마치며. 1. Styled Components란? Styled Components란 무엇일까요? 어떻게 다운로드하고 어떻게 사용할까요? Styled C..

React hooks 리액트 훅 이벤트 처리란? 사용방법 오늘은 리액트 훅에서 이벤트 처리하는 방법을 알아보겠습니다 이러한 이벤트를 처리하는 함수들을 이용하여, 개발자는 유저로부터의 Input을 받아서 저장, 사용 가능하고, 유저는 이러한 기능을 통해 홈페이지와 상호작용 가능합니다. 오늘은 수많은 이벤트 처리 함수 중 대표적인 두 가지를 파헤쳐보려 합니다. 오늘도 역시 전혀 비전문적이고 쉽게 알아보겠습니다. 목차. onClick 이벤트란? onChange 이벤트란? 마치며. 1. onClick 이벤트란? onClick 이벤트는 아마 가장 흔하며 자주 사용되는 이벤트이지 않을까 생각합니다. 이는 말 그대로 클릭 시 어떠한 이벤트를 발생시킨다는 뜻입니다. 예를 들면 로그인, 로그아웃 등등의 버튼이 있겠습니다..

React hooks 리액트 훅 리스트와 map함수. 프로그래밍에서 Iteration 즉 반복문이 없다면, 얼마나 불편하고 손이 많이 갈까요?? 수작업으로 한두 개야 만들 수 있을 것입니다. 하지만 그것이 몇십 개, 몇백 개씩 된다면?? 어떨까요? 시간과 노력이 많이 필요할 거고 코드 자체도 아주 보기 싫겠죠. 그렇다면 리액트에서 이러한 반복을 줄이기 위해, 어떤 방법이 있을까요?? 오늘도 전혀 비전문적이고 쉽게 알아보겠습니다. 목차. 반복문이란? foreach?? map?? 리액트와 map 함수. 마치며. 1. 반복문이란? 반복문이란 무엇일까요? 반복문이란, 어떠한 동작을 정해진 수 혹은 정해지지 않은 수에 맞춰 같은 활동을 반복하게 해주는 코드라고 보시면 될 것입니다. 개발자는 항상 코드를 가능한 한..

React hooks 리액트 훅 useState란? 오늘도 제 블로그를 찾아주셔서 너무 감사합니다. 오늘은 리액트 훅에서 쓰이는 useState에 관해 설명드리겠습니다. 리액트, 리액트 훅은 Facebook에서 개발하는 라이브러리입니다. 오늘도 역시 전혀 비전문적이고 쉽게 알아보겠습니다. 원활한 학습을 위해, 아직 리액트를 설치하지 않으신 분은 이곳에서 설치하는 방법을 학습 후, 설치 뒤 다시 이곳으로 와주세요. https://ko-de-dev-green.tistory.com/13 React 리액트 설치 및 사용방법. React 리액트 설치 및 사용방법. 오늘은 리액트 설치에 필요한 것은 무엇인지, 사용하는 방법은 무엇인지 알아보려고 합니다. 여느 때와 같이 전혀 비전문적이게 간단하게 알아보겠습니다. k..