# react-basic

15개의 포스트
post-thumbnail

React Basic : Husky

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

2022년 2월 21일
·
0개의 댓글
post-thumbnail

React Basic : Prettier

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

2022년 2월 14일
·
0개의 댓글
post-thumbnail

React Basic : ES Lint

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

2022년 2월 9일
·
0개의 댓글
post-thumbnail

React Basic : Create-React-App

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

2022년 2월 5일
·
0개의 댓글
post-thumbnail

React Basic : Component Lifecycle

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

2022년 2월 4일
·
0개의 댓글
post-thumbnail

React Basic : 이벤트 핸들링

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

2022년 2월 4일
·
0개의 댓글
post-thumbnail

React Basic : Props와 State

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

2022년 1월 28일
·
0개의 댓글
post-thumbnail

React Basic : JSX

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

2022년 1월 22일
·
0개의 댓글
post-thumbnail

React Basic : 컴포넌트 만들기

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

2022년 1월 22일
·
0개의 댓글
post-thumbnail

React Basic : DOM과 Element

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

2022년 1월 22일
·
0개의 댓글
post-thumbnail

React Basic : React 개요

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

2022년 1월 22일
·
0개의 댓글
post-thumbnail

TIL 24 | [React 기초] map 함수 적용 시 key props를 부여하는 이유

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

2021년 4월 4일
·
0개의 댓글

React란 무엇인가

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

2021년 2월 2일
·
0개의 댓글
post-thumbnail

React - JSX

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

2021년 1월 15일
·
0개의 댓글

[React.JS] JSX, props, state 학습하기

JSX에 대해 알아보기

2020년 12월 17일
·
0개의 댓글