본문 바로가기

분류 전체보기170

useEffect의 실행 순서에 대하여... 오늘은 useEffect의 실행 순서에 대해서 알아볼려고 한다. 1. useEffect의 실행 순서에 대해서 useEffect의 실행 순서는 리엑트의 생명 주기와도 관련이 깊다. 여기서 생명 주기는 크게 3가지로 나눌 수 있다. (1) 마운트가 될 시에 useEffect는 무조건 마운트가 될 시에 콜백함수를 실행시킨다. useEffect에는 의존성 배열이 있는데 이때 의존성 배열에 값을 넣지 않는 경우 useEffect를 마운트가 될 시에"만" 실행시킨다. (2) 업데이트가 될 시에 useEffect는 마운트가 될 시에 한번 실행하고 업데이트가 될 시에도 콜백함수를 실행시킬 수 있다. 이때 실행시키는 방법은 useEffect에 의존성 배열에 값을 넣는 경우에 useEffect를 해당 값이 업데이트가 될때.. 2023. 8. 19.
async / await와 promise의 차이에 대하여... 오늘은 async / await와 promise사이에 차이점에 대해서 알아볼려고 한다. 1. async / await와 promise사이에 차이점 먼저 async await와 promise 모두 자바스크립트에서 비동기 작업을 처리하는데 쓰인다. 다만 처리 방식에서 차이점이 발생한다. 첫번째 async await에서 비동기 작업을 동기적으로 바꿔주기 위해서 둘을 같이 쓰게 된다. 이때 promise와의 차이점은 promise의 경우에는 then이라는 메소드를 통해서 해당 문제를 처리한다는 점에서 차이가 있다. 이때 promise의 경우에는 promise 체이닝이라는 구조가 나올 수 있기 때문에 여러 비동기함수를 호출할 때는 적절하지 않는 방식이다. 따라서 위 경우에서는 promise보다는 async / a.. 2023. 8. 19.
프로그래머스 기사단원의 무기 자바스크립트 https://school.programmers.co.kr/learn/courses/30/lessons/136798 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //1~number까지의 반복문을 돌면서 다음 과정을 수행한다. //각 단계마다 약수의 갯수를 구한다. //약수의 갯수가 limit를 넘는지 아닌지를 확인한다. //만약 약수의 갯수가 limit를 넘는다면 power를 answer에 더한다. //만약 약수의 갯수가 limit를 넘지 않는다면 약수의 갯수를 answer에 더한다. //answer를 리턴한다. function 약수갯수함수(num) {.. 2023. 8. 18.
var let const의 차이점에 대하여... 오늘은 var let const의 차이점에 대해서 같이 이야기를 나눠 볼려고 한다. 1. var , let , const의 차이점이 무엇이냐? : var , let , const의 경우에는 2가지 차이점이 있다. 첫번째는 선언단계와 초기화 단계가 동시에 이루어지느냐이다. 두번째 변수의 스코프이다. 첫번째 선언단계와 초기화 단계가 동시에 이루어지느냐에 대한 var의 경우에는 동시에 이루어진다. 이는 런타임이전에 var의 경우에는 선언과 초기화가 동시에 이루어진다는 것이고 이는 결과적으로 선언한 위치보다 그 앞전에 var를 호출할 수 있다는 것이다. 반면 let, const의 경우 선언단계와 초기화 단계가 동시에 이루어지지 않는다. 이는 런타임이전에는 var와 마찬가지로 선언단계가 이루어지지만 초기화 단계는.. 2023. 8. 18.
useRef에 대하여... 오늘은 useRef에 대해서 알아볼려고 한다. 정확하게는 useRef가 무엇인지에 대해서 알아볼려고 한다. 1. useRef가 무엇인가? : useRef는 리엑트에서 제공하는 훅으로 크게 2가지의 기능을 가지고 있다. 첫번째는 DOM에 대한 참조 , 두번째는 값의 저장이다. 1-1) DOM의 대한 참조 : react에서 DOM에 직접적으로 참조를 하는데 사용하는 훅으로 getElementById와는 다음과 같은 차이점이 있다. getElementById는 리엑트와의 통합을 제공하지 않는다. 이 말은 useRef는 React 컴포넌트의 생명 주기와 통합되어 컴포넌트 리렌더링에 영향을 받지 않는다. 반변 getElementById의 경우 컴포넌트 리렌더링에 영향을 받는다. 1-2) 값의 저장 : useRef.. 2023. 8. 18.
프로그래머스 명예의 전당 자바스크립트 https://school.programmers.co.kr/learn/courses/30/lessons/138477 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //score에 길이만큼 반복문을 돌면서 다음 과정을 수행한다. //score에 길이에서 k번재 수 만큼은 계속 배열에 값을 넣는다. //k+1번째 수 부터는 주어진 score의 값이 제일 못한 사람의 수보다 큰지 안큰지 확인한다 //만약 크다면 제일 작은 수를 빼고 큰수를 넣는다. //만약 작다면 제일 작은 수를 유지한다. //배열 중에서 가장 작은 원소의 값을 answer에 넣는다. func.. 2023. 8. 17.

티스토리툴바