재준IT 재준IT

전체 글

• Api로부터 값가져오기(axios, setState,prop,map)

  React,JS,TS 2020. 5. 12. 17:30

  Read More
• 삼항 연산자, async await, axios

  React,JS,TS 2020. 5. 12. 14:45

  Read More
• component life cycle

  React,JS,TS 2020. 5. 12. 12:02

  https://reactjs.org/docs/react-component.html#componentdidmount

  Read More
• class Component, state

  React,JS,TS 2020. 5. 11. 16:38

  Read More
• React PropTypes

  React,JS,TS 2020. 5. 10. 21:53

  전달받은 데이터의 유효성을 검사한다. 전달받은prop가 내가 원하는 prop인지 확인하는방법. 1. npm i prop-types 설치 2. import 선언하기 3.food의 전달받은 prop가 내가원하는 prop인지 확인 isRequired는 필수인지 아닌지 체크 4. 경고메시지 prop는 image를 사용하지만 실수로 pic를 사용하면 콘솔창에서 경고메시지로 알려줌 그외에도 string, number 같은 타입도 체크할 수 있다.

  Read More
• React JSX+Props+map

  React,JS,TS 2020. 5. 10. 16:16

  - props를 이용해 부모가 자식에게 데이터를 보내는 방법 jsx에서는 component에 정보를 보낼수 있다. component를 계속해서 만들수 있고, 반복해서 재사용 할 수 있다. 두개의 소스는 같은 동작을한다. - map은 배열에 항목을 가져와서 사용한다

  Read More
• React 컴포넌트(Component)

  React,JS,TS 2020. 5. 10. 15:39

  - Components(컴포넌트), 1. React는 Components와 함께 동작한다. 2. Components 는 HTML를 반환하는 함수이다. 3. React는 Components를 사용해서 HTML처럼 작성하는 경우에 필요하다. 4. JS 와 HTML 조합을 JSX(React 개념) - Component 만들기 1. js파일 생성후 import React from 'react'; //항상 맨위에 추가 2. 함수 생성 3. export default Patato; 4. 컴포먼트 추가 ReactDom.render는 하나의 컴포넌트만 렌더딩 할수 있었는데 업데이트 된 후 여러개의 컴포넌트 사용가능

  Read More
• [VSCode]Visual Studio Code로 Git 사용하기

  React,JS,TS 2020. 5. 9. 16:43

  1. git init 2. https://github.com/new Build software better, together GitHub is where people build software. More than 50 million people use GitHub to discover, fork, and contribute to over 100 million projects. github.com 3. git remote add orgin 4. git add . 5. git commit -m "" 6. git push origin master

  Read More