profile
Frontend Developer
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개의 댓글
·