본문 바로가기

코리아 IT아카데미143

2일차 | react2 yarn 설치 $npm i yarn --global 프로젝트 생성 $yarn create react-app begin $yarn create react-app 폴더명 $npm install -g create-react-app cd 프로젝트 폴더로 이동 $yarn start 실행 React 란? 리액트는 페이스북사에서 만든 자바스크립트 라이브러리입니다. 페이스북에서 자체적으로 이용되고 있을 뿐 아니라 많은 웹 어플리케이션이 리액트로 만들어졌습니다. "리액트는 유저 인터페이스를 만들 수 있는 라이브러리입니다." -> 사용자에게 보여지는 UI 만들고 사용자가 클릭을 하거나 이벤트가 발생하게 되면 그 이벤트에 맞게 반응하도록 만들어진 라이브러리입니다. 복잡한 웹 어플리케이션을 만들 때 MVC 패턴을 사용합니다... 2022. 3. 7.
15일차 | 지금까지 한 것 다 합한 예제 //https://eva.design/ https://yts.lt/api/v2/list_movies.json?limit=20&page=1&sort_by=rating https://www.jsonschema2pojo.org/ Eva Design System Open Source Code Libraries No need to spend thousands of hours for implementation, testing and maintenance. Eva is supported by well known Angular and React Native UI component libraries. More to come. eva.design jsonschema2pojo Reference properties For e.. 2022. 3. 7.
14일차 | 레트로핏 사용 (http 통신을 할 수 있도록 도와주는) ?mode=LSD&mid=shm&sid1=104&oid=052&aid=0001709207 { "cds" :"news_media_PC" } 사이트 https://jsonplaceholder.typicode.com/ retrofit2 https://square.github.io/retrofit/ https://www.jsonschema2pojo.org/ https://www.data.go.kr/index.do 네트워크 통신 받기 jsonschema2pojo Reference properties For each property present in the 'properties' definition, we add a property to a given Java class according to the JavaBe.. 2022. 3. 4.
1일차 | react 기본 package-lock.json node 가 깔려 있는 pc에서 사용 가능한 명령어 - node.js 설치가 되었나? - npm/yarn 이 설치 되었는지? ▶ npm install --global yarn ▶ npm create-react-app 프로젝트명 ▶ npm start APP.js (에서 주로 작업) import로 연결 APP.js import React from "react"; import Hello from "./component/hello"; import Hello2 from "./component/hello2"; import Wrapper from "./component/Wrapper"; import "./app.css"; function App() { const name = 'appl.. 2022. 3. 3.