본문 바로가기
반응형

리액트 시작하기4

[React 배워보기] 5. React의 State 개념 더 알아보기 / state의 특징과 활용 / stateful component와 stateless component 뒤늦은 React 배워보기 시리즈 옛날옛적에 배워놓고 필기는 잘하면서 복습을 2년 뒤에 하는 게으르면서도 부지런한 느낌의 블로그 포스팅 간단 예제 페이지를 만들고, Component에 데이터를 전달하는 props의 특징과 사용방법을 알아봤다면 이제 또 다른 데이터 형태인 state 개념을 더 자세히 알아보고 이를 이용한 추가 실습을 해보려고 한다. 이 개념을 제대로 알아두면 페이지의 데이터를 변경할 수 있으므로 데이터 통신이 가능한, 그러니까 우리가 원하는 웹사이트 구현에 좀 더 가까워질 수 있다. 이전 포스팅을 안보셨다면 짠 ojava.tistory.com/182 [React 배워보기] 4. React를 이용한 간단 예제 페이지 만들기 / Component에 값 전달하기 / props 특징 및 뒤늦은 .. 2021. 2. 16.
[React 배워보기] 4. React를 이용한 간단 예제 페이지 만들기 / Component에 값 전달하기 / props 특징 및 사용방법 뒤늦은 React 배워보기 시리즈 사실은 내가 배워놓고 복습하는 블로그 포스팅 React 개발을 위한 기초적인 개념 작성 이후, 간단 예제 페이지 만드는 과정을 공개한다. 아주 대환장 파티이므로 의식의 흐름 잘 따라오시길 참고로 지난번에 올렸던 글 첨부 ojava.tistory.com/181 [React 배워보기] 3. React 개발을 위한 기초 개념 블로그에 정리하겠다고 시리즈로 호기롭게 시작했다가 끝 맺지도 못한 글이 많은데, 그 중 하나인 React 배워보기 시리즈에 대해서 마저 정리해보려고 한다. 2019년에 배운 걸 2021년에 쓰니 케케묵 ojava.tistory.com [React 배워보기] 4. React를 이용한 간단 예제 페이지 만들기 Component에 값 전달하기 / props 특.. 2021. 2. 15.
[React 배워보기] 3. React 개발을 위한 기초 개념 블로그에 정리하겠다고 시리즈로 호기롭게 시작했다가 끝 맺지도 못한 글이 많은데, 그 중 하나인 React 배워보기 시리즈에 대해서 마저 정리해보려고 한다. 2019년에 배운 걸 2021년에 쓰니 케케묵어서 먼지 털다보면 볼 내용이 없을 수도 있다. 이미 정리된 글이 있어서 정제해서 옮겨 담기만 하면 되는데 안하고 있다가 지금 굳이 하는 이유는 (귀찮아서 안했겠지만) SPA Framework 관련해서 프로젝트를 하게 될 거 같은데, 그 전에 이전에 배워뒀던거 복습하는 차원에서 다시 보면 도움되지 않을까 싶어 정리한다. 지난 번에 React 관련 기본 설정과 빌드 환경까지 세팅했고, 이어서 react를 이용한 간단한 웹 페이지를 만드는 예시를 만들기 위한 기초적인 개념에 대해 먼저 작성하고 이어서 간단한 예.. 2021. 2. 14.
[React 배워보기] 2. React 개발을 위한 기본 설정 React가 등장하게 된 개발환경의 변화와 React에 적용된 ECMA 2015에 대해서도 간략하게 알아보았으니, 이제 뭐라도 시작해보자. 개발툴을 설치하고 코딩한 내용을 브라우저에서 구동시킬 수 있도록 서버도 설치해보자. [React 배워보기] 2. React 개발을 위한 기본 설정 자, 첫번째로는 웹 어플리케이션을 만들기 위한 개발툴이다. 1. vs code https://code.visualstudio.com/ - 이름을 보면 알겠지만, visualstudio를 제공하는 Microsoft에서 제공한 툴이다. - 속도가 빠르고 Extension을 통해 기능 확장이 가능함 (Plug-in이 활발하게 추가되는 중) - Source Viewer로서 매우 편리함 2. Webstorm https://www.j.. 2019. 6. 24.
반응형