독일개발자초록이

React hooks JSX란? 리액트 훅 JSX란? 우리는 저번 시간 useState와 useEffect를 배웠고 그 사이 짧게 JSX에 관해 언급했습니다. JSX란 아래와 같이 HTML의 형태를 띠고 있습니다. hello 하지만 엄밀히 말하자면 이건 HTML이 아닙니다! 엄연한 자바스크립트 문법이죠!! 오늘도 어김없이 전혀 비전문적이고 쉽게 알아보겠습니다. 목차 JSX의 법칙. JSX의 사용법. 컴포넌트를 사용할 때는? 마치며. 1. JSX의 법칙. 사실 딱히 법칙이라고 할만한 것도 없는데, 법칙이라 정하니 민망합니다. 하지만 여전히 몇 가지 지켜주어야 하는 것들이 있습니다. 같이 알아보겠습니다. - 파일 안에 JSX에서 최상위에 위치한 Tag는 꼭 하나여야 합니다. 무슨 말일 까요? 기본적인 리액트..

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

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

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