분류 전체보기
-
[CS] Web Server 와 WAS 란?CS 2023. 10. 31. 20:06
1. Web Server 란? (Stacic Pages) - 웹 브라우저(클라이언트)로부터 HTTP 요청을 받아 정적 컨텐츠(HTML, 이미지, css 등)을 제공하는 프로그램 1-1) Web Server의 기능 - HTTP 프로토콜을 기반으로 하여 클라이언트의 요청을 서비스 하는 기능을 담당한다. 기능 1) 정적인 컨텐츠 제공, WAS을 거치지 않고 바로 자원을 제공한다. 기능 2) 동적인 컨텐츠 제공을 위한 요청 전달, 클라이언트의 요청(Request)을 WAS에 보내고, WAS가 처리한 결과를 클라이언트에게 전달(응답, Response)한다. .1-2) Web Server의 예 - Apache Server, Nginx, IIS(Windows 전용 Web 서버) 등 2. WAS(Web Applicat..
-
[React-Native][Error] 리액트 네이티브에서 Gem::GemNotFoundException Error, Gem::FilePermissionError해결하기React-Native/Error 2023. 6. 6. 16:50
에러 해당 프로젝트에서 pod install을 했을때 발생한 오류입니다. 이 에러는 RubyGems가 cocoapods gem 을 찾을 수 없다는 것을 나타냅니다. 원인 1. cocoapods gem이 설치가 되어있지 않을 경우 2. cocoapods gem의 버전이 맞지 않을 경우 3. RubyGems가 cocoapods를 찾지 못하는 경우 해결방안 // 프로젝트 최상위 경로 $ bundle install $ gem install cocoapods // ios 경로 $ pod install bundle install OR gem install cocoapods 할 때 생길수 있는 오류 gem을 사용해서 문제를 해결할려고 했으나 아래와 같은 오류가 발생하였습니다. 아래의 오류는 gem의 권한에 관한 오류..
-
[JS] forEach 와 async/await 같이 사용하면 안되는 이유React-Native/javaScript 2023. 6. 3. 21:21
JS에서 forEach와 async/await를 같이 사용을 하니까 리턴된 값이 빈 값으로 나오는 에러가 발생하였습니다. 이유 빈 배열이 나온 이유는 비동기적인 동작을 제대로 처리하기 못하였기 때문에 위와 같은 현상이 발생하였습니다. JS에서 forEach 메서드는 콜백 함수를 동기적으로 실행하고, 비동기 작업을 기다리지 않고 다음 요소로 넘어갑니다. 그리고 async/await는 비동기적인 처리를 위한 문법이기 때문에 문제가 발생 할 수 있습니다. forEach 메소드 내부에 async/await를 사용하더라도 비동기 작업이 순서대로 처리되지 않고 병렬적으로 실행될 가능성이 높습니다. 해결 방안 for ... of 루프 나 for 루프를 사용하여 요소를 순차적으로 처리하는 것이 좋습니다. 위의 두개의 ..
-
[JS] Babel 이란?React-Native/javaScript 2023. 5. 28. 17:45
Babel이란? Babel은 자바스크립트의 최신 버전을 이전 버전과 호환되는 형태로 변환해 주는 도구입니다. 최신 자바스크립트 문법과 기능을 사용하여 코드를 작성할 수 있으며, Babel은 이를 이전 버전의 자바스크립트로 변환하여 구형 브라우저와의 호환이 되게 해주는 컴파일러 입니다. // Babel Input: ES2015 arrow function [1, 2, 3].map(n => n + 1); // Babel Output: ES5 equivalent [1, 2, 3].map(function(n) { return n + 1; }); Babel의 주요 기능 - 문법 변환 (Syntax Transformation) Babel은 최신 자바스크립트 문법을 지원하지 않는 환경에서도 코드를 실행할 수 있게 합니..
-
[Project] Typescript로 React Native 프로젝트 만들기 - 1project 2023. 4. 16. 15:49
지금 프로젝트는 React Native 70.0 이상, Typescript 6.12.10 이상인 최신 버전의 프로젝트를 만들어 보려고 합니다. 그래서 터미널에서 아래의 명령어로 프로젝트를 생성할려고 했습니다. // Typescript로 react native 프로젝트를 생성할 때 사용하는 명령어 npx react-native init [프로젝트 이름] --template react-native-template-typescript@6.12.10 위의 명령어를 하면 생성과 동시에 필요한 기본적인 라이브러리를 설치를 하는데 저는 설치하는 도중에 에러가 발생 하였습니다. 처음에는 대충 뭐가 문제이겠네 정로도 추측만 되는 상황이었습니다. (뭔가 ios에 적용하는 과정에서 문제정도로 생각...) 그래서 제가 직접 ..
-
[Flutter] Flutter 란?Flutter 2023. 4. 11. 23:23
1. Flutter 란? Flutter는 Dart 프로그래밍 언어를 사용하는 Google에서 만든 모바일 앱 개발 프레임워크입니다. 단일 코드베이스에서 iOS 및 Android 애플리케이션을 쉽게 구축할 수 있도록 설계되었습니다. Flutter는 핫 리로드 기능도 제공하여 개발자가 애플리케이션을 다시 시작하지 않고도 실시간으로 코드 변경 사항을 확인할 수 있습니다. 2. Flutter 장점 Drat 프로그래밍 언어로 Android, iOS, web까지 구현이 가능하며, 배우기가 쉽다. Flutter는 SKIA 엔진을 탑재하여 그래픽 라이브러리가 OS 종속성을 갖고 있지 않아 iOS, Android 모두 같은 스타일로 보여 준다. 핫 리로딩을 지원을 통해 변경된 코드의 반영을 실시간으로 확인이 가능하다. ..
-
[Network] HTTP와 HTTPS 란?CS 2023. 3. 16. 00:27
HTTP 란? Hypertext Transfer Protocol의 줄임말이며, 인터넷상에서 클라이언트와 서버 간에 데이터를 주고받을 때 사용하는 통신 규약입니다. TCP/IP 프로토콜 위에서 작동합니다. HTTPS 란? HTTP 프로토콜의 보안 강화 버전인 HTTP Secure의 줄임말입니다. SSL/TLS 인증서를 사용하여 데이터를 암호화합니다. HTTP와 HTTPS의 차이점 HTTP는 암호화되지 않은 데이터로 통신을 사용하고, HTTPS는 SSL/TLS 프로토콜을 사용하여 데이터를 암호화하여 통신합니다.
-
[React-Native][iOS][Error] Showing Recent Messages'/Users/hyeonsik/Library/Developer/Xcode/DerivedData/.../Build/Products/Debug-iphoneos/XCFrameworkIntermediates/FirebaseAnalytics/AdIdSupport/FirebaseAnalytics.framework/FirebaseAnalytics(FIRAEvent.o)' d..React-Native/Error 2023. 2. 13. 21:47
디바이스에 빌드하는 중에 빌드 실패와 같이 뜬 오류입니다. 해결방법 Xcode > 해당 프로젝트 > TARGETS > Build Settings > Build Options > Enable Bitcode를 NO로 바꿔준다. - 비트코드 란? 비트 코드는 컴파일 된 프로그램의 중간 표현입니다. 비트 코드를 포함하면 아이튠즈 커넥트에 업로드 앱은 컴파일 저장소에 연결됩니다. 비트 코드를 포함하면 애플 스토어에 앱의 새 버전을 제출할 필요 없이 미래에 앱 바이너리를 다시 최적화할 수 있고, iOS 앱의 경우 비트 코드 옵션은 선택 사항이고, watchOS 및 tvOS 앱의 비트 코드가 필수로 적용되어야 한다. - iOS Developer Library