Intersection Observer의 필요성 페이지 스크롤 시 이미지를 Lazy-loading(지연 로딩)할 때 Infinite scrolling(무한 스크롤)을 통해 스크롤할 때 새로운 콘텐츠를 불러올 때 광고의 수익을 계산하기 위해 광고의 가시성을 참고할 때 사용자가 결과를 볼 것인지에 따라 애니메이션 동작 여부를 결정할 때 =>브라우저 뷰포트(Viewport)와 설정한 요소(Element)의 교차점을 관찰하며, 요소가 뷰포트에 포함되는지 포함되지 않는지, 더 쉽게는 사용자 화면에 지금 보이는 요소인지 아닌지를 구별하는 기능을 제공한다 scroll 이벤트와 다르게 교차 시 비동기적으로 실행되며 가시성 구분 시 reflow 를 발생하지 않는다 Intersection Observer 사용 방법 // ..

소프트웨어 개발 단계 RFP(Request For Proposal)를 통해 제안요청을 하고 프로젝트 계약이 완료되면 SRS(Software requirements specification)를 통해 프로젝트의 큰 그림을 설계한다 이때 프로젝트 관리자는 인력, 시간, 돈의 관점에서 성공적인 프로젝트를 수행할 수 있게 전략적으로 접근하는 과정은 프로젝트를 도입하고 시행하기 위한 기획의 범주라고 가정했을 때 그 다음은 개발할 소프트웨어를 분석하는 과정이 필요하다 하나의 프로젝트가 올바르고 안정적으로 진행되려면 다음과 같은 과정을 거쳐야 한다 분석 단계 소프트웨어를 개발하기 위해서 만들려고 하는 것에 대한 분석이 먼저 이루어진다 사용자 요구사항 정의서, 유스 케이스 명세서, 요구사항 추적표와 같은 문서를 작성함으..

소프트웨어가 무엇을 할 것이며 어떻게 작동할 것으로 예상되는지를 설명하는 문서이며 제품이 모든 이해 관계자(비즈니스, 사용자)의 요구를 충족시키는데 필요한 기능을 설명한다 소개 1.1 목적 (Purpose) 이 문서에 요구사항이 명시되어 있는 제품 또는 애플리케이션을 설명한다. 이 SRS가 전체 시스템 중 일부에만 관련된 것이라면 그 부분 또는 하위시스템을 설명한다. 1.2 문서 규칙 (Document Convention) 텍스트 스타일, 하이라이트 또는 주석과 같은 모든 표준 또는 표기규칙을 설명한다. 1.3 독자대상과 읽는 방법 (Intend Audience and Reading Suggestion) SRS가 대상으로 하고있는 다양한 독자계층을 나열한다. SRS의 나머지 부분과, SRS가 조직되어 있..

새로고침을 하면 리덕스 store의 state가 날라가는 문제가 있었는데 redux persist 를 이용해서 문제를 해결할 수 있다 이 라이브러리를 사용하면 store의 state를 localstorage나 session에 저장해놓고 불러올 수 있어서, 새로고침을 해도 데이터가 사라지지 않는다 npm i redux-persist reducer에 적용 localStorage에 저장하고 싶으면 import storage from 'redux-persist/lib/storage session Storage에 저장하고 싶으면 import storageSession from 'redux-persist/lib/storage/session persisConfig key가 root로 되있으면 맨 윗쪽 파일부터 적용한..