[React]

JS의 Event 중 button과 함께 자주 쓰이는 onClick Event가 있다.버튼이 클릭되면, 그에 따른 function을 호출하여 실행시키는 이벤트이다. 아래의 쉬운 예시를 통해 알아보자당연히 버튼을 누르면, console에 clicked! 를 출력한다는 것

앞서 useState를 통해 React를 재호출하여 JSX를 재평가하는 동작에 대해 알아보았다. 이제, state를 활용하기 전, input값을 받아 처리하는 방식에 대해 알아보고자 한다.사용자의 keystroke의 변화에 따라 input값을 수신해보자onChange

React에서 styling 할 때, 일반적으로 별도의 파일에 style을 정의해놓고, React 컴포넌트 파일에서 해당 CSS 파일을 import하여 적용한다. 그 다음, 해당 Element에 className 속성을 이용해서 import된 CSS 파일에 정의된 스타

하단의 예시를 매우 간단히 요약하자면, 로그인 시 쿠키에 저장하는 userId값을 이용하여 유효성을 판별하고이에 따라 조건부 렌더링을 구현하고자 삼항연산자를 이용해 아래와 같은 코드를 구성했었다.하지만 아래와 같은 Hydration Error를 발생시켰다. 서버와 클라