나디아 성장 일기

PWA(Progressive Web App): 사용자가 모바일 앱처럼 사용할 수 있는 웹 사이트 웹 기술(HTML, CSS, Javascript)로 모바일 네이티브 앱과 비슷하게 만들 수 있는 기술    PWA의 주요 특징진보적(Progressive)브라우저에 기능에 따라 작동하며, 최신 브라우저에서는 추가 기능을 제공반응형(Responsive)모든 디바이스(모바일, 태블릿, 데스크톱 등)에서 적절히 작동앱 같은 사용자 경험(App-like Experience)네이티브 애플리케이션과 유사한 UI/UX 제공 앱스토어 없이 홈 화면에 설치 가능오프라인 기능(Offline Functionality)Service Worker를 사용해 네트워크 상태와 관계없이 작동 가능캐싱된 데이터를 통해 오프라인에서도 콘텐츠를..

파일 시스템 모듈(fs 모듈, FileSystem)Node.js 환경에서 사용할 수 있는 파일 관련 라이브러리Node.js 내장 모듈 (fs, path, os, stream 등)파일을 읽고 쓰거나, 경로를 다루는 작업을 할 때 사용서드파티 라이브러리 (glob, rimraf, mkdirp, fs-extra 등)파일 경로 검색이나 패턴 매칭 같은 고급 작업을 지원하는 라이브러리들npm이나 pnpm을 통해 설치하여 사용할 수 있다. fs 모듈: 파일과 디렉터리를 읽고 쓰고 관리하는 기본적인 Node.js 모듈glob 모듈: 파일 경로를 와일드카드 패턴으로 검색하는 도구fs-extra 모듈: fs 모듈을 확장해 더 편리하게 파일 시스템 작업을 처리하는 라이브러리 fs 모듈: Node.js에서 파일/디렉터리를 ..

Children vs Context API vs 상태 관리 라이브러리 모두 상태나 데이터를 컴포넌트들 간에 전달할 수 있는 기능을 제공한다. 구현하는 방식과 적합한 사용 범위는 다르다.  1. children: 부모 컴포넌트에서 자식 컴포넌트로 UI 요소를 전달하기 위해 사용되는 방식  사용 방식부모 컴포넌트가 자식 요소를 전달하면, 자식 컴포넌트에서 props.children을 통해 해당 요소를 렌더링한다. 적합한 경우주로 동적으로 구성 요소를 전달하거나, 컴포넌트의 내용을 정의할 때 사용된다.// Parent는 요소를 Child로 전달function Parent() { return ( 자식 컴포넌트의 내용 );}// Child는 이를 렌더링function Child(pr..