[알고리즘] Remove Nth Node From End of List

Leetcode의 Remove Nth Node From End of List 문제를 풀어보도록 하겠습니다. 문제링크드 리스트가 주어졌을 때, 끝에서 n번째 노드를 제거 후, 그 링크드 리스트의 헤드를 리턴하라. 예를 들어, 링크드 리스트가 1->2->3->4->5이고 n이 2라면, 1->2->3->5를 리턴해야 한다.왜

[알고리즘] Letter Combinations of a Phone Number

Leetcode의 Letter Combinations of a Phone Number 문제를 풀어보도록 하겠습니다. 문제전화기의 키패드를 나타내는 2와 9 사이의 숫자로 이루어진 문자열이 주어졌을 때, 이 문자열로 표현할 수 있는 가능한 모든 글자의 조합을 구하라. 예를 들면, 입력으로 23을 들어오면 ["ad", "ae&quo

React Hooks: useState 사용법

컴포넌트의 상태 관리를 위해 React Hooks에서 제공되는 setState() 함수에 대해서 알아보도록 하겠습니다. this.state - 클래스 기반 상태 관리React Hooks가 나오기 전에는 컴포넌트의 상태 관리를 하려면 클래스 기반 React 컴포넌트를 작성해야 했습니다.대표적으로 상태 관리가 필요한 경우인, 사용자 입력 양식을 위한 컴포넌트를

[알고리즘] Container With Most Water

Leetcode의 Container With Most Water 문제를 풀어보도록 하겠습니다. 문제물의 높이를 나타내는 양의 정수로 이뤄진 배열이 주어졌을 때, 두개의 높이로 만들 수 있는 수조의 최대 넓이를 구하라.단, 배열은 최소 2개의 원소로 구성되어 있고 수조를 기울일 수 없다. 예제 입력: [1,8,6,2,5,4,8,3,7] 출력: 49 2번째

[알고리즘] Longest Palindromic Substring

Leetcode의 Longest Palindromic Substring 문제를 풀어보도록 하겠습니다. 문제주어진 문자열에서 가장 긴 회문(palindrome)을 찾아라. 문자열이 최대 길이는 1000이라고 가정한다. 예제 입력: “babad” => 출력: “bab” 또는 “aba” 입력: “cbbd” => 출력: “bb” 풀이회문(palin

[알고리즘] Longest Substring Without Repeating Characters

Leetcode의 Longest Substring Without Repeating Characters 문제를 풀어보도록 하겠습니다. 문제문자열이 주어졌을 때 중복되는 문자를 포함하지 않는 가장 긴 구간의 길이를 구하라. 예제 입력: “abcabcbb”, 출력: 3 입력: “bbbbb”, 출력: 1 입력: “pwwkew”, 출력: 3 마지막 예제의

Font Awesome 5 사용법 (ver 4 포함)

Font Awesome은 웹에서 아이콘이 필요할 때 가장 많이 사용되는 라이브러리 중에 하나입니다.Font Awesome 5가 출시된지 시간이 꽤 흘렀음에도 불구하고, 아직까지도 Font Awesome 4가 많이 사옹되고 있습니다.여러가지 이유가 있겠지만 저는 개인적으로 Font Awesome가 일부 아이콘들을 유료화하는 과정에서 다소 복잡해진 부분이 없지

Jest Mock: jest.fn(), jest.spyOn()

자바스크립트 테스트 테스팅 프레임워트로 Jest를 사용할 때 장점 중에 하나는 다른 라이브러리 설치 없이 바로 mock 기능을 지원한다는 점입니다.여기서 mock을 한국어로 뭐라고 번역해야 모르겠는데, 주변에서 보면 “모킹하다”, “뫀객체” 등으로 영어를 차용해서 쓰고 있는 것 같습니다. mocking 이란?먼저 mocking이 생소하신 분들을 위해서 mo

[알고리즘] Add Two Numbers

Leetcode의 Two Sum 문제를 풀어보도록 하겠습니다. 문제양의 정수를 나타내는 두 개의 비어있지 않은 링크드 리스트가 주어졌다.각 노드는 1자리 숫자(0…9)를 담고 있고 숫자들은 역순으로 저장되어 있다.이 링크드 리스트에 저장되어 있는 두 개의 수를 더한 값을 링크드 리스트에 역순으로 저장하여 반환하라.숫자 0을 제외하고는 두개의 수 앞에는 위치

React Context 사용법

리액트 앱을 개발하다보면 모든 컴포넌트에 어떤 값을 props으로 넘기고 싶은 데이터가 필요할 때가 있습니다.다시 말해, 어떤 컴포넌트 트리 내에서 최상위 컴포넌트 부터 최말단 컴포넌트에 걸쳐 전역(global)으로 관리해야 할 데이터가 필요한 상황이 되겠네요. 이번 포스트에서는 React Context를 활용하여 리액트 앱에서 전역 데이터를 관리하는 방법