Polyfill 이란? 새로 추가된 전역 객체들(Promise, Map, ...)을 사용가능한 객체로 바꾸어주는 플러그인이다. babel을 사용한다고 자바스크립트 최신 함수를 사용할 수 있는 건 아니다. babel은 문법을 변환해주는 역할만 할 뿐이다. polyfill은 프로그램이 처음에 시작될 때 현재 브라우저에서 지원하지 않는 함수( ES6+에서 새...

우리 회사 웹/모웹의 seo를 전체적으로 개선한 경험을 정리해보려한다.

zustand
ie 브라우저 지원 우리 사이트는 IE 10 까지 지원하고 있다. Vender Prefix 크로스 브라우져를 개발하기 위해 CSS속성 앞에 브라우져별 접두사 Next.js는 default configuration에 vender prefix를 CSS rules에
회사 프로젝트내 아임포트로 전환 작업을 진행하는중이였습니다.그 작업안에 간편결제계좌 등록하는 기능이 있습니다. 등록을 위해 이름, 은행, 계좌번호를 입력한 후 account repo로 들어가 본인인증을 마치고 다시 react repo로 돌아와 입력했던 데이터를 기억해 바로 ars인증으로 넘어가야 합니다.( react Repo → nexus Repo → r...
💡 공식문서 react-intersection-observer 해당 라이브러리는 대상 요소가 *뷰포트와 교차하는 변경사항을 관찰해주는 역할을 합니다. 즉 화면(뷰포트)상에 우리가 지정한 타겟 엘레멘트가 보이고 있는지를 관찰하는 API입니다. 뷰포트(viewport)란 현재 화면에 보여지고 있는 다각형(보통 직사각형)의 영역입니다. 웹 브라우저에서는 ...
express-validator는 express에서 사용할 수 있는 유효성 검사 모듈입니다.
Dog 갤러리 게시판 기능구성 💡 https://docs.thedogapi.com API 활용 메인 (검색 & 페이징) 한 페이지에 50개 정렬은 선택가능 하도록 버튼 구성 (desc or asc) 필터링은 Type, bread Infinite Scroll 구성 상세화면 진입후 뒤로가기로 돌아오면 진입전 스크롤 상태 유지 1열에 5개씩 구성 목록은 ...