프론트엔드 개발자 2

자바스크립트 동기? 비동기? 초보 개발자 공부

자바스크립트 동기? 비동기? 초보 개발자 공부 오늘은 자바스크립트의 동기, 비동기 함수에 관해서 이야기해보려 합니다. 우리는 개발을 진행함에 따라 이러한 말들을 많이 들어볼 텐데요. 오늘도 아주 쉽게 알아보도록 하겠습니다. 자바스크립트 작동원리. 동기 함수란? 비동기 함수이란? 마무리. 1. 자바스크립트 동작원리. 우리는 동기, 비동기 함수들을 알아보기 전 자바스크립트가 어떻게 작동을 하는지 잠시 들여다볼 필요가 있습니다. 우리가 사용하는 언어는 대부분 2가지의 형태를 띠고 있습니다. 컴파일러 언어 혹은 인터프리터 언어가 그것입니다. (자바 혹은 C#과 같이 JIT 컴파일러를 사용하는 언어도 있습니다.) 컴파일러와 인터프리터에 관해 좀 더 자세히 알고 싶으시다면, 아래의 링크를 확인해주세요. https:..

React hooks 리액트 훅 useEffect란?

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