프로그래밍64 [React] SPA vs MPA SPA (Single Page Application) 한 개의 Single Page로 구성된 Application으로, 한 번 Resource(HTML, CSS, JavaScript)를 로딩하고 이후 데이터를 받아올 때만 서버와 통신한다. SPA는 Web application에 필요한 all static resource를 최초 한 번에 다운로드하고, 새 페이지 요청이 있을 때 페이지 갱신에 필요한 데이터만 전달받아 페이지를 갱신한다. → CSR (Client Side Rendering) 방식으로 렌더링한다고 함 CSR 방식 사용하는 경우 초기 화면 렌더링에 시간이 걸릴 수 있음 장점 깜빡임 없이 자연스러운 UX 필요한 리소스만 부분적으로 로딩(성능상 유리) 서버의 템플릿 연산을 클라이언트로 분산 컴포넌트.. 2022. 6. 5. [JavaScript] npm vs yarn npm 자바스크립트 언어를 위한 패키지 관리자로, Node.js의 기본 패키지 관리자(Node.js에 기본 내장)이다. command-line client인 npm과 온라인 데이터베이스인 npm registry로 이루어져 있다. 일반적으로 command-line client를 npm이라고 볼 수 있으며 실제로 npm에는 npm registry까지 포함되어 있다. npm 명령어 npm init : package.json 생성 npm install : package.json 파일 및 해당 종속성에 나열된 모든 모듈을 설치 npm install package_name@버전 : 특정 패키지의 특정 버전 설치 npm install 주소 : 특정 저장소 내 패키지 설치. 주로 github을 설치한다. npm in.. 2022. 6. 5. [React] React에서 Axios 사용해 API 호출하기 Axios란? 서버와 데이터를 주고받기 위해서는 HTTP 통신을 해야 하는데, React에는 HTTP Client(HTTP 상에서 커뮤니케이션을 하는 자바 기반 컴포넌트) 내장 클래스가 존재하지 않는다. 따라서 React에서 *AJAX(Asynchronous Javascript And XML)를 구현하려면 JavaScript 내장객체인 XMLRequest를 사용하거나, 다른 HTTP Client를 사용해야 한다. * AJAX : 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것으로, JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 비동기로 주고받을 수 있다. HTTP Client 라이브러리에는 Fetch API, Axios가 있는데, 사용하는 형태에 약간.. 2022. 6. 5. [Flutter] Android Emulator error 에러 메시지 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:checkDebugAarMetadata'. > Could not resolve all files for configuration ':app:debugRuntimeClasspath'. > Could not resolve com.google.android.gms:play-services-location:16.+. Required by: project :app > project :location > Failed to list versions for com.google.android.gms:play-services-location. > .. 2022. 3. 23. [React] 1. React 프로젝트 생성하기(create-react-app) 1. Node.js 설치하기 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 짝수 버전이 LTS, 홀수 버전이 Current인데 홀수 버전인 Current가 6개월마다 배포된 후 수정되면서 안정성이 확보되면 짝수 버전 LTS를 배포한다. 즉 LTS는 안정적인 버전이고 Current는 가장 최신 버전이다. LTS는 30개월동안 지원되고, 프로덕션 애플리케이션은 LTS를 사용해야 한다고 한다. (버전에 대한 자세한 정보는 아래 링크를 참고하면 된다.) https://nodejs.org/en/about/releases/ Node.js 홈페이지에 들어가서 .. 2022. 3. 20. 이전 1 2 3 4 5 ··· 13 다음