분류 전체보기304 React의 API호출 fetch('https://api주소') ← "fetch란 가져오다" .then(response => response.json()) ← "다음에 ~을 하겠다" | 가지고 온 데이터는 response 인자로 받는다. response를 json파일의 형태로 변환. .then(json => console.log(json)); ← "다음에 ~을 하겠다" ↓결과 { "userId" : 1, "id" : 1, "title" : "hi how are you" "completed" : false } class ApiExample extends React.Component { ** class형 컴포넌트는 props를 기본적으로 가지고 있기 때문에 constructor()를 통해 props를 "초기화" 해야 한다. ① c.. 2020. 9. 2. React Hooks: "useState" useState함수는 배열값을 리턴한다 그리고 useState함수 안에 배열에는 2개의 값만 존재고 2개만 사용할 수 있다. 하나는 초기값([value] Primitive data type: undefied), 나머지 하나는 함수([update the value] f())이다. [Hook을 사용한 방식] Using State Hook import React, { useState } from 'react'; ← useState를 불러온다. function Example() { // 새로운 state 변수를 선언하고, count라 부르겠습니다. const [ count, setCount ] = useState(0); ← 변수(count) 초기값은 '0'이다. setCount는 변수(함수형)이다. return.. 2020. 9. 2. JavaScript 정보 (ES6: ECMAScript) https://beomy.tistory.com/category/JavaScript 2020. 9. 2. ECMAScript 와 JavaScript의 차이점 https://sustainable-dev.tistory.com/105 👀 들어가기 전에 알아보기 컴파일러 고급언어로 쓰인 프로그램이 컴퓨터에서 수행되기 위해서 컴퓨터가 이해할 수 있는 언어로 바꿔주어야 한다. 이러한 일을 하는 프로그램을 컴파일러라고 한다. 컴파일러는 소스를 한꺼번에 한 번만 읽고 분석한다. 인터프리터 컴파일러는 소스를 한 번에 기계어로 변환시키지만, 인터프리터는 코드 한 구문씩 기계어로 해석해나가면서 실행하는 프로그램이다. 스크립트 언어 스크립트 언어는 컴파일 과정을 요구하지 않는 언어이다. 예를 들면 C나 JAVA 같은 경우 작동하기 전에 컴파일이 필요하지만, 스크립트 언어인 JavaScript나 PHP는 컴파일이 필요하지 않다. 일반적으로 컴파일된 프로그램은 한 번에 기계어로 번역.. 2020. 9. 2. import & export import 외부 스크립트 또는 외부 모듈의 export된 함수, 객체를 가져오는데 사용됩니다. import는 모든 브라우저에서 기본으로 제공되지 있지 않기 때문에, Traceur Compiler, Babel, Rollup, Webpack과 같은 별도의 트랜스파일러와 함께 사용되어야 합니다. https://beomy.tistory.com/22 1. 문법 import name form "module-name"; import * as name from "module-name"; import { member } from "module-name"; import { member as alias } from "module-name"; import { member1, member2 } from "module-name.. 2020. 9. 2. 리엑트 TIP! 1. 컴포넌트 자동 import하는 방법. 우선 불러오고자 하는 컴포넌트를 부모 컴포넌트 안에서 입력!! 그리고 ctrl + space를 누르면 연결고리 모양이 나온다. 클릭하면 상단에 자동 임포트됨. 2020. 8. 31. 이전 1 ··· 44 45 46 47 48 49 50 51 다음
