Redux(리덕스) 사용 중 발생하는 TypeError❓발생하는 이유1\. Redux의 Actions import 시 {중괄호} 빼먹음2\. Redux 저장소(ex. store.js)에 reducer 정의 시 reducers를 "reducer"로 오타👉🏻import

React로 작업 시 프로젝트 규모가 점점 커지고 import할 파일이 많아지면 상대경로 지정이 어려워짐결론 : import component from "../../../component/component... 이렇게 쓰기 싫어서임.src폴더 말고 그냥 기본 폴더에 만

React에서 <img />태그 사용 시 alt 속성을 추가하지 않으면 발생하는 에러 (eslint 에러)간단하다.<img />태그에 alt 속성을 추가하자이미지의 내용을 간결하게 표현한 문자열웹 표준 상 alt를 사용해주는 것이 규칙이지만 생략해도 무관함사

type이 file인 input태그 <input type="file" /> 또는 API 요청과 같은 File 또는 Blob 객체를 편리하게 처리할 수 있는 방법을 제공하는 객체abort, load, error와 같은 이벤트에서 발생한 프로세스를 처리하는데 주로 사

로그인 성공한 유저가 자신의 글을 삭제(Delete)하는 기능삭제 시 firebase의 데이터도 함께 삭제되어야 함단, 자신이 작성한 글이 아니라면 Delete 버튼 노출되면 안됨 ❗: 로그인 성공 시 자신과 타유저의 글을 열람(Read)할 수 있는 페이지: 내 포스팅

로그인 성공한 유저가 자신의 글을 수정(Update)하는 기능내 포스팅 : CRUD(2) : Create/Read/Update/Delete READ ! 에서 분리한 <Noweet />컴포넌트에서 해당 글 유저라면 Update버튼이 노출되게 구현Update 버튼을

내 포스팅 : 로그인 파일/컴포넌트 설계 및 구현 에서 로그인 성공한 유저가 글을 읽는 기능내 포스팅 : CRUD(1) : Create/Read/Update/Delete CREATE ! 에서 작성한 글이 firebase에 저장되었는데, 그 글을 불러와 메인페이지에 출력

내 포스팅 : 로그인 파일/컴포넌트 설계 및 구현 에서 로그인 성공한 유저가 글을 생성하는 기능Noweet(노윗)이라는 submit 버튼 클릭 시 글 작성이 완료(Create)됨작성한 Noweet은 firebase에 저장되어, firebase에서 확인 가능함: 로그인

: 메인페이지 (로그인 유무 및 초기 계정인지 확인) : state - isLoggedIn, init, useEffect() : 로그인 유무에 따른 페이지 라우팅 : component - <AppRouter />, <Routes> : 로그인이 확인

Twitter(트위터)라는 SNS의 UI 구현백엔드 없이 firebase를 이용하여 실시간 처리로그인 / 회원가입 / 회원탈퇴 (email, SNS계정, Github 인증)게시글 작성 / 수정 / 삭제 등 실시간 처리HTML5CSS3JavaScriptReactfireb

useRouter를 <Router>라는 컴포넌트에 감싸지 않았을 때 발생하는 에러react-router-dom 라이브러리를 사용할 때 index.js파일에 <BrowserRouter> 컴포넌트를 추가하는 걸 까먹으면 발생하는 에러👉🏻 설치방법 참고 : 내

외부파일 컴포넌트 import/export 시 발생하는 에러보통 컴포넌트 import나 export의 문법을 잘못 작성하여 발생함

import된 js파일의 경로 에러CRA(create-react-app)에서 컴파일은 src폴더 내부에서만 일어나기 때문에,src폴더 외부의 파일을 import할 때 발생하는 에러임. : public폴더 이용 (주로 img파일 저장) : public폴더는 컴파일

회원 간 소통을 위한 커뮤니티작업 기간 : 2023.01.19 ~소통을 위한 커뮤니티 (게시판) 기능회원 : 글열람/글정렬/글작성/글수정/글삭제/댓글 기능비회원 : 글열람/글정렬 기능현재 페이지에 기능, 수정내용, 버전관리 등 기록 및 관리기록한 요구사항, 기능 등 내

React Invalid Hook Call Warning 에러 공식 문서잘못된 Hook 요청으로 인한 에러👇🏻 에러발생 추정 위치useDispatch()라는 훅을 dispatch변수에 저장하여 사용하려고 했는데, 잘못된 곳에 훅을 호출하면서 해당 에러가 발생되는 것

무료 티어 사용자가 퍼블릭 레포지토리에서 무료로 호스팅을 이용할 수 있는 서비스 (Pro 티어 사용자는 private 레포지토리에서도 사용 가능)HTML/CSS/JavaScript로 구성된 파일을 구동하고 배포해 Static 웹 사이트를 호스팅 할 수 있게 해주는 서비

서버의 값을 클라이언트에게 가져오거나, 캐싱, 값 업데이트, 에러핸들링 등 Ajax(비동기 요청)과정을 편하게 해주는 라이브러리React 개발하다 보면 store 내부에 클라이언트 데이터와 서버 데이터가 공존하며 상호작용을 하게 되는 현상을 예방할 수 있음실시간으로 A

완전탐색. 즉, 가능한 모든 경우의 수를 모두 탐색하면서 요구조건에 충족하는 결과 출력예외없이 100% 확률로 정답을 출력함첫 접근을 잘 하자 (시계수가 뭔지 파악하는 것이 우선임)시계수 : 입력값을 시계방향으로 돌렸을 때 입력값이 최소값인 경우시계수 확인 및 출력 함

React에서 state는 새로고침하면 모두 리셋됨 (state장점이자 단점)state를 영구적으로 보관하고 싶을 때 서버(DB)에 저장하거나 localStorage라는 웹 스토리지를 사용하는 방법이 있음단, localStorage를 포함한 web storage는 동일

JavaScript 상태관리 라이브러리 (Node.js 모듈)props 없이 컴포넌트 간 state를 공유할 수 있게 도와줌Context API를 개선한 라이브러리Context API와 마찬가지로 컴포넌트가 수없이 많아질 수록 용이동일한 데이터는 항상 같은 곳에서 가지