# react-basic

kite1993

이번 글에서는 CRA 세팅과 관련하여 Git hooks를 다룰 수 있는 husky를 다뤄볼 생각입니다. 앞서 소개한 ES Lint나 Prettier처럼, CRA 개발 환경이 아니더라도 매우 유용한 패키지입니다.

kite1993

ES Lint에 이어서, 내 코드의 포맷팅을 도와주는 Prettier를 더 자세하게 다뤄봅니다.

kite1993

CRA에는 ES Lint 기능이 내장되어 있습니다. 코드의 안정성을 높히고 퀄리티를 보장해주는 유용한 도구입니다. ES Lint가 정확히 무엇인지 알아보고, 어떻게 사용하는지 짚어보겠습니다.

kite1993

이번 글부터는 실제 React 프로젝트를 위해 개발 환경을 구성하는 내용을 담을 예정입니다. 저처럼 이제 막 React 개발을 입문하시는 분들에게 조금이나마 도움이 되었으면 좋겠습니다.

kite1993

오늘 글에서는 저번 시간에 간략하게 배웠던 컴포넌트의 생명 주기에 대해 알아보려고 합니다. 이걸 왜 알아야 하는지, 알고 나면 어떻게 써먹을 수 있는지 찬찬히 배워보겠습니다.

kite1993

자바스크립트에서 이벤트 관리를 했던 기억나시나요? React에도 당연히 이벤트를 다루는 기능이 마련되어 있습니다. 이벤트를 다룰 수 있어야 진정한 의미의 동적인 웹 개발이 가능한 만큼, React의 이벤트 핸들링에 대해 알아 보겠습니다.

kite1993

컴포넌트 때 언급했던 props와 state는 React 내에서 다양한 동적 변화를 만드는 데 아주 중요한 개념입니다. 한번 같이 파헤쳐 봅시다.

kite1993

저번 글에서 복잡한 Element들을 만들기 위해 작성한 코드 기억 나시나요? 엉망진창인 코드를 JSX를 쓰면 훨씬 깔끔하게 작성할 수 있습니다.

kite1993

저번 글에서 간단한 예시를 바탕으로 createElement와 render()를 사용해보았습니다. 이제 이를 바탕으로 React의 핵심인 컴포넌트를 만들어 볼 차례입니다.

kite1993

저번 글에서는 React라는 프레임워크의 간략한 컨셉에 대해 다루어 보았습니다. 이번에는 React 내에서 DOM과 Element를 다루는 방법을 알아보겠습니다.

kite1993

React Basic 시리즈는 React의 기초 개념들을 정리하는 시리즈입니다. 최대한 실제 코드 및 예시를 위주로 작성할 생각이고, 공식 문서의 개념도 요약해서 반영해 보려고 합니다.

elena_park

기존에 JavaScript로 구현한 Westagram을 React로 이전하는 작업 진행 중 주어진 assignment로 댓글 기능을 구현하던 도중, 두번째 이미지와 같은 warning 메세지를 받았다. 메세지를 보니 <ul> 및 <li> 태그를 사용할 때 l

iambom

React는 Front-end Library이다. "컴포넌트"라는 개념에 집중이 되어 있는 라이브러리이다. 컴포넌트에 데이터를 넣으면 우리가 지정한 UI를 조립해서 보여준다. HTTP 클라이언트, Router, 상태 관리 등의 기능들을 내장하고 있지 않아 가볍고 공식

cush_wa

React에 대해 조금 더 깊게 알아보는 프로젝트 제 1화 JSX

grinding_hannah

JSX에 대해 알아보기