Language/JavaScript
-
[React Native] React Native 의 동작 원리와 개발 방식( Expo CLI / React Native CLI )Language/JavaScript 2023. 7. 27. 08:31
❓ React Native는 어떻게 IOS 와 Android 두 가지 플랫폼에서 작동할 수 있을까? React Native 는 모바일 웹 앱이나 하이브리드 앱을 제작하는 것이 아닌, "네이티브 앱"을 제작하기 위해 사용하는 오픈 소스 프레임워크이다. 보통 IOS 네이티브 앱은 ObjectC, Swift 코드를 IOS 플랫폼에 맞도록 해주는 컴파일러가 있고, Android 네이티브 앱은 Java, Kotlin 코드를 Android 플랫폼에 맞도록 해주는 컴파일러가 존재하여 각각 플랫폼에서 동작할 수 있도록 한다. 그런데 크로스플랫폼 앱인 React Native 는 어떻게 각각 다른 플랫폼에서 네이티브 앱을 제작할 수 있는지 알아보려고 한다. 📌 React Native의 동작 원리 React Native 동..
-
[Node.js] Node.js 설치하기 ( For Windows ) _ 1Language/JavaScript 2023. 7. 20. 12:30
📌 React Native 로 프로젝트 만들기 - 설치 List - nvm ( Node Version Manager ) - node.js - npm ( Node Package Manager ) - React Native CLI - Java - Visual Studio Code - Android Studio - XCode ( ios 전용 ) - CocoaPod ( ios 전용 ) 📌 nvm ( Node Version Manager ) + Node.js + npm ( Node Package Manager ) 설치 및 사용법 ⚡ nvm ( Node Verson Manager ) 이란? 이름 그대로 Node.js 의 버전을 관리하는 프로그램이다. 같은 시스템 안에서 여러 버전의 Node.js를 사용하기 위해 N..
-
[Node.js] Node.js 개념 정리하기Language/JavaScript 2023. 7. 6. 16:32
📌 Node.js 란? Node.js 는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임입니다. ( Chrome Web Browser는 V8엔진이 탑제된 JavaScript Runtime 이다 ) [JavaScript] JavaScript Engine / Runtime 개념 및 작동 방식 이해하기 📌 JavaScript Engine 과 Runtime 이해하기 ⚡ JavaScript 란 무엇인가? 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용되며, 다른 응용 프로그램의 hhsit.tistory.com 즉, 노드를 통하여 다양한 자바스크립트 애플리케이션을 실행할 수 있으며, 서버를 실행하는데 많이 사용되는 것이다. ▪ No..
-
[JavaScript] JavaScript Engine / Runtime 개념 및 작동 방식 이해하기Language/JavaScript 2023. 7. 5. 16:52
📌 JavaScript Engine 과 Runtime 이해하기 ⚡ JavaScript 란 무엇인가? 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용되며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다. ⚡ JavaScript Engine 이란? 자바스크립트 엔진은 자바스크립트 코드를 해석하고 실행하는 인터프리터이다. 대중적으로 알려진 엔진은 구글의 V8엔진으로 Chrome Web Browser, Node.js 등에서 사용된다. 자바스크립트 엔진은 메모리 힙 ( 변수와 객체의 메모리 할당이 발생하는 곳 )과 콜 스택 ( 코드가 실행될 때마다 호출 스택..
-
[JavaScript] 동기(Synchronous) - 비동기(Asynchronous) / 블로킹(Blocking) - 논블로킹(Non-blocking)Language/JavaScript 2023. 6. 28. 17:34
📌 동기 ( Synchronous ) 와 비동기 ( Asynchronous ) 동기 방식은 요청한 작업에 대해 완료 여부를 따져 순차대로 처리하는 것이고,비동기 방식은 요청한 작업에 대해 완료 여부를 따지지 않고 다음 작업을 수행하는 것이다. ⚡ Synchronous 동기 방식은 서버에서 요청을 보냈을 때, 응답이 돌아와야 다음 작업을 수행하는 것이다. ▪ 요청과 결과가 한 자리에 동시에 나타나는 것으로 사용자가 서버로 요청을 보냈을 경우 요청에 대한 응답을 리턴 받기 전까지 다른 작업을 수행하지 않고 대기한다. ▪ 장점 : 설계가 간단하고, 직관적이다. ▪ 단점 : 요청에 대한 결과가 반환되기 전까지 대기해야 한다. ⚡ Asynchronous 비동기 방식은 서버에서 요청을 보냈을 때 응답 상태와 관계없..