React-Router 사용자의 브라우저가 클라이언트 사이드에서 뷰 렌더링을 담당하도록 돕는 라이브러리 💡 서버 사이드 렌더링을 할 때에도 라우팅을 도와주는 컴포넌트들을 제공해준다. 라이브러리 설치하기 프로젝트 디렉토리로 이동하여 다음 명령어를 통해 리액트 라우터
🐾 React 에는 클래스 컴포넌트 와 함수 컴포넌트 형태가 존재한다. 🐾 React 는 JSX 를 통해 Element를 생성한다. 🐾 React 는 Props 와 State 를 통해 컴포넌트의 상태 값을 다룬다. 🚀 Component 클래스 컴포넌트 Rea
카카오톡 메시지 플랫폼 API 이용해보기 💬 들어가며 사이드 프로젝트를 진행하면서 사용자 초대 링크를 카카오톡 공유 API를 통해 전송하는 기능을 구현하게 되었다. API에서 데이터를 가져오는 실습은 해본 적이 있지만, API를 통해 데이터를 전송해보는 경험은 처
무한 스크롤바 구현 state 값 undefined error : binding 문제 페이지 전환 후 뒤로가기 등을 통해 이전 페이지로 돌아갔을 때 이전 고수 리스트가 안보이는 문제( 20~ 30만 보임) map의 key
컴포넌트 초기 생성 🌱 컴포넌트의 객체가 생성되어 DOM 상에 삽입될 때 아래 순서대로 호출된다. constructor() 컴포넌트가 생성될 때 자동으로 호출되는 컴포넌트 생성자 함수 render() 클래스 컴포넌트에서 반드시 구현되어야 하는 메서드 compon
💬 들어가며 프로젝트를 진행하면서 초반에 가장 많이 발생했던 CORS 이슈에 대해 확실히 짚고 넘어가기 위해 정리해보려 한다. CORS 가 도대체 뭐지? CORS, Cross-Origin Resource Sharing 이라는 정책으로 웹 개발자라면 흔히 겪는 에러의
✅ 내가 작성한 글 or 댓글에만 수정, 삭제 버튼을 렌더링 해주기 위해 리스트 API는 클라이언트로부터 받은 토큰 정보를 통해 게시물에 대한 권한을 확인하여야 한다. ✅ 권한이 확인되면 response 를 통해 프론트에 게시물에 대한 정보와 함께 권한을 확인할
News Viewer Project 외부 API를 이용하여 최신 뉴스 기사 불러오는 실습 프로젝트 UI ✨ 사용 기술 React, axios, Sass (+ styled-components), React router 📚 TIL Axios 원하는 뉴스 기사 데