💙 삼성 청년 SW 아카데미(SSAFY)란?삼성 청년 SW 아카데미(SSAFY)는 삼성의 SW 교육 경험과 고용노동부의 취업지원 노하우를 바탕으로 취업 준비생에게 SW 역량 향상 교육 및 다양한 취업지원 서비스를 제공하여 취업에 성공하도록 돕는 프로그램입니다.삼성 그룹의 후원으로 진행되는 IT 취업 교육 프로그램입니다. 멀티캠퍼스라는 업체에 교육을 위탁해 진행합니다. 싸피는 총 1년동안 진행되며 6개월에 한 번씩 새로운 기수를 뽑습니다. 1학기에는 알고리즘, 기술과 관련된 지식 배경, 기술 등을 배운 뒤 기말 프로젝트를 경험합니다. 짧은 방학에 잡페어와 특강 등이 진행되고, 2학기는 프로젝트 위주로 진행됩니다. 웹, 모바일 뿐만 아니라 4차 산업 기술 ? AI, 데이터 등등을 배워 적용해 프로젝트를 하..

문제정의 및 원인 파악 글https://hyorish03.tistory.com/22 [React] Geolocation API의 느린 문제 (1) - 문제정의😫 문제 현상 설명Geolocation의 Watchposition 훅을 사용해 위치 변화가 감지될 때마다 현 위치를 새로 받아와 보여주는데새로고침을 하거나 초기 접속 시 파란 빈 화면이 5초 이상 나타났습니다. •hyorish03.tistory.com  원인Geolocation API + React + 크로미움 브라우저 ⇒ 5초 이상의 지연이 발생.Geolocation API의 watchPosition + 바닐라 JS (브라우저 상관X) ⇒ 5초 이상의 지연이 발생.원인 탐색 과정에서 Geolocation API가 느리다는 것을 알게되었습니다. 따..

문제 현상 설명Geolocation의 Watchposition 훅을 사용해 위치 변화가 감지될 때마다 현 위치를 새로 받아와 보여주는데 새로고침을 하거나 초기 접속 시 파란 빈 화면이 5초 이상 나타났습니다. • 크롬 환경                                                                                               • 사파리 환경  원인 파악1. 내가 코드를 잘못 짠 것인가 ?그럴리가 없었습니다..MDN의 예제 코드를 그대로 사용했기 때문에 제 코드의 문제는 아니라고 판단했습니다.2. 해당 페이지 성능 문제인가 ?해당 페이지에는 정말 많은 컴포넌트와 비동기 작업이 많이 일어났기 때문에 단순 성능 문제일 수 있다 판단했습니다.따라서..

Memoization이란?메모이제이션이란 비용이 많이 드는 함수 호출의 결과를 저장하고 동일한 입력이 다시 발생할 때 캐시된 결과를 반환하여 컴퓨터 프로그램의 속도를 높이는 데 주로 사용되는 최적화 기술입니다. 예시 코드function Component ({a, b}) { const result = compute(a,b) return {result}} Component 내의 compute 함수가 만일 복잡한 연산을 수행한다면 결과 값을 리턴하는 데에 오랜 시간이 걸리게 될 것입니다.이럴 때 컴포넌트가 계속 리렌더링 된다면 연산을 수행하는데 오랜 시간이 걸려서 성능에 안 좋은 결과를 미치게 되며 UI 지연현상도 일어나게 될 것입니다.이러한 현상을 해결해주기 위해서 사용하는 것이 useMemo입니..