변수, 함수, 클래스와 같은 모든 식별자는 선언된 위치에 따라 참조할 수 있는 유효 범위가 결정된다. 이를 스코프라고 한다. 즉, 스코프는 식별자가 유효한 범위를 말한다.함수에서 매개변수는 해당 함수 내부에서만 참조가 가능하다. 이것은 매개변수의 스코프가 함수 내부로

모든 리액트 컴포넌트는 여러 종류의 생명주기 메서드를 가진다.이 메서드를 오버라이딩(기존의 상속받은 메서드를 재정의)하여 특정 시점에 코드가 실행되도록 설정할 수 있다.생명주기는 크게 3가지로 나뉠 수 있다.컴포넌트의 인스턴스가 생성되어 DOM에 삽입될 때를 말하는 마

숫자 배열에서 P를 기준으로 배열을 나누고 각 나뉜 부분의 합의 가장 작은 차이를 리턴하는 함수를 작성하는 문제입니다.예를 들어,\[3, 1, 2, 4, 3] 다음과 같은 배열에서 P의 인덱스가 1이라고 할 때,배열은 \[3] \[1, 2, 4, 3]으로 나뉩니다.각

N 길이의 배열에 1부터 N+1만큼의 요소가 포함됩니다. 이때 배열에서 빠진 숫자를 구하는 함수를 작성하는 문제입니다.예를 들어, 길이가 4인 배열에 1부터 5 사이의 숫자가 들어갑니다.(숫자들은 순서대로 정렬되어 있지 않을 수 있습니다.)\[2, 3, 1, 5] 이

개구리의 현재 위치 X, 이동할 위치 Y, 한번에 뛸 수 있는 거리 D가 주어지면 Y 또는 Y 보다 멀리 도달하기 위해 최소 몇 번만에 이동할 수 있는 지 구하는 함수를 작성하는 문제입니다.

홀수 길이의 숫자 배열에서 짝을 이루지 않는 요소를 구하는 함수를 작성하는 문제입니다.예를 들어, 입력으로 주어진 배열이 다음과 같다면\[9, 3, 9, 3, 9, 7, 9]짝을 이루지 않는 요소 7을 리턴해야 합니다.위와 같이 작성했을 때 채점 결과는시간 복잡도에서

주어진 숫자 배열 A를 K번만큼 요소의 인덱스를 한 칸씩 이동한 배열을 리턴하는 함수를 작성하는 문제입니다. 배열의 마지막 요소는 맨 앞으로 이동합니다.채점 결과 빈 배열이 주어졌을 때의 예외 처리를 하지 않아 런타임 에러가 발생했습니다.(input이 (\[], 0)일

주어진 정수의 2진수에서 가장 큰 BinaryGap을 구하는 함수를 작성하는 문제입니다.BinaryGap이란 1로 둘러싸인 0의 길이를 말합니다.예를 들어, 정수 1041의 2진수는 10000010001입니다. 여기서 BinaryGap의 길이는 각각 5와 3이 됩니다.

gender 끝에 ?를 추가해서 해결할 수 있다.

시계나 타이머를 구현할 때 다음과 같이 표현할 일이 많다.00시 00분 00초padStart()를 사용하면 다음과 같이 구현할 수 있다.padStart()는 첫 번째 인자로 길이를, 두 번째 인자로 대체할 문자를 받아서문자열의 시작을 대체할 문자로 채워 주어진 길이를

실용주의 프로그래머를 1장 정도 읽었다. 책은 9장으로 구성되어 있는데 1장을 읽은 것만으로도 자신을 반성하고 새로운 가치를 알게 된 매우 유익한 책이었다.읽고 정리한 내용을 깃 레포에 정리하자 (잔디를 심을 좋은 기회 🤩)MBTI 유형 INFP는 계획이 없는 것이

밤을 샜다. 근데 시간을 효율적으로 쓰진 않은 것 같다.리액트가 조금씩 이해되기 시작했었는데...프로젝트를 하면서 다시 원점으로 돌아갔다.무수한 인터넷 강의나 튜토리얼을 따라하는 것과는 다르게프로젝트는 그 설계 구조부터해서 스스로 생각해서 만들다 보니진행 도중에도 몇번

사실은 지금 3월 3일 오전 5시 반이다.한 3일째 계속 비슷한 시각에 잠에 드는 것 같다.프로젝트를 하면 할수록 기초가 튼튼하지 못하다는 생각이 든다.해야 할 게 너무 많다...😵‍💫프로젝트 메인 페이지에서intersection observer와 react-spr

a 태그의 target 속성은 링크된 문서가 열릴 위치를 명시한다.각 값의 정의는 다음과 같다.a 태그의 rel 속성은 현재 문서와 링크된 문서 사이의 연관 관계를 명시한다.각 값의 정의는 다음과 같다.a 태그의 target 속성에서 "\_blank"를 사용할 경우re

시기적으로 프로젝트의 막바지에 접어들었다.하지만 우리의 코드가 그런 것은 아니다...😓기획에 많은 시간을 보낸 것에 비해결과물이 좋은 편은 아니다.결정적으로 복습이 제대로 안된 것이 제일 큰 문제인 것 같다.복잡한 서비스의 흐름을 코드로 녹여내는 데 시간이 많이 걸리

State는 현재 상태를 보여주고 이 State를 바탕으로 UI가 그려진다.UI에서 어떤 이벤트가 발생하고 Dispatch가 Action을 전달한다.전달받은 Action을 통해 Store는 Reducer 함수를 실행시키고새로운 State를 만든다.UI는 새로운 Stat

transition 사용시의 단축 css 문법

Hook은 React 16.8에 새로 추가된 기능이다.Hook은 함수 컴포넌트에서 state와 생명주기 기능을class 없이 사용할 수 있게 한다.useState는 인자를 하나 받는데 이는 초기 state값이다.숫자, 문자열, 배열, 객체 등 다양한 값을 넣을 수 있다

[x] useInput [x] useTabs [x] useTitle [x] useClick [x] useConfirm [x] usePreventLeave [ ] useBeforeLeave [ ] useFadeIn [ ] useNetwork [ ] useScroll

vscode의 settings로 들어간다. command + ,검색창에 css.lint.unknownAtRules 를 검색한다.옵션을 ignore 로 변경한다.vscode issues 참고