Wanted_PreOnBoarding_FE

Toggle알약 모양의 토글 버튼 생성‘Toggle = Button’ 이라고 생각하여 버튼 태그로 만들어 상태에 따라 css에 변화를 주려고 했다하지만 버튼보다는 두가지 상태를 다루는 checkbox를 이용하는 것이 관리하기 더 용이하다 생각하여 check박스를 이용해

DOM은 Document Object Model의 약자로 HTML, XML 문서의 프로그래밍 interface이다DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕

모듈: 특정 기능을 갖는 작은 코드 단위가독성, 유지보수를 위해 여러 개의 파일로 분리 -> 네트워크 병목현상 발생응답시간을 줄이기 위해 파일 수를 줄이면 가독성, 유지보수의 어려움 발생번들링이란 모듈(분리된 파일)들의 의존성 관계를 파악하여 그룹화시켜주는 작업이다.서

웹펙이란 가장 대중적인 모듈 번들러입니다.모듈 번들러란 웹 애플리케이션을 구성하는 자원(HTML,CSS,JS,Image,Font 등) 즉, 모듈들을 조합해서 병합된 하나의 결과물을 만드는 도구브라우저에서 JS를 실행하는 방법에는 두가지 방법이 있습니다.1\. 각 기능에

<canvas> 태그와 JS를 통해 도형, 데이터 시각화, 애니메이션, 웹 게임 등 다양한 콘텐츠를 만들 수 있습니다. 최근에 많아 핫한 게임 Vampire Survivors 또한 HTML, CSS, JS를 통해 만들었습니다.PixiJS와 같은 2D 게임 엔진을

localStrage는 웹 스토리지 객체로 브라우저 내 키-값 쌍으로 저장하도록 도와줍니다.LocalStorage를 사용하면 페이지를 새로 고침하거나 브라우저를 껐다 켜도 데이터가 사라지지 않고 남아있습니다.setItem(key, value)getItem(key)rem

데이터의 아이디 값을 통해 사용자의 아이디와 등록한 사진들을 슬라이더 형식으로 보여주는 기능을 구현했습니다.슬라이더를 mouseEvent를 이용하여 구현하려했습니다.슬라이더가 좌우로 움직이기 때문에 마우스의 X좌표를 이용해서 마우스가 드레그 된 만큼 이미지도 드레그를

ModalToggleTagAutocompleteLoadingInfinite Scroll이렇게 우리가 자주 사용하는 기능들이 Custom Component를 통해 자신의 입맛에 맞게 활용할 수 있습니다.Custom Component과 관련된 라이브러리들이 많지만 라이브러

ModalToggleTagAutocompleteLoadingInfinite Scroll이렇게 우리가 자주 사용하는 기능들이 Custom Component를 통해 자신의 입맛에 맞게 활용할 수 있습니다.Custom Component과 관련된 라이브러리들이 많지만 라이브러

HTTP 관련 면접 준비중 평소에 자주 콘솔 창에서 보던 HTTP 상태 코드에 대해서 공부해보자.HTTP 상태 코드는 100~500까지 5개의 그룹으로 HTTP 요청 상태를 보여줍니다.클라이언트가 서버로 보낸 요청에 문제가 없으니 다음 요청을 이어서 보내도 됩니다.요청

Calendar Mui date picker react date picker dayjs

내부 서비스에 가입해서 내부 서비스에서 정보 인증이 필요 없이 외부 서비스에서도 인증을 가능하게 하고 그 서비스의 API를 이용하게 해주는 것입니다 oauth를 통해 별도의 회원가입 없이 로그인을 제공하는 카카오, 페이스북 등 플랫폼의 아이디만 있으면 서비스를 이용 할

CORS Error cors error는 개발하면서 한번은 마주칠 오류이다. 대부분 API 요청을 하여 데이터를 불러올 때, 마주한다. 나 또한 API를 이용해 사이트를 만드려했을 때, CORS error을 마주하기도 했다. SOP - Same-Origin Polic

애니메이션 CSS 애니메이션을 통해 사용자에게 강한 인상을 줄 수 있으며 때로는 자연스러운 애니메이션을 통해 이질적인 느낌을 없앨 수 있습니다. @keyframes 애니메이션 속성