profile
3대 500을 향해서

[React/Jest/Typescript] uuid 사용 시 Jest encountered an unexpected token 에러 해결

프로젝트를 진행하면서 처음으로 테스트를 진행하려고 RTL과 Jest에 대해서 알아보고 적용해보는 중이었다. 개발환경에서 유니크한 id를 생성하기위해서 uuid를 사용하려고 하였는데, uuid를 설치하고 적용해보니 Jest 테스트를 통과하지 못하게 되었다.에러는 아래와

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

[HTTP 완벽가이드] 6장 프락시

프락시 프락시란? 클라이언트와 서버 사이에 존재 클라 서버 사이의 HTTP 메시지를 정리하는 중개인처럼 동작 웹 중개자 프락시 서버는 클라이언트 입장엥서 트랜잭션을 수행하는 중개인이다. 트랜잭션을 완료하는 것이 클라이언트라는 점은 변하지 않지만, 프락시 서버가 제공

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

[HTTP 완벽가이드] 웹 서버

HTTP 완벽가이드 5장을 읽고 정리한 내용입니다.

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

[HTTP 완벽가이드] 커넥션 관리

HTTP 완벽가이드 챕터 4장을 읽고 정리한 내용입니다

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

[HTTP 완벽 가이드] HTTP 메시지

HTTP 완벽 가이드 의 3장을 읽고 정리한 내용입니다.

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

[HTTP 완벽 가이드] URL과 리소스

HTTP 완벽 가이드 2장의 내용을 다루고 있습니다.

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

[HTTP 완벽 가이드] HTTP 웹의 기초

HTTP 완벽 가이드 1장 HTTP 웹의 기초를 읽고 정리한 내용입니다.

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

[Vue/Vite] 빌드 시 이미지 동적 로딩 에러

Vite로 Vue 앱을 구성해보았다. 하지만 assets 폴더에 있는 이미지에 대해 동적으로 불러올 때 에러가 발생하였다. 기존의 웹팩을 사용한 프로젝트와는 어떻게 다르게 구성해야하는지 시행착오를 겪은 것을 정리해 보았다.

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

[Vue3] scroll 이벤트에 따른 헤더 표시 with Throttle

Vue3 에서 scroll 이벤트와 이벤트 쓰로틀링(Throttle) 그리고 css를 이용하여 스크롤 방향에 따라 헤더를 감추고 보여주는 기능을 구현해 보았다.

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

이벤트에 Throttle과 Debounce를 사용해보자

Throttle과 Debounce를 lodash 라이브러리를 이용해 어떻게 사용하는지 알아보고, 바닐라 자바스크립트로 구현해보았다.

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

vuex + js-cookie를 이용한 로그인 관리

학부생 인턴을 하면서 회사에서 VueJS를 이용하여 쇼핑몰을 만들고 있다. 로그인 관리를 구현한 내용을 정리해두려고 한다. Vuex + js-cookie를 이용하여 로그인 관리를 구현한 내용을 정리하였다.

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

[노마드코더] 캐럿마켓 클론코딩 (1) - Tailwind CSS

Tailwind는 공식 페이지에서 말하길 'utility-first CSS framwork'라고 한다. 이 말인 즉슨 Tailwind가 아주 많은 class를 가지고 있고 우리는 이 여러 class명을 조합하여 가져다 쓸 수 있도록 해준다는 것이다. flex, pt-

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

[노마드코더] 캐럿마켓 클론코딩 (0)

NextJS 프로젝트를 시작하기 위해서 create-next-app을 이용한다. 또한 타입스크립트를 사용할 것이기 때문에 --typescript를 붙여준다.참고 : https://nextjs.org/docs/getting-started현재 React 18버전이

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