같은 외형을 지닌 경우라도 a, button요소를 구별해서 사용실행 결과를 가리킬 수 있는 url이 있으면 a요소참조할 URL이 없으면 button요소를 사용커서 모양이 다름에 유의

seo에 영향을 주는 요인들검색결과페이지로딩속도

요즘은 아래처럼 바꿔서 부름block container > flow contentinline container > phrasing contentflow contentbody에 포함할 수 있는 모든 요소거의 대부분의 모든 요소가 flow content에 해당(inline

react-router-dom v6으로 업데이트 되면서 변경된 부분을 알아보자switch -> routesexact는 사용하지 않는다component 옵션이 element로 변경되었다참고링크

리액트 parsing error: unexpected token에러날 경우,.eslintrc 파일 생성, 아래코드 추가할 것위 코드를 작성해 parser를 babel parser로 설정해주면 최신 ECMA 버전 사용 가능만약, 타입스크립트도 사용하고 있다면npm ins

npm audit fix 경고는 보안경고이를 해결하기 위해서 그대로 입력해주면 된다npm audit fix --force이렇게 --force를 붙힌다면,major버전을 수정할 수 있기 때문에 기존의 라이브러리 API를 사용할 수 없게 될지도 모른다. 그래서 이 옵션은

<input> 이 있을 땐, 컴포넌트를 따로 분리해주는 것이 좋다.input은 입력할때마다 리렌더링을 일으키기 때문에 분리해주면 성능이 높아지고, 코드가 짧아져서(분리했으니) 유지보수 하기 편하기 때문

react-route 중첩라우팅 알아보기아래 블로그들 참고중첩라우팅1(와일드카드)중첩라우팅2

npm initnpm i react react-domnpm i typescriptnpm i @types/react @types/react-domnpm i -D eslintnpm i -D prettier eslint-plugin-prettier eslint-config-

npm i 했을때 에러발생시,npm i --global node-gypnpm install bcryptjs --save2번에서 에러가 발생하면,2-1.npm install --global --production windows-build-tools완료 후npm i

비밀번호 재설정 방법링크 참고

redux-saga 제너레이터 객체를 만들어내는 제너레이터 생성함수를 이용 리덕스 사가 미들웨어를 설정하고, 내가만든 사가 함수를 등록한 후, 사가 미들웨어를 실행. 그 후, 등록된 사가 함수를 실행할 액션을 디스패치하면 된다. npm i redux-saga re

여러개의 값을 반환하는 함수제너레이터 함수 외부에서 제너레이터 함수가 실행되는 중간에특정 부분(yield)에서 멈추고, 제어권을 호출자에게 양도(yield)하고,값을 외부에서 받아 하나씩 반환표현방법: function\*제너레이터 함수는 호출하면 바로 코드가 실행되는

npm i react-router-dom: react-router와 redux를 약하게 연결시켜 주는 기능아래 예제처럼 store와 route부분에 history를 연결해주면,redux thunk안에서 withExtraArgument를 가져와서 history를 빼와서,

미들웨어가 '디스패치'의 앞뒤에 코드를 추가할 수 있게 해준다.미들웨어가 여러개면 미들웨어가 '순차적'으로 실행된다.미들웨어의 두가지 단계 \- 스토어를 만들 때, 미들웨어를 설정하는 부분 {createStore, applyMiddleware} from redux

리덕스 폴더구조스토어(폴더) modules(폴더) todo.js (액션타입,액션생성함수,리듀서) user.js (액션타입,액션생성함수,리듀서) index.js (combineReducers (모듈폴더에 있는 리듀서들을 모아주는 파일)최상위 index.js 파일에서c

데이터는 가공해서 활용할 수 있고, 데이터를 저장하고 꺼내볼 수 있어야함 DataBase: file의 한계를 보완한 것 input : Create, Update, Delete output : Read (CRUD) 관계형 데이터베이스와 스프레드시트 공통점: 표로 나타낼

MySQL과의 관계MySQL은 1995년 MySQL AB사에서 오픈소스로 제작된 DBMS로 무료 DBMS이면서 대용량 DBMS로서 높은 안정성과 성능덕분에 인기있는 오픈소스 DBMS로 자리 잡고 있었습니다. 2008년에는 선 마이크로 시스템즈에 인수되어 관리됐는데, 아

input에서 type="number"일 경우 maxLength 속성은 적용되지 않는다.