Rest api 카카오 로그인 방법 사용FE : 카카오로부터 인가코드를 받고 해당 정보를 백엔드가 요청한 api로 전달해주면 끝! 백엔드에 인가 코드가 정상적으로 전달이 되었다면 백엔드에서는 응답값으로 토큰을 발급해줌해당 토큰을 받아와서 웹 브라우저의 로컬스토리지에 저

: 무한 스크롤은 여러가지 방법이 있지만, 나는 react-infinite-scroll-component를 사용해서 구현을 했다: React의 무한 스크롤을 구현하는데 사용되는 라이브러리라이브러리 설치 : npm install react-infinite-scroll-c

'text' is missing in props validation react/prop-types 원인 : 컴포넌트가 기대하는 prop의 타입이 문자열 타입이 와야하는데 그렇지 않을 경우 경고가 발생한다 해결 : 컴포넌트에 text의 타입을 정해주면은 해결'prop-

발생 : 로컬에서 브랜치를 새로따서 작업 후 push를 해주려고 했는데 에러 발생원인 : 원격에 있는 환경에서 제대로 pull이 되지 않아서 그렇다해결 : main 브랜치와 현재 내 브랜치에서 각 pull을 한 후 push 하면 됨!

'text' is missing in props validation react/prop-types 원인 : 컴포넌트가 기대하는 prop의 타입이 문자열 타입이 와야하는데 그렇지 않을 경우 경고가 발생한다 해결 : 컴포넌트에 text의 타입을 정해주면은 해결'prop-

syntaxerror: unexpected end of json input원인 : 서버에서 받은 응답이 JSON 형식이 아니거나 비어있는 경우 (백엔드의 잘못이 큼)해결 : http 상태로 보내는 거를 응답을 보내주니 해결됨(백엔드에서 해결해서 자세한건 모르지만 성공

글 목록을 불러와서 한 페이지당 15개씩 목록을 보여주고 다음페이지로 넘어가게끔 페이지네이션 구현Array.from () : 반복 가능하거나 배열과 같은 객체에서 얕은 복사로 새 인스턴스를 만듬 예시

정적 웹사이트 호스팅이 가능📍 정적 파일 : 서버의 개입없이 생성된 파일 📍 동적 파일 : 클라이언가 서버에 요청을 보내면, 서버가 요청에 맞추어 그 자리에서 생성한 파일웹 호스팅 : 서버의 한공간을 임대해주는 서비스\-> 개인 또는 단체가 웹 호스팅 업체가 제공하

한 언어로 작성된 소스 코드를 다른 언어로 변환하는 것한 언어로 작성된 소스 코드를 비슷한 수준의 추상화를 가진 다른 언어로 변환 하는 것타입스크립트를 자바스크립트로 컴파일 하는 것 역시 트랜스파일링이다.사람이 알아보기 쉬운 프로그래밍 언어로 작성한 코드를 한줄씩 즉시

이 오류는, 파일을 불러올 때 .ts 확장자를 사용했는데, TypeScript에서는 이 기능이 기본적으로 비활성화되어 있어서 발생합니다.이 오류를 해결하려면, TypeScript 컴파일러 설정 파일 (tsconfig.json)에서 allowImportingTsExten

=> 해결

React.lazy의 컴포넌트가 다운되지 않았으면 suspense에 있는 내용을 보여주고 다 다운이되면 그때 해당 컴포넌트를 보여주고 suspense내용은 사라짐 (비동기처리)

DOMReact Hoks: Document Object Model의 약자로 문서 객체 모델을 의미문서 객체란 : 브라우저가 Javascript와 같은 스크립팅 언어가 < html >, < head >, < body >와 같은 태그들에 접근하고 조작할 수

트리는 계층적 트리구조 하나이상의 데이터에 한개의 경로와 하나의 방향으로만 연결된 계층적 자료구조 데이터를 순차적으로 나열시킨 선형구조가 아닌 하나의 데이터 아래에 여러개의 데이터가 존재할 수있는 비선형구조 계층적으로 표현이 되고 아래로만 뻗어나가기 때문에 사이클(순환

📌 OAuth : 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로 사용되는 접근 위임을 위한 개방형 표준 예를 들어, 배달의 민족 회원가입을 할때 해당 웹 애플

TokenJWT: 클라이언트가 서버에 접속을 하면 서버에서 클라이언트에게 해당 클라이언트에게 인증이되었다는 의미로 토큰을 부여함 예를 들어, 놀이공원 입장시 개인마다 주는 입장권을 손님에게 주고 개인(클라이언트)이 관리하게 함토큰은 세션과는 달리 서버가 아닌 클라이언트

📌 Cookie : 데이터이면서, 우리가 현재 사용하는 컴퓨터에 작은 텍스트 파일로 저장되어있는 것 예를 들어, 사이트 접속시 '하루동안 이창을 보지 않기' 문구가 뜬다거나, 로그인을 위해 로그인 정보 저장, 자동 로그인 같은 경우 ➡️ 브라우저는 내용을 기억할 공간

Q : 정수 num1과 num2가 매개변수로 주어질 때, num1을 num2로 나눈 값에 1,000을 곱한 후 정수 부분을 return 하도록 soltuion 함수를 완성해주세요.num1이 3, num2가 2이므로 3 / 2 = 1.5에 1,000을 곱하면 1500이

웹 표준은 어떠한 운영체제나 브라우저를 사용하여도 동일한 컨텐츠를 볼 수 있도록 웹에서 표준적으로 사용되는 기술이나 규칙📍 동일한 컨텐츠 : 완벽히 똑같은 화면을 의미하는 것이 아닌 모든 플랫폼에서 동등한 수준의 정보에 접근이 가능함을 의미장점: 브라우저와 os에 관

과제를 하면서 Action, Dispatch, Reducer, Store가 어떻게 연결되어 있고 어떤 과정으로 구현되는지 확인하기Action, Reducer르 직접 작성하고 테스트 해보기지난번 react hooks로 작성한 페이지를 redux를 사용해서 리팩토링상태 변