본문 바로가기

프로그래밍245

Mac에서 react-native 개발환경 세팅하기 React Native는 iOS 및 Android 모바일 애플리케이션을 만드는 데 사용되는 JavaScript 기반의 프레임워크입니다. 이번에는 Mac에서 React Native 개발 환경을 설정하는 방법에 대해 알아보겠습니다. 1. Node.js 설치 React Native를 개발하기 위해서는 먼저 Node.js가 필요합니다. Node.js를 다운로드하려면 공식 웹사이트에서 다운로드 페이지로 이동하십시오. Mac OS 버전에 맞는 버전을 다운로드하고 설치하십시오. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Watchman 설치 Watchman은 파일 시스템 변경을 감지하고 해당.. 2023. 2. 27.
Windows에서 react-native 개발환경 세팅하기 React Native는 iOS 및 Android 모바일 애플리케이션을 만드는 데 사용되는 JavaScript 기반의 프레임워크입니다. 이번에는 Windows 운영체제에서 React Native 개발 환경을 설정하는 방법에 대해 알아보겠습니다. 1. Chocolatey 설치 Chocolatey는 Windows에서 패키지 관리를 위한 도구입니다. React Native 개발을 위해서는 Chocolatey가 필요합니다. Chocolatey를 설치하려면 PowerShell을 열고 다음 명령을 실행하십시오. Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net... 2023. 2. 27.
Windows 에서 Expo 개발환경 세팅하기 Expo는 React Native 애플리케이션 개발을 더욱 쉽게 만들어주는 도구입니다. 이번에는 Windows 운영체제에서 Expo 개발 환경을 설정하는 방법에 대해 알아보겠습니다. 1. Node.js 설치 Expo를 개발하기 위해서는 먼저 Node.js가 필요합니다. Node.js를 다운로드하려면 공식 웹사이트에서 다운로드 페이지로 이동하십시오. Windows 운영체제에 맞는 버전을 다운로드하고 설치하십시오. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Expo CLI 설치 Expo CLI를 설치하려면 Windows PowerShell을 실행하고 다음 명령을 입력하십시오. npm.. 2023. 2. 27.
MAC OS에서 Expo 개발환경 세팅하기 Expo는 리액트 네이티브 애플리케이션을 더 쉽게 만들 수 있도록 도와주는 프레임워크입니다. 이번에는 Mac에서 Expo 개발 환경을 설정하는 방법에 대해 알아보겠습니다. 1. Node.js 설치 Expo 개발을 위해서는 Node.js가 필요합니다. Node.js를 다운로드하려면 공식 웹사이트에서 다운로드 페이지로 이동하십시오. Mac OS 버전에 맞는 버전을 다운로드하고 설치하십시오. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Expo CLI 설치 Expo CLI를 설치하려면 터미널에서 다음 명령을 실행하십시오. npm install -g expo-cli 이 명령을 실행하면 E.. 2023. 2. 27.
VSCode의 Live Server확장 프로그램 https로 실행하기 Visual Studio Code의 Live Server는 기본적으로 HTTP 프로토콜을 사용합니다. 그러나 HTTPS를 사용하려면 다음과 같이 설정할 수 있습니다. 1. OpenSSL 설치: 먼저 OpenSSL을 설치해야 합니다. Windows에서는 OpenSSL을 설치하는 것이 상대적으로 간단합니다. OpenSSL을 설치하려면 OpenSSL 다운로드 페이지(https://slproweb.com/products/Win32OpenSSL.html)에서 Windows용 바이너리 파일을 다운로드하고 설치합니다. 2. 인증서 생성: 다음으로, 터미널에서 명령을 실행하여 인증서를 생성합니다. openssl req -newkey rsa:2048 -x509 -nodes -keyout key.pem -new -out .. 2023. 2. 22.
HTML body 태그안에 의미있는 영역을 설정하는 태그들 웹페이지에서 영역을 설정하는 혹은 layout을 구성하기 위해서 사용하는 태그들에 대해서 알아보겠습니다. 단순하게 div태그로 모두 해결을 할 수 있지만, 아래에 의미 있는(semantic) 태그들을 사용함으로써, 브라우저가 더 빨리 해석하고, SEO(Search Engine Optimization: 검색 최적화)에 적합한 태그를 구성함으로써, 검색에 좀 더 잘 노출될 수 있도록 할 수 있습니다. 기본 Layout HTML권고 사항에 따른 body태그 안의 기본 Layout 구성은 아래와 같습니다. header는 우리말로 머리말, footer는 꼬리말이라고 생각하시면 될 것 같습니다. main에는 이 페이지의 주요 내용이 들어갑니다. header에는 보통 로고와 이 페이지에 들어있는 핵심 콘텐츠를 나열한.. 2022. 9. 22.
반응형

티스토리툴바