웹앱7 [React] 간단한 날씨 웹앱 만들어보기 - React Native, Expo 배우는 방법 중 가장 좋은 방법은 일단 만들어보는 거라고 했다. 정말 인정 인정 또 인정하는 바! 전공 수업을 들을 때도, 실습을 하지 않는다면 내용을 내 것으로 만들 수 없었다. 리액트 문법을 대충 훑었는데,,, 어랍쇼? 꽤나 이해할 만 했다. 이 정도면 괜찮은 강의 하나만 있으면 만들어볼 만 하겠다는 생각이 들었다. 그래서 React Native로 아주 간단한 웹앱을 만들어보고자 한다. 참고할 영상은 노마드 코더님의 React Native Weather 2019 ! 연구와 과제와 작은 프로젝트까지 신경쓰려니 마음이 바쁘지만, (특히 프로젝트를 해본 적이 없는 나이기에 막막한 기분이 앞선다) 도전하지 않는 사람에게는 기회가 주어지지 않는다는 것을 떠올리며 시작해본다. React Native를 사용해 개.. 2021. 4. 4. [React] 간단한 웹-앱 만들기 - 기본 문법 공부 (1) 먼저.. App.js를 쳐다봤다. function App() 안에 return이 있고 그 안에 HTML 이 있다 (????!?!?!) 기본 문법을 익히며 사용해보는 중. *Javascript 생성 //Hi.js import React, { Component } from "react"; . . . export default Hi; 만약 새로운 javascript 파일을 만들 경우, 이렇게 import 와 동시에 export를 꼭 써주어야 한단다. (아직 뭘 import 해야할 지 잘 몰라서 컴포넌트 공부하기 위해 컴포넌트 임포트 해놓았음.) *Props 사용 //App.js import logo from "./logo.svg"; import "./App.css"; function App() { return.. 2021. 2. 15. [Node.js, React] 간단한 웹-앱 만들기 - Node.js 설치와 react 1. Node.js 설치 (nodejs.org/ko/download/) - 자바스크립트 런타임 프로그램. - 자바스크립트가 웹에서 실행되던 것과 달리, 서버에서 실행시키는 프로그램 - 비동기로 작동: 소스코드의 작동 순서가, 위에서 아래대로 순차 실행되지 않음 (작동 순서를 보장하지 않는 것) 2. npm 또는 yarn 설치 - npm: node package manager. node.js에서 사용하는 패키지 관리 또는 배포 위함 (node.js 설치하면 자동으로 설치 됨.) (python의 pip 개념) - yarn: javascript의 패키지 매니저. 3. react 설치 - cmd 관리자모드로 열어서 npm install -g create-react-app 로 react 설치. (-g 옵션은 글로.. 2021. 2. 14. 이전 1 2 다음
