👨💻 분류 전체보기33 [React] State 살펴보기 state와 필요한 이유 함수 컴포넌트에서 내부적으로 상태를 관리해야 하는 일이 필요하다. 이를 위해 필요한 것이 state다 state는 컴포넌트의 내부에서 변경 가능한 데이터를 다루기 위해 사용하는 객체라고 할 수 있다 const, let 등으로 선언한 변수와 다르게 state는 값이 변하면 관련 있는 컴포넌트들이 re-rendering 되어 화면이 바뀐다 useState() import React, { useState } from "react"; // Hook const [state, setState] = useState(); // [값, 값을 변경할 때 쓰는 함수] 일반적으로 리액트에서는 '유동적인 데이터'는 변수에 담아서 사용하지 않고, useState라는 리액트 Hook함수를 사용하여 stat.. 2022. 12. 4. [JavaScript] 옵셔널 체이닝 '?.'으로 객체 다루기 ✔ 들어가며 프로퍼티가 없는 중첩 객체에 접근할 때, 에러 없이 안전하게 접근할 수 있는 방법이 필요한 경우가 있다. 프로퍼티의 여부를 확인하고 접근하는 방법도 있지만, 옵셔널 체이닝을 활용하면 표현식이 더 짧고 간단해진다. ✔ 옵셔널 체이닝이 필요한 상황들 💡 오브젝트 프로퍼티 접근 user.address.street로 접근할 때, 사용자들 중 몇몇은 주소 정보를 가지고 있지 않다면 에러가 발생한다. let user = {}; // 주소 정보가 없는 사용자 alert(user.address.street); // TypeError: Cannot read property 'street' of undefined 💡 DOM 요소 접근 페이지에 존재하지 않는 요소에 접근하여 요소의 정보를 가져오려 하면 문제가 .. 2022. 12. 4. [leetcode/JS] 40_Combination Sum II 풀이 🎲 문제 40. Combination Sum II Medium 후보 번호(candidates) 모음과 타겟 번호(target)가 주어지면 후보 번호 요소의 합계가 target인 모든 고유한 조합을 찾습니다. 후보자의 각 번호는 조합에서 한 번만 사용할 수 있습니다. 참고: 솔루션 세트는 중복 조합을 포함하지 않아야 합니다. 더보기 Given a collection of candidate numbers (candidates) and a target number (target), find all unique combinations in candidates where the candidate numbers sum to target. Each number in candidates may only be used .. 2022. 12. 1. [leetcode/JS] 326_Power of Three 풀이 🎲 문제 326. Power of Three Easy 정수 n이 주어지면 3의 거듭제곱이면 true를 반환한다. 그렇지 않으면 false를 반환한다. n == 3 x제곱인 정수 x가 존재할 경우, 정수 n은 3의 거듭제곱이다. 더보기 Given an integer n, return true if it is a power of three. Otherwise, return false. An integer n is a power of three, if there exists an integer x such that n == 3x. Example 1: Input: n = 27 Output: true Explanation: 27 = 33 Example 2: Input: n = 0 Output: false Expl.. 2022. 12. 1. [leetcode/JS] 290_Word Pattern 풀이 🎲 문제 290. Word Pattern Easy 패턴과 문자열 s가 주어지면 s가 동일한 패턴을 따르는지 확인합니다. 여기서 follow는 패턴의 문자와 s의 비어 있지 않은 단어 사이에 이항이 있는 완전 일치를 의미합니다. ps. 주어진 패턴과 맞는지 확인 하는 문제 더보기 Given a pattern and a string s, find if s follows the same pattern. Here follow means a full match, such that there is a bijection between a letter in pattern and a non-empty word in s. Example 1: Input: pattern = "abba", s = "dog cat cat dog.. 2022. 12. 1. [leetcode/JS] 808_Soup Servings 풀이 🎲 문제 808. Soup Servings Medium 수프에는 유형 A와 유형 B의 두 가지 유형이 있습니다. 처음에는 각 유형의 수프가 n ml입니다. 작업에는 네 가지 종류가 있습니다. 수프 A 100ml와 수프 B 0ml를 제공 수프 A 75ml와 수프 B 25ml 제공 수프 A 50ml와 수프 B 50ml를 제공 수프 A 25ml와 수프 B 75ml를 제공 우리가 수프를 대접할 때, 우리는 그것을 누군가에게 주고, 우리는 더 이상 그것을 가지고 있지 않습니다. 매 턴, 우리는 0.25의 동일한 확률로 네 가지 작업 중에서 선택합니다. 남은 수프의 양이 작업을 완료하기에 충분하지 않은 경우 가능한 한 많이 제공됩니다. 우리는 더 이상 두 가지 유형의 수프가 모두 부족하면 중단합니다. B 수프 10.. 2022. 11. 28. 이전 1 2 3 4 5 6 다음
