min

오늘은 react-query에 대해서 알아볼려고 한다. 정확히 말하자면 react-query가 무엇이고 왜 사용하는 지에 대해서 알아볼려고 한디. 1. react-query가 무엇인가? : react-query는 서버용 상태관리 툴이다. 여기서 서버용 상태라는 것은 클라이언트가 주도권을 잡고 있는 상태가 아니라 제3자 즉 데이터베이스에 있는 상태를 의미한다. 2. react-query를 왜 사용하는가? : react-query를 왜 사용하는지를 알기 위해서는 먼저 서버용 상태를 왜 관리해야 하는지를 먼저 알아야 한다. 서버용 상태는 클라이언트가 주도권을 잡고 있지 않다. 이 말은 즉 데이터베이스 서버에 저장되고 있고 만약 이를 관리하지 않는다면 클라이언트가 가지고 있는 서버 사이트 상태와 데이터베이스에 ..

https://school.programmers.co.kr/learn/courses/30/lessons/17681 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //n만큼 반복문을 돌면서 다음 과정을 수행한다. //arr1 , arr2의 각 원소들을 이진수로 변환해준다. //n만큼 반복문을 돌면서 다음 과정을 수행한다. //각 이진수의 숫자들을 or연산자를 통해서 연산한다. //연산결과 즉 0 => " " , 1 => "#"를 임의의 변수에 담는다. //변수를 answer에 각각 담는다. //answer를 리턴한다. function solution(n, ..

오늘은 useEffect의 실행 순서에 대해서 알아볼려고 한다. 1. useEffect의 실행 순서에 대해서 useEffect의 실행 순서는 리엑트의 생명 주기와도 관련이 깊다. 여기서 생명 주기는 크게 3가지로 나눌 수 있다. (1) 마운트가 될 시에 useEffect는 무조건 마운트가 될 시에 콜백함수를 실행시킨다. useEffect에는 의존성 배열이 있는데 이때 의존성 배열에 값을 넣지 않는 경우 useEffect를 마운트가 될 시에"만" 실행시킨다. (2) 업데이트가 될 시에 useEffect는 마운트가 될 시에 한번 실행하고 업데이트가 될 시에도 콜백함수를 실행시킬 수 있다. 이때 실행시키는 방법은 useEffect에 의존성 배열에 값을 넣는 경우에 useEffect를 해당 값이 업데이트가 될때..

오늘은 async / await와 promise사이에 차이점에 대해서 알아볼려고 한다. 1. async / await와 promise사이에 차이점 먼저 async await와 promise 모두 자바스크립트에서 비동기 작업을 처리하는데 쓰인다. 다만 처리 방식에서 차이점이 발생한다. 첫번째 async await에서 비동기 작업을 동기적으로 바꿔주기 위해서 둘을 같이 쓰게 된다. 이때 promise와의 차이점은 promise의 경우에는 then이라는 메소드를 통해서 해당 문제를 처리한다는 점에서 차이가 있다. 이때 promise의 경우에는 promise 체이닝이라는 구조가 나올 수 있기 때문에 여러 비동기함수를 호출할 때는 적절하지 않는 방식이다. 따라서 위 경우에서는 promise보다는 async / a..

https://school.programmers.co.kr/learn/courses/30/lessons/136798 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //1~number까지의 반복문을 돌면서 다음 과정을 수행한다. //각 단계마다 약수의 갯수를 구한다. //약수의 갯수가 limit를 넘는지 아닌지를 확인한다. //만약 약수의 갯수가 limit를 넘는다면 power를 answer에 더한다. //만약 약수의 갯수가 limit를 넘지 않는다면 약수의 갯수를 answer에 더한다. //answer를 리턴한다. function 약수갯수함수(num) {..

오늘은 var let const의 차이점에 대해서 같이 이야기를 나눠 볼려고 한다. 1. var , let , const의 차이점이 무엇이냐? : var , let , const의 경우에는 2가지 차이점이 있다. 첫번째는 선언단계와 초기화 단계가 동시에 이루어지느냐이다. 두번째 변수의 스코프이다. 첫번째 선언단계와 초기화 단계가 동시에 이루어지느냐에 대한 var의 경우에는 동시에 이루어진다. 이는 런타임이전에 var의 경우에는 선언과 초기화가 동시에 이루어진다는 것이고 이는 결과적으로 선언한 위치보다 그 앞전에 var를 호출할 수 있다는 것이다. 반면 let, const의 경우 선언단계와 초기화 단계가 동시에 이루어지지 않는다. 이는 런타임이전에는 var와 마찬가지로 선언단계가 이루어지지만 초기화 단계는..

오늘은 useRef에 대해서 알아볼려고 한다. 정확하게는 useRef가 무엇인지에 대해서 알아볼려고 한다. 1. useRef가 무엇인가? : useRef는 리엑트에서 제공하는 훅으로 크게 2가지의 기능을 가지고 있다. 첫번째는 DOM에 대한 참조 , 두번째는 값의 저장이다. 1-1) DOM의 대한 참조 : react에서 DOM에 직접적으로 참조를 하는데 사용하는 훅으로 getElementById와는 다음과 같은 차이점이 있다. getElementById는 리엑트와의 통합을 제공하지 않는다. 이 말은 useRef는 React 컴포넌트의 생명 주기와 통합되어 컴포넌트 리렌더링에 영향을 받지 않는다. 반변 getElementById의 경우 컴포넌트 리렌더링에 영향을 받는다. 1-2) 값의 저장 : useRef..

https://school.programmers.co.kr/learn/courses/30/lessons/138477 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //score에 길이만큼 반복문을 돌면서 다음 과정을 수행한다. //score에 길이에서 k번재 수 만큼은 계속 배열에 값을 넣는다. //k+1번째 수 부터는 주어진 score의 값이 제일 못한 사람의 수보다 큰지 안큰지 확인한다 //만약 크다면 제일 작은 수를 빼고 큰수를 넣는다. //만약 작다면 제일 작은 수를 유지한다. //배열 중에서 가장 작은 원소의 값을 answer에 넣는다. func..