React

component 1. 가독성을 획기적으로 올릴수있다. 2. 재사용성이 높아진다. 3. 유지보수가 편리해진다.

리액트 컴포넌트에서 다루는 데이터는 두개로 나뉜다. state 와 props(“properties(속성)”의 줄임말) props 는 부모 컴포넌트가 자식 컴포넌트에게 주는 값. 자식 컴포넌트에서는 props 를 받아오기만하고, 받아온 props를 직접 수정 할 수

constructor() 1등 render() 2등 스테이트에 변화가 생길때마다 랜더한다. componentDidMount() 3등 최초로 1번만 실행한다.fetch("https://jsonplaceholder.typicode.com/users") f

1차 프로젝트를 하면서 목데이터의 중요성을 느끼고벨로그를 작성하고있다..그냥 혼자 하드코딩으로 페이지를 만들때처럼 내가 원하는대로 맡은 페이지를 코딩하고있었다 이렇게 작성하고 백앤드한테 API를 받고나선 멘붕이 왔다.....내가 작성한 코드를 수정 OR 갈아엎어야하는

항상 여러개의 함수로 관리하던 기능을 이번 시간에 하나로 합쳐보는 방법에 대해 알아보자 역시 코드는 길어질수록 지저분해진다 이런걸 깔끔하고 짧게 줄여주는것이 코딩의 실력 !!! 이렇게 줄여줄수 있다.

import React, { Component } from "react";import { Link } from "react-router-dom";import "./SignIn.scss";class SignIn extends Component { state = {

전체삭제 버튼을 누를시 백엔드 서버에 삭제를 요청 carts에 담긴 상품들을 \[]로 초기화 시킨다.

class Detail extends React.Component { constructor(props){ super(props); this.state ={ search:false }; }논리 연산자를 이용한 조건으로

javascript내에서 css속성을 사용 가능하게 만들어주는 CSS-in-JS 라이브러리이다$ npm install --save styled-componentsconst {내가 원하는 component이름} = styled.{태그이름} \`\`;component이름은

CSR(Client Side Rendering) 최초에 1번 서버에서 전체 페이지를 로딩해서 보여준 뒤 이후엔 사용자의 요청에 따라

Create React App은 React 배우기에 간편한 환경입니다. 그리고 시작하기에 최고의 방법은 새로운 싱글 페이지 애플리케이션 입니다.이것은 개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 프로덕션 앱 최적화를 해줍니다.