React7 React - Intro 1. Web Application 웹 애플리케이션 또는 웹 앱은 소프트웨어 공학적 관점에서 인터넷이나 인트라넷을 통해 웹 브라우저에서 이용할 수 있는 응용 소프트웨어를 말한다. 일반적으로 특정한 종류의 동적 웹 애플리케이션을 구별하는 것은 불분명하다. 웹사이트는 대개 "웹 애플리케이션"을 가리킬 가능성이 높은데, 데스크톱 응용 소프트웨어나 모바일 앱과 비슷한 기능을 갖추고 있기 때문이다. HTML5는 웹 페이지로 로드되는 애플리케이션을 만들 수 있는 명시적인 언어 지원을 도입하였으나 로컬로 데이터를 저장하여 오프라인 상태에서도 기능할 수 있다. 초기의 클라이언트 - 서버 컴퓨터 환경에서 각 응용 소프트웨어들은 저만의 사용자 인터페이스를 가지고 있고 사용자 PC마다 따로 설치해야 했다. 서버 환경이 바뀌면.. 2020. 6. 19. React - Props 1. Props란? React.js에서 props는 Immutable Data 즉, 변하지 않는 데이터이다. 상위(부모) component에서 하위(자식) component로 데이터를 넘겨줄 때 사용한다.(component에 전달해서 보관하길 원하는 데이터) 부모 객체가 자식 객체에 props 값을 전달하면, props 값을 받은 자식 객체는 이에 관한 부분들을 렌더링 하며, state라는 자체 값을 포함하여 데이터를 변경해주고, 다시 렌더링 해줄 수 있다. props는 개발에서 많이들 사용되는 용어인 프로퍼티(properties)의 줄임말이다. 만약 props의 값을 변경하고 싶을때는 component 내부가 아닌, 부모 component에서 변경해줘야 한다. 2. Props 사용 예 ↓ 부모객체에서 .. 2020. 6. 18. React - State(상태) 1. State란? state의 단어 뜻은 상태이다. 즉, component 내부에서 가지고 있는 component의 상태 값이다. 객체의 형태를 가지고 있으며, component 내에서만 정의하고 사용 가능하며, 얼마든지 값이 바뀔 수 있다. 2. State 설정 (클래스형 component에서 설정방법) class State extends Component { constructor(){ super(); this.state = { testColor: "brown", titleColor: "blue", test: true, }; } render() { return( //// JSX 내용 //// ); } } 클래스형 컴포넌트 안에는 기본적으로 render 함수가 필요하고 화면에 나타내고 싶은 JSX 요소.. 2020. 6. 17. 이전 1 2 다음
