리액트 개발자 6

Typescript와 React npm 모듈 설치관련 정보.

Typescript와 React npm 모듈 설치 관련 정보. 개발자에 관한 관심이 많아지면서, 자연스럽게 코딩을 접하는 분들이 많아지고, 프런트엔드에 필요한 프로그래밍 언어, 라이브러리 혹은 프레임워크를 배우시게 되는 과정에서 리액트를 알게되거나 배우시는 분들이 많아지는 것 같습니다. 저는 개인적으로 너무 좋은 현상이라고 생각합니다. 개발자는 자신의 지식을 이리저리 꽁꽁 숨기는 직업이 아닌 너도나도 지식을 나누어 필요한 혹은 유용한 프레임워크 라이브러리 혹은 알고리즘을 대중화시키고 나누는 것이 중요합니다. 리액트를 배우시는 경우라면 자바스크립트를 어느 정도 사용하실 수 있다는 뜻일 것입니다. 또한 그 과정에서 타입스크립트를 들어보시거나 경험해 보신 분들도 많을 것입니다. 오늘은 타입스크립트로 리액트 프..

useContext란? React hooks useContext란?

useContext란? React hooks useContext란? 오랜만에 리액트 주제를 적어보네요. 이제 독일에도 봄이 진짜로 왔는가 봅니다. 산책을 나가보니 새소리와 벌레소리는 여기저기서 들리고, 꽃도 여기저기 많이 피었더군요. 자 그럼 보론으로 들어가 보겠습니다. 목차. useContext 란? 사용 방법? 어디에 사용하면 좋은가? 마치며. 1. useContext란? useContext란 무엇일까요?? useContext는 쉽게 말하면, 내게 필요한 props를 글로벌하게 사용할 수 있게 도와준다고 말할 수 있습니다. 우리는 리액트로 작업하면서 props를 정말 많이 사용하게 됩니다. 부모에서 자식 클래스로 바로 넘겨주는 props라면 크게 불편할 것 없이 인자를 넘겨주면 되겠지만, 부모에서 자..

리액트 Styled Components와 사용 방법? Styled Components란?

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

React hooks 리액트 훅 useEffect란?

React hooks 리액트 훅 useEffect란? 오늘은 또 하나의 리액트 훅에 없어서는 안 될 useEffect를 알아보겠습니다. 여느 때와 마찬가지로 전혀 비전문적이고 간단하게 설명하려고 합니다. 목차. useEffect란 무언인가? useEffect를 사용하는 여러 가지 방법. useState와 useEffect 사용법. 마치며. 1. useEffect란 무엇인가? useEffect는 기본적으로 몇 가지 조건에 의해 작동하게 됩니다. 첫번째 : 페이지가 처음 렌더링 되고 난 후 useEffect 무조건!! 한번 실행됩니다. 두 번째 : useEffect에 배열로 지정한 useState의 값이 변경되면 실행되게 됩니다. (이 부분은 다음 단락에서 조금 더 쉽게 알려드리겠습니다.) 즉 useEffe..

React 리액트 설치 및 사용방법.

React 리액트 설치 및 사용방법. 오늘은 리액트 설치에 필요한 것은 무엇인지, 사용하는 방법은 무엇인지 알아보려고 합니다. 여느 때와 같이 전혀 비전문적이게 간단하게 알아보겠습니다. 목차 Visual Studio Code란 무엇인가? Node.js란 무엇인가? React 사용법. 1. Visual Studio Code란 무엇인가? 짧게 VSCode라 불리며 Microsoft에서 제공하는 무료 코드 에디터입니다. 설치 방법은 간단합니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building a..

React 리액트 시작하기.

React 리액트 시작하기. 오늘날 웹과 앱은 쉼 없이 개발되고 새로운 기능들이 나오고 있습니다. 그중 가장 유명한 리액트라는 것에 관해 여러분들과 전혀 비전문적이게, 너무나 이해하기 쉽게 알아보고 싶습니다. 우리가 오늘날 웹에서 할 수 있는 일들은 여러분이 생각하던 것보다 넓고 무궁무진합니다. 전진합시다. 목차 리액트란 무엇인가?? 왜 필요한가?? 리액트 훅이란 무엇인가?? 마지막으로. 1. 리액트란 무엇인가?? 왜 필요한가?? React란 무엇인가?? React는 Facebook에서 제공해주는 현재 가장 핫한 웹 개발 프런트엔드 라이브러리입니다. 사실 라이브러리 없이 기본 HTML, CSS, Javascript로도 충분히 멋진 홈페이지를 만들 수 있습니다. 그렇다면 왜 이러한 라이브러리들이 필요할까요..