본문 바로가기

개발로그74

프로그래머스 Lv.1 예산 프로그래머스 Lv.1 예산 예산 내에서 각 부서에 필요한 물품을 지원해 준다. 최대 몇 개의 부서에 물품을 지원할 수 있는지 구하는 문제! d는 부서별로 신청한 금액이 들어있는 배열 budget은 예산 ** 풀이 방법 d배열을 오름차순 정렬하면 금액이 작은 순서대로 더해지기 때문에 최대 개수를 쉽게 구할 수 있다. Arrays.sort(d); 반복문을 통해 예산 내에서 원소들을 하나씩 더해나가고 최대개수를 하나씩 늘린다. 예산이 같아지면 반복문을 빠져나온다. 원소들을 더한 값이 예산보다 커지면 최대개수를 뺀다. for (int i=0; ibudget) answer--; } 전체 코드 import java.util.*; class Solution { public int solution(int[] d, in.. 2023. 7. 12.
소플의 처음 만난 리액트_실습5 소플의 처음 만난 리액트_실습5 훅(Hook) 리액트의 state와 생명주기 기능에 갈고리(Hook)를 걸어 원하는 시점에 정해진 함수를 실행되도록 만드는 것 ♪ useState() state를 사용하기 위한 훅 함수 컴포넌트에서는 기본적으로 state라는 것을 제공하지 않음 클래스 컴포넌트처럼 state를 사용하고 싶으면 useState() 사용 사용법 → const [변수명, set함수명] = useState(초기값); * 변수 각각에 대해 set 함수가 따로 존재함 ♪ useEffect() 사이드 이펙트를 수행하기 위한 훅 사이드 이펙트란? 서버에서 데이터를 받아오거나 수동으로 DOM을 변경하는 등의 작업 useEffect() 훅만으로 클래스 컴포넌트의 생명주기 함수들과 동일한 기능을 수행할 수 있.. 2023. 7. 11.
소플의 처음 만난 리액트_실습4 소플의 처음 만난 리액트_실습4 State 리액트 컴포넌트의 변경 가능한 데이터 컴포넌트를 개발하는 개발자가 직접 정의해서 사용 state가 변경될 경우 컴포넌트가 리렌더링 됨 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야 함 State의 특징 자바스크립트 객체 형태로 존재 직접적인 변경이 불가능 함 - 클래스 컴포넌트 생성자에서 모든 state를 한 번에 정의 state를 변경하고자 할 때에는 꼭 setState()함수를 사용해야 함 - 함수 컴포넌트 useState() 훅을 사용하여 각각의 state를 정의 각 state별로 주어지는 set함수를 사용하여 state 값을 변경 생명주기 마운트 componentDidMount() - 컴포넌트가 생성될 때 업데이트 componentDidU.. 2023. 7. 11.
소플의 처음 만난 리액트_실습3 소플의 처음 만난 리액트_실습3 컴포넌트 기반 구조 작은 컴포넌트들이 모여서 하나의 컴포넌트를 구성하고, 이러한 컴포넌트들이 모여서 전체 페이지를 구성한다. props 리액트 컴포넌트의 속성 컴포넌트에 전달할 다양한 정보를 담고 있는 자바스크립트 객체 props의 특징 읽기 전용 리액트 컴포넌트의 props는 바꿀 수 없고, 같은 props가 들어오면 항상 같은 엘리먼트를 리턴해야 함 props의 사용법 JSX를 사용할 경우 컴포넌트에 키-값 쌍 형태로 넣어주면 됨 문자열 이외에 정수, 변수, 그리고 다른 컴포넌트 등이 들어갈 경우에는 중괄호를 사용해서 감싸주어야 함 JSX를 사용하지 않는 경우에는 createElement()함수의 두 번째 파라미터로 자바스크립트 객체를 넣어 주면 됨 컴포넌트의 종류 클.. 2023. 7. 11.
반응형