dev-hpk 님의 블로그

프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 1. 문제 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다.   제한사항 두 수는 1이상 1000000이하의 자연수입니다.입출력 예nmreturn312[3, 12]25[1, 10] 입출력 예 설명입출력 예 #1위의 설명과 같습니다.입출력 예 #2자연수 2와 ..

React에서는 사용자 입력을 처리하는 두 가지 주요 방식이 있습니다: 제어 컴포넌트와 비제어 컴포넌트 이 두 방식은 각기 다른 상황에서 유용하며, 각각의 장단점을 이해하는 것은 React 애플리케이션을 효과적으로 개발하는 데 중요한 요소입니다.   목차 1. 제어 컴포넌트란? 2. 비제어 컴포넌트란? 3. 제어 컴포넌트와 비제어 컴포넌트, 어떻게 사용할까? 4. 입력하기 추천글위의 목차를 클릭하면 해당 글로 자동 이동 합니다. 1. 제어 컴포넌트 (Controlled Components)제어 컴포넌트는 React state(상태)를 사용하여 컴포넌트의 값을 제어합니다. 즉, 컴포넌트의 입력 값은 React state(상태)에 의해 관리되며, 사용자의 입력이 있을 때마다 상태를 업데이트하여 UI를 갱신..

1. 문제 머쓱이는 태어난 지 11개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음과 네 가지 발음을 조합해서 만들 수 있는 발음밖에 하지 못하고 연속해서 같은 발음을 하는 것을 어려워합니다. 문자열 배열 babbling이 매개변수로 주어질 때, 머쓱이의 조카가 발음할 수 있는 단어의 개수를 return하도록 solution 함수를 완성해 주세요.  제한사항 1 ≤ babbling의 길이 ≤ 1001 ≤ babbling[i]의 길이 ≤ 30문자열은 알파벳 소문자로만 이루어져 있습니다.입출력 예babblingresult ["aya", "yee", "u", "maa"] 1 ["ayaye", "uuu", "yeye", "yemawoo", "ayaayaa"..

리액트에서 useEffect는 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 Hook입니다. React 컴포넌트가 렌더링 된 후 특정 코드를 실행하고, 컴포넌트가 언마운트되거나 상태가 변할 때 정리 작업(cleanup)을 할 수 있도록 도와줍니다.  목차 1. useEffect 기본 개념 2. useEffect 사용 예시 3. 의존성 배열(Dependency Array) 4. 정리 작업(cleanup)마무리추천글위의 목차를 클릭하면 해당 글로 자동 이동 합니다. 1. useEffect 기본 개념 useEffect는 컴포넌트가 렌더링된 후 특정 작업을 수행할 수 있도록 해줍니다. React 컴포넌트는 렌더링 될 때마다 DOM에 대한 변화가 일어나기 때문에, useEffect를 통해 필요..