profile
프론트엔드 개발자가 되기 위해 공부하고 있습니다.

서류 합격 확률이 30%나 올라가는 이력서/포트폴리오 비법노트 무료나눔

디큐 최규민 강사님께서 서류 합격 확률이 30%나 올라가는 이력서/포트폴리오 비법노트를무료로 나눔한다고 합니다!아래 링크를 클릭해서 최규민 강사님의 블로그에 방문해 비법노트를 전수 받으세요:)자료 받으러가기

2022년 7월 11일
·
0개의 댓글
·

<a> vs <button>

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

2022년 5월 31일
·
0개의 댓글
·

html seo, <dialog>

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

2022년 5월 31일
·
0개의 댓글
·

주요 HTML 콘텐츠

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

2022년 5월 31일
·
0개의 댓글
·

react-router-dom

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

2022년 5월 31일
·
0개의 댓글
·

parsing error: unexpected token

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

2022년 4월 23일
·
0개의 댓글
·

npm audit fix

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

2022년 4월 21일
·
0개의 댓글
·
post-thumbnail

SSR VS CSR

2022년 4월 21일
·
0개의 댓글
·

컴포넌트 분리 <input>

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

2022년 4월 12일
·
0개의 댓글
·

중첩라우팅

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

2022년 4월 8일
·
0개의 댓글
·

프론트엔드 환경설정 (cra사용x)

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-

2022년 4월 2일
·
0개의 댓글
·

npm i 에러날 경우

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

2022년 4월 2일
·
0개의 댓글
·

MySQL(MariaDB) 비밀번호 재설정

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

2022년 4월 2일
·
0개의 댓글
·

Redux 미들웨어 2

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

2022년 3월 25일
·
0개의 댓글
·

제너레이터(Generator) 함수

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

2022년 3월 25일
·
0개의 댓글
·

react-router-dom과 redux 연결하기

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

2022년 3월 25일
·
1개의 댓글
·

Redux 미들웨어 1

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

2022년 3월 25일
·
0개의 댓글
·

Redux폴더구조 및 Redux Ducks Pattern

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

2022년 3월 7일
·
0개의 댓글
·
post-thumbnail

Relational Database-MySQL(MariaDB)

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

2022년 2월 22일
·
0개의 댓글
·

MariaDB (+MySQL과의 관계)

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

2022년 2월 20일
·
0개의 댓글
·