[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 21회차 미션 - 30강 React useState를 통해 컴포넌트의 바뀌는 값 관리
useState 웹에서 동적인 일이란, 사용자 인터렉션에 따라 값이 바뀌는 것을 말한다. react 16.8 이전에는 함수형 컴포넌트에서 상태를 관리할 수 없었는데 react 16.8이후 부터 Hooks를 통해 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었다. useState라...
Recent Posts
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 20회차 미션 - 30강 React props, 조건부 렌더링
props props란? properties의 준말이다. 컴포넌트를 사용하게 될 때 특정 값을 전달해야하는 상황이 생기는데 이때 props를 사용한다. 아래 코드로 한번 확인해보자. 먼저 App.js를 아래와 같이 고쳐본다.
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 19회차 미션 - 30강 React component, JSX
첫 컴포넌트 만들어보기 자, 이제 생성한 우리의 리액트 프로젝트에서 src안에 Hello.js라는 컴포넌트를 하나 만들어보자. 그리고 그 안에 아래와 같이 써준다. ```javascript import React from ‘react’;
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 18회차 미션 - 30강 React 입문
드디어 리액트! 노마드코더에서 살짝 다뤄봤긴 했는데 다시 초심으로 돌아가서 차근차근 배워보자! 나는 영상을 보고 내가 기억해야할 만한 것들을 이곳에 기록하겠지만 여기 👉🏻velopert님 블로그에 들어가면 강사님께서 더 자세히 정리해주신 문서가 있다. 참고하도록 하자
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 17회차 미션 - 29강 html과 js연동
보통 html에서 인터렉션이 많을 경우에는 js에서도 react, vue, angular등을 쓰는 편이다. 그렇지만 기본적으로 vanilla JS로도 어떻게 구현할 수 있는지 기초는 알아두어야 활용이 원활하다. 증감버튼 만들기 그럼 먼저 + / - 버튼을 클릭하면 수량을 증감시키는...