유니언 타입 | 은 타입을 지정할 때 여러가지 타입을 연결하여 지정해둘 수 있는 방식으로 자바스크립트의 OR 연산자 ||와 같다 !printTest함수는 파라미터로 문자열 혹은 숫자 타입을 전달받을 수 있다.printTest함수 내부에서는 인자로 받아오는 값의 type

📍 useRef란? > useRef는 .current프로퍼티로 전달된 인자로 초기화 된 변경 가능한 ref 객체를 반환한다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지된다. React 공식문서 - useRef useRef() 는 저장 공간 또는 compone

Context API 란 부모 컴포넌트가 어떠한 정보(데이터)를 만들고, 자신의 자식 컴포넌트들은 모두 해당 데이터를 사용할 수 있도록 만들어 props를 사용하지 않고 필요한 데이터를 넘겨주며 쉽게 값을 공유할 수 있게 해주는 리액트에 내장된 기능이다.다시 말해, R

🚨 return 값으로 숫자를 넣어주지 않으면 경고 발생 !타입스크립트에서는 파라미터를 제한하는 특성을 가진다!즉 파라미터의 개수가 선언된 것과 맞아야 에러 없이 실행된다 ~같은 코드를 타입스크립트에서 작성한다면?추가적으로 들어올 수 있는 파라미터에 대해서 ?를 넣어

프로그래머스 lv3\_네트워크👀DFS를 적용한 첫 풀이여서 기록차 작성! 프로그래머스 AI 가 엄청 어려운 ,, dfs만 추천해줘서 다 건너뛰다 마주한 적당한 난이도의 dfs,, dfs의 왕이 되는 그 날까지 🥹1️⃣ 시작 노드를 스택에 넣어두고 방문 처리한다2️⃣

타입스크립트란 자바스크립트에 타입을 부여한 언어이다. 즉 자바스크립트의 값의 type, documentation 등을 한 눈에 확인할 수 있는 언어이다. 자바스크립트와는 달리 브라우저에서 실행하기 위해 파일을 한 번 변환해주는 컴파일 과정이 필요하다.타입스크립트를 사용

Cannot read properties of null... 해당 에러는 UseState의 초기값을 null 로 설정해둔 경우, 뒤에서 setter 함수를 통해 값을 업데이트 해줬음에도 props로 값을 전달할 때 null 값으로 읽힐 때 계속 뜨던 에러이다. 에러

Http request를 보낼 때 reducer 함수 내부에서 작성할 수 없다. 왜냐하면 http request는 비동기적인 작업으로 진행되는 반면 Reducer함수는 동기적으로 작동하기 때문이다. 그렇다면 redux와 Reducer함수를 사용해서 http reques

Redux? redux란 컴포넌트간의 전역 상태관리를 위한 라이브러리다. 이전 섹션에서 다룬 context와 같은 개념인데, context는 리액트에 내장되어 있는 툴킷인 반면 redux는 외부 라이브러리이다. Redux vs Context context와 Redux

📍 Form? Form에서는 하나 이상의 다양한 입력을 받기 때문에 다양하고 많은 양의 state를 다루게 된다. 하나 이상의 입력 값이 모두 유효하거나 모두 유효하지 않을 수 있다. 또는 서버로 request를 보낸 후에 특정 값이 사용 가능한지 확인하는 비동기 유

프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다.또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포

🔻 모의고사 > 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. > 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5,

다음 규칙을 지키는 문자열을 올바른 괄호 문자열이라고 정의합니다.(), \[], {} 는 모두 올바른 괄호 문자열입니다.만약 A가 올바른 괄호 문자열이라면, (A), A, {A} 도 올바른 괄호 문자열입니다. 예를 들어, \[] 가 올바른 괄호 문자열이므로, (\[])

"명예의 전당"이라는 TV 프로그램에서는 매일 1명의 가수가 노래를 부르고, 시청자들의 문자 투표수로 가수에게 점수를 부여합니다. 매일 출연한 가수의 점수가 지금까지 출연 가수들의 점수 중 상위 k번째 이내이면 해당 가수의 점수를 명예의 전당이라는 목록에 올려 기념합니

Custom Hooks 결국은 함수이다. 함수인데, 안에서 상태 설정을 할 수 있는 로직을 포함한 함수이다. 또한 일반함수와 다르게 내부에서 리액트 내장 Hook이나 다른 custom hook을 사용할 수 있다. 숫자를 1씩 더하면서 세는 컴포넌트가 있고, 숫자를 1

📍 리액트와 백엔드의 데이터베이스 연결하기? 리액트 앱과 어떠한 종류의 데이터베이스가 있을 때 이 둘을 직접적으로 연결시켜서는 절대 안된다! 직접적으로 연결할 경우 데이터베이스의 인증 정보가 노출될 가능성이 높기 때문이다. 따라서 데이터베이스 자체와는 백앤드 앱이

이제까지 함수형 컴포넌트에 대해 배웠다면, class를 기반으로 컴포넌트를 생성할 수 있음에 대해 알아보자. 요즘 거의 대부분의 경우에는 함수형 컴포넌트를 사용하지만, 공부하면서 종종 마주칠 일이 있을테니 간단하게만 정리해두려 한다.리액트 16.8버전 이전까지는 함수형

리액트는 state가 변경되면 관련된 모든 component가 rerendering되는 특징을 가진다. 이는 만약 가장 상위 component에서 state를 변경하였을 경우, 해당 component의 자식 component들도 모두 재실행된다는 것을 의미한다. 이러

📍 Effect >UI와 직접적인 관련이 없는 것은 side effect라고 부른다. side effect들은 http request 보내기, 브라우저에 데이터 저장하기 등 화면에 UI를 rendering하는 기능 외의 것들을 담당한다. 즉 백엔드와의 통신에서 중요

JSX는 return할 때 한 개의 root를 가지고 return 되어야 하는 문법을 가지고 있다. 즉 중첩된 component를 그냥 return 하게 되면, Adjacent JSX elements must be wrapped in an enclosing tag. D