Language
-
[React] React 란 무엇인가? ( Component 란 ? )Language/JavaScript 2024. 11. 27. 16:33
📌 목차 - React 란 무엇인가? 📌 React 란 무엇인가 ? React 는 사용자 인터페이스를 구축하기 위한 유연한 JavaScript 라이브러리이다.React 는 프레임워크가 아니며, 웹에서만 사용할 수 있는 것도 아니다.또한 React 는 다른 라이브러리들과 함께 특정한 환경을 렌더링할 때도 사용된다.에를 들어, React Native 는 모바일 App 을 만드는데 사용되고 React 360 은 가상 현실 App을 만드는데 사용된다.React 는 Component 라고 불리는 코드의 단위를 이용하여 렌더링 되는데 이것들이 모여 복잡한 UI 를 구성할 수 있다. ⚡ Component- React 의 꽃이라고 불리는 Component 는 앱일 이루는 최소한의 단위라고 볼 수 있다.- ..
-
[Java] Lombok 이란?Language/Java 2023. 10. 27. 12:34
📌 목차 - Lombok 이란? - Lombok 사용법 - Lombok 장점 및 단점 📌 Lombok 이란 무엇인가? Lombok 이란 Java의 Library 중 하나로 개발 시간과 에포트를 절약하고 가독성을 증가하기 위하여 표준 코드(반복되는 메소드 등)를 Annotation을 사용하여 최소화하거나 제거하는데 사용되는 라이브러리이다. 쉽게 말해 보통 DTO, Model, Entity 의 경우 여러 속성이 존재하고 이들이 가지는 프로퍼티에 대해서 Getter나 Setter, 생성자 등을 매번 작성해줘야 하는 경우가 있다. Lombok은 이러한 부분을 Annotation 으로 사용함으로서 자동으로 만들어주는 라이브러리이다. Lombok을 이용해서 작성한 코드는 컴파일 과정에서 Annotation을 이용해..
-
[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 비동기 방식은 서버에서 요청을 보냈을 때 응답 상태와 관계없..
-
[Java] Project 생성 및 구조Language/Java 2023. 2. 1. 17:08
(●ˇ∀ˇ●) 새로운 마음으로 공부하고자 마음 먹은 1일차 오늘은 이클립스 Java Project 의 구성, Java Directory 의 구조에 대해서 공부를 해보려고!! 이클립스에서 자바를 프로젝트를 사용할 때, 매번 만들어져있는 프로젝트를 이용하거나 아무 생각 없이 이용을 했던 것 같아. 나만 그랬나..?;;ㅎ 가끔 프로젝트 환경설정이나 구조에 관련된 에러들을 맞닥뜨려서 헤매거나 이 폴더는 어떤 역할을 하는지 궁금할 때가 있었는데 이번 기회에 정리를 해보려고 해. 시작하기에 앞서서 움.. 코테 공부해서 돌려볼 자바 프로젝트를 하나 만들어보려고 (나중에 Git 도 정리해봐야겠어..!) Eclipse Project 생성 JDK 버전 확인하고, Working sets 확인하고 일단 생성을 하긴 했는데, ..