본문 바로가기

Framework5

React-Native로 안드로이드 앱 만들기 안녕하세요 오늘은 "리액트 네이티브로 앱 만들기" 입니다 ㅎㅎ깔아야할게 좀 많습니다만.. 잘 따라오시면 앱을 만드실 수 있을거에요!!> 환경설정1) Nodejs 설치아래 링크로 들어가 18 버전으로 설치해주세요!계속 다음 눌러서 설치해주세요~https://nodejs.org/en/download/prebuilt-installer Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2) VSCODE 설치아래 링크로 들어가 visual studio code 로 설치해주세요!얘도 계속 다음 눌러주세요~https://code.visualstudio.com/ 3) GIT.. 2024. 11. 20.
React-Native 프로젝트에 android 폴더가 없을 경우 리액트 네이티브 프로젝트에 android 폴더가 생성되지않아 한참 헤맸다..분명 여기에 android 폴더가 자동으로 생성된다는데 왜 없는건지ㅠ아래에 해결방법을 써놓았습니다!제가 떴던 오류는 이런 오류였습니다[ 오류 ]⚠️ The init command is deprecated.The behavior will be changed on 2024. 12. 31. (43 days).Switch to npx @react-native-community/cli init for the identical behavior.Refer to the documentation for information about alternative tools: https://reactnative.dev/docs/getting-started.. 2024. 11. 18.
[REACT] 리액트를 쓰는 이유와 리액트 기초환경 설정 개발환경 셋팅 1. 구글에 Nodejs 검색해서 LTS라고 써있는 버전을 설치합시다. - 13버전이하 아니면 17버전은 쓰면 안됩니다. - 설치 경로는 C드라이브 어쩌구 되어있는거 바꾸지말고 그대로 쓰는게 좋습니다. - 설치 중 chocolatey 어쩌구는 설치 안하셔도 됩니다. 2. Visual Studio Code 에디터도 구글에 검색해서 설치합니다. (기존 에디터 쓰셔도 되지만 터미널을 기존에 안다뤄본 분들은 필수) Q. 맥북은 다른가요? A. 다른거 없음 똑같습니다 리액트 프로젝트 생성은 1. 작업용 폴더를 하나 만들어줍니다 찾기좋게 바탕화면에 만드는게 어떨까요. 2. 폴더에 shift + 우클릭해서 여기서 powershell 열기를 누릅니다. 맥북은 손가락 두개 클릭해서 터미널열기 누르면 됩니다.. 2023. 7. 13.
[NODEJS] NODE.JS란 무엇인가? 핵심 개념 이해하기 노드가 무엇인지, 어디에 쓰이는지, 누가 쓰는지 알아보고, 노드의 핵심 개념을 알아봅시다. 이번 글에서는 노드와 관련된 코드는 나오지 않지만, 노드의 핵심 개념을 다루므로 꼭 읽어보길 바랍니다. 많은 노드 입문자가 핵심 개념을 충분히 이해하지 못한 채 코딩부터 시작하다가 어려움을 겪습니다. 만약 여러분이 이미 런타임, 이벤트 기반, 논 블로킹 I/O, 싱글 스레드 모델이 무엇인지 알고 있다면 다음 글로 넘어가도 좋습니다. 노드 공식 사이트에서는 노드를 다음과 같이 설명하고 있습니다. Node.js는 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임입니다. 대부분의 사람들은 노드를 서버로 사용하는 방법을 익히기 위해 정보를 찾지만 공식 사이트의 노드 소개글에는 서버라는 말이 .. 2023. 7. 13.
[NODEJS] express 모듈을 이용한 웹서버 구축 및 API 만들어보기 [기초설정] 1) NODE JS 설치 필요 2) npm init (초기 설정) 3) npm install express (설치) 4) npm install cors (설치) 5) node index.js (실행) [자바스크립트] index.js const express = require('express') //cors 설정을 위해 선언 var cors = require('cors') const app = express() const port = 3000 //cors 설정을 위해 사용 app.use(cors()) //root 페이지 app.get('/', (req, res) => { res.send('Hello World!') }) //API 실습 app.get('/sound/:name', (req, re.. 2023. 7. 4.