전체 글
-
[LeetCode] Palindrome Number코딩테스트/LeetCode 2022. 1. 4. 22:16
문제 Given an integer x, return true if x is palindrome integer. An integer is a palindrome when it reads the same backward as forward. For example, 121 is a palindrome while 123 is not. 정수 x가 주어지면 x가 회문 정수이면 true를 반환합니다. 정수는 정방향과 역방향이 같을 때 회문입니다. 예를 들어, 121은 회문이지만 123은 그렇지 않습니다. Example Example 1: Input: x = 121 Output: true Explanation: 121 reads as 121 from left to right and from right to left...
-
[LeetCode] Longest Substring Without Repeating Characters코딩테스트/LeetCode 2022. 1. 3. 22:05
문제 Given a string s, find the length of the longest substring without repeating characters. 문자열 s가 주어지면 문자를 반복하지 않고 가장 긴 부분 문자열의 길이를 찾습니다. => 중복되지 않고 가장 긴 문자열의 길이를 구해라 Example Example 1: Input: s = "abcabcbb" Output: 3 Explanation: The answer is "abc", with the length of 3. Example 2: Input: s = "bbbbb" Output: 1 Explanation: The answer is "b", with the length of 1. Example 3: Input: s = "pwwkew..
-
[LeetCode] Add Two Numbers코딩테스트/LeetCode 2022. 1. 2. 17:13
문제 You are given two non-empty linked lists representing two non-negative integers. The digits are stored in reverse order, and each of their nodes contains a single digit. Add the two numbers and return the sum as a linked list. You may assume the two numbers do not contain any leading zero, except the number 0 itself. 두 개의 음이 아닌 정수를 나타내는 비어 있지 않는 linked-list가 주어진다. 숫자는 역순으로 저장되고 각 노드에는 단일 숫자가 ..
-
[LeetCode] Two Sum코딩테스트/LeetCode 2022. 1. 1. 18:02
문제 Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target. You may assume that each input would have exactly one solution, and you may not use the same element twice. You can return the answer in any order. 정수 배열 nums와 정수 대상이 주어지면 두 숫자의 인덱스를 반환하여 대상에 합산되도록 한다. 각 입력에 정확히 하나의 해답이 있다고 가정하고 동일한 요소를 두 번 사용하지 않을 수 있다. 어떤 순서로든 답변을 반환할 수 ..
-
Redux - StoreRedux/Basic 2022. 1. 1. 00:36
Store 저장소는 App의 전체 상태 트리를 보유한다. 내부 상태를 변경하는 유일한 방법은 해당 상태에 대한 액션(Action)을 전달(dispatch)하는 것이다. 저장소는 클래스(class)가 아니다. 저장소를 생성하기 위해서는 createStore 함수를 Root에 전달한다. Store Methods getState() 애플리케이션의 현재 상태 트리를 반환한다. 저장소(store)의 리듀서(reducer)에 의해 반환된 마지막 값과 동일하다. Returns (any): 애플리케이션의 현재 상태 트리 dispatch(action) 액션을 전달한다. 상태 변경할 수 있는 유일한 방법이다. Arguments action 애플리케이션에 적합한 변경을 설명하는 객체이다. action은 데이터를 저장소(st..
-
Redux - createStoreRedux/Basic 2021. 12. 31. 13:00
createStore(reducer, [preloadedState], [enhancer]) 저장소(store) 생성 App에는 하나의 저장소(store)만 있어야 한다. Arguments reducer (Function): 현재 상태 트리와 수행할 액션이 주어지면, 다음 상태 트리를 반환해주는 함수 [preloadedState] (any) 초기 상태 선택적으로 범용적인 앱의 서버에서 상태를 수화하거나 이전에 직렬화된 사용자 세션을 복원하도록 지정할 수 있다. combineReducers로 reducer를 생성한 경우, 전달된 key와 동일한 형태의 일반 객체여야만 한다. [enhancer] (Function) 미들웨어, 시간 여행, 지속성 등과 같은 third-party 기능으로 저장소를 향상시키기 위해..
-
React + TypeScript 기반 Router 설정하기Frontend/TypeScript 2021. 12. 30. 00:06
React + TypeScript 기반 프로젝트 생성 npx create-react-app [Project name] --template typescript ※ 아래와 같은 오류 발생 시 You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: - npm uninstall -g create-react-app - yarn global remove create-react-app T..
-
[JS] requestAnimationFrame실무/JS 2021. 8. 16. 02:21
- requestAnimationFrame requestAnimationFrame 메서드는 브라우저가 repaint 전에 애니메이션을 업데이트하기 위해 지정된 함수를 호출하도록 요청 repaint 전에 호출할 인수로 callback을 사용 callback 횟수는 보통 초당 60회이지만 W3c 권장사항에 따라 대부분의 웹 브라우저에서 디스플레이 새로고침 빈도와 일치 성능과 배터리 수명을 개선하기 위해 백그라운드 탭이나 숨겨진 iframe에서 실행할 때 대부분의 브라우저에서 requestAnimationFrame 호출이 일시 중지된다. callback 메서드에는 현재 시간을 나타내는 DOMHighResTimeStamp 단일 인수가 전달된다. window.requestAnimationFrame(callback..