개발새발 민다니

본 포스팅은 프로젝트 회고를 목적으로 작성되었습니다.  프로젝트 결정 계기  이번 프로젝트는 을 주제로 한 개인 학습 및 경험 확정을 목표로 진행되었습니다🫨🫨  본래 남은 5주간 블로그를 직접 개발할 계획이었지만, Gastby와 같은 템플릿들을 살펴본 결과 생각보다 제공되는 기능이 풍부해, 제가 직접 구현하고 학습할 요소가 적다는 결론에 이르렀습니다.  이에 따라 블로그 개발에 바로 들어가기보다는, TypeScript에 대한 이해도를 한층 더 높일 수 있는 다른 프로젝트를 먼저 진행하기로 했습니다. React 순차적 계산기: TypeScript로 마이그레이션본 포스팅은 프로젝트 회고를 목적으로 작성되었습니다.프로젝트 결정 계기  본 프로젝트는 학교에서 진행하는 진로탐색학점제의 일환으로,  [실전 Ty..

1. 이벤트 처리의 차이 React와 vanillaJS의 이벤트 처리 방식은 유사하다. 다만 문법에서 몇 가지 차이가 나는데, ✔️ React의 이벤트는 camelCase로 작성할 것 ✔️ 문자열이 아닌 중괄호로 이벤트 핸들러에 전달할 것 예시를 들어보자. 일반 HTML은 다음과 같다. Add Count 반면 React는 중괄호를 이용한다. Add Count 이 정보를 바탕으로 버튼을 클릭하면 숫자가 증가하는 동적 이벤트 처리를 만들어보자. 간단한 이벤트 처리므로 화살표 함수를 활용했다. { count++; }}> Count 2. useState 리액트는 변경될 state를 미리 알려주기 위해 useState를 사용해야한다. 컴포넌트가 동적인 반응을 할 경우에는 useState를 사용해 상태를 관리해야한..