profile
뛰어난 적응력과 성실함이 장점인 웹개발자 나상엽입니다.

nextjs + redux toolkit 프로젝트에 Mocking Service Worker 적용 (MSW)

nextjs, redux toolkit 프로젝트에 MSW(Mocking Service Worker)를 적용해보았다.적용방법은 쉽고 간단해서 빠르게 적용하고 실제 api요청을 가로채어 mock데이터를 response로 넘겨주는 것까지 확인하였다.다만... 포스팅을 하는

2023년 2월 1일
·
0개의 댓글
·

aws ec2 프론트엔드 배포 - nextjs + nginx + pm2

삽질은 언제나 힘들다하지만 결국 해결하고나니 이만큼 보람찬 삽질이 있었나 싶을정도로 재밌었고 힘들었다간략한 삽질의 flowec2 인스턴스 생성 (ubuntu) => node 18 설치실패 (삽질 3시간 - 해결: nvm으로 설치)=>npm install 실패 서버 뻗음

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

npx create-next-app 으로 만든 프로젝트 git add시 발생하는 오류 해결

react 사이드 프로젝트 진행을 위해 github을 사용하기로 하였다.1개의 repository에 다수의 프로젝트를 추가 해야 했는데 npx create-next-app을 통해 만든 프로젝트가 git add명령어로 추가 되지 않고 오류가 발생했다.해결법error-te

2022년 6월 9일
·
0개의 댓글
·

Redux

리덕스는 리액트에서 가장 많이 사용되는 상태 관리 라이브러리기본 용어 액션(Action)상태에 변화가 필요하다면 액션을 일으켜야한다. 액션은 객체로 표현되며 type필드를 반드시 가지고 있어야 한다.액션 생성함수(Action Creator)액션 생성함수는 액션 객체를

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

a 링크 noreferrer, noopener

noopener 지정 시 링크된 페이지에서 window.opener을 사용해서 링크를 건 페이지를 참조(reference) 불가.링크된 페이지와 링크를 건 페이지가 별개의 프로세스로 취급, 퍼포먼스저하되지 않음noreferrer 지정 시 다른 페이지로 이동할 때, 링크

2022년 5월 6일
·
0개의 댓글
·
post-thumbnail

VUE+VUETIFY+TYPESCRIPT 세팅 (VSCODE)

호스팅할 포트폴리오 페이지 개발을 위한 vue+vuetify+typescript+vscode 조합의 세팅과정을 정리한다. vscode terminal에서 (vue cli 설치 후) vue create test => Manually select features 선택

2021년 10월 18일
·
0개의 댓글
·