구버전
-
[React] useLayoutEffect의 활용구버전/React 2024. 4. 2. 20:58
개요 1. useLayoutEffect 2. Usage 3. useLayoutEffect의 성능저하 4. SSR에서 사용이 가능한가? ✅ useLayoutEffect란? 📦 useLayoutEffect(Setup, dependencies?) 브라우저가 화면을 다시 채우기 전에 실행되는 useEffect이며, 성능 저하를 유발할 수 있어 가급적 useEffect를 사용할 것을 공식문서에서는 권장하고 있다. 컴포넌트가 DOM에 추가되기 전에 React는 setup함수를 실행한다. 리랜더링 시: (클린업함수가 정의되어있을 시)cleanup 함수(이전 값ㅋ) → setup함수(새 값) → ( 컴포넌트가DOM에서 제거되기 전) cleanup 함수 실행 의존성을 이전 값과 비교하여 실행할지 말지를 결정하며, 인수가..
-
[혼공컴운] 보조기억장치구버전/CS Study 2024. 3. 24. 16:40
개요 1. 다양한 보조기억장치 - 하드디스크 - 플래시 메모리 2. RAID의 정의와 종류 - RAID의 정의 - RAID의 종류 ✅ 다양한 보조기억장치 보조기억장치는 대중적으로 하드 디스크와 플래시 메모리가 있으며 흔히 사용되는 USB, SD카드, SSD와 같은 저장장치를 말합니다. 📦 하드 디스크 자기적인 방식으로 데이터를 저장하는 보조기억장치로 자기 디스크의 일종으로 지칭하기도 한다. 동작을 LP나 CD와 비슷하게 동작하며 동그란 원판에 데이터를 저장하고 뾰족한 리더기로 회전하는 원판에 데이터를 읽는다. 플래터: 실질적으로 데이터가 저장되는 곳(동그란 원판)으로 수많은 N극과 S극을 저장하며 N극, S극은 0과 1의 역할을 한다. 스핀들: 플래터를 회전시키는 구성 요소 RPM: 스핀들이 플래터를 돌..
-
[CS Study] 프론트엔드 테스트 코드란?구버전/CS Study 2024. 3. 19. 14:36
개요 1. 왜 해야할까? 2. 테스트 코드 종류 3. Jest and React Testing Library ✅ 왜 해야할까? 프론트엔드 개발 환경의 발전에 따라 요구하는 애플리케이션 수준이 복잡해지고 다양한 방법론과 도구들이 등장하게 되었다. 이 중에서 효율적으로 테스트를 할 수 있는 방법과, 테스트를 해야하는 이유 및 개념에 대해서 알아보도록 하자. 📦 테스트란? "프로그램을 실행하여 오류와 결함을 검출하고 애플리케이션이 요구사항에 맞게 동작하는지 검증하는 절차"로써 발생 가능한 결함을 예방하고 개발 과정에서 생기는 변경 사항으로 인해 새로운 결함이 생기는지 확인하여 자신감 있게 리팩토링 및 코드 개선을 할 수 있으며, 자동화를 통해 휴먼 에러의 가능성도 낮출 수 있다. 빠르고 신회할 수 있는 테스트..
-
[혼공컴운]운영체제 시작하기구버전/CS Study 2024. 3. 15. 11:03
개요 1. 운영체제를 알아야 하는 이유 ✅ 운영체제를 알아야 하는 이유? 📦 운영체제란? 실행할 프로그램에 필요한 자원을 할당하고, 프로그램이 올바르게 실행되도록 돕는 특별한 프로그램으로 여느 프로그램과 같이 메모리에 적재되어야하지만 매우 특별한 프로그램이기에 커널 영역이라는 공간에 따로 적재되어 실행된다. 메모리 관리: 프로그램을 어디에 위치할지도 운영체제가 결정한다. CPU 관리: 하여 프로그램 실행 순위와 지속 시간과 같은 요소를 결정한다. 입출력장치 관리: 여러 프로그램이 특정 입출력장치를 사용하려 할 때 순서를 결정하게끔하여 충돌이 일어나지 않도록 한다. 하드웨어와 가까운 곳에 위치해서 프로그램이 요구하는 자원을 할당하고 올바르게 실행하는 것을 돕는다. 🎉 자원 더보기 프로그램 실행에 있어서 마..