패스트캠퍼스 챌린지 7일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

2022. 1. 30. 20:14공부/패스트캠퍼스

수강 인증샷


패스트캠퍼스 챌린지란?

 패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.


7일차

 7일차에는 Part 1. React 기초 Ch 01. React 맛보기 강의 챕터에서 10. 이벤트 핸들러 써보기 1과 11. 이벤트 핸들러 써보기 2 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 01. React 맛보기 강의 챕터에서 10. 이벤트 핸들러 써보기 1 강의와 11. 이벤트 핸들러 써보기 2 강의에서는 먼저, Vanilla JS의 이벤트 핸들러인 addEventListener에 대해서 알아보고 그다음 React의 이벤트 핸들러를 알아보는 시간을 갖는다. Vanilla JS의 이벤트 핸들러인 addEventListener들의 특징은 모두 소문자로 이루어져 있다는 것이다. 예를 들어, onclick, onmouseout, onfocus, onblur와 같이 모두 소문자이다. 하지만 React JS는 모두 소문자는 아닌 Camel Case로 이루어져 있다는 것이 특징인데, 예를 들어 onClick, onMouseOut, onFocus, onBlur와 같이 이루어져 있다. 여기서 Camel Case란 첫 자는 소문자로 시작하지만 다음 단어가 올 때 대문자를 붙여 시작하는 것이 Camel Case의 특징이다. Camel Case처럼 여러 가지 Case들이 있는데 단어마다 대문자로 시작하는 파스칼 케이스(OnClick) 단어 사이에 '-'를 붙이는 케밥 케이스(on-click) 단어 사이에 '_'를 붙이는 스네이크 케이스(on_click) 같은 것들이 존재한다.

 


본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 


패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC