본문 바로가기

개발일지/React

(18)
노마드 코더 - ReactJS 로 영화 웹 서비스 만들기 #3 State 이 포스팅은 https://nomadcoders.co/react-for-beginners 강의를 보며 작성하였습니다. #3 State 이번에는 React에서 변수의 동적 제어를 하기 위해 State에 대해 공부하였다.기존의 코드에서 counter의 변수를 증가시켜 준 후에 rerender을 통해서 페이지의 바뀐 부분을 변경해 주었다. 하지만, 변수와 함수가 많아지면 관리해야 하는 코드의 양도 늘어나고 실수도 늘어날 수 있다. 따라서 use.State함수를 통해 자동으로 state의 값이 변하면 rerender 해줄 수 있다.const [vlaue, setValue] = React.useState(""); 위와 같이 React.useState() 함수를 이용하여 state 선언을 할 수 있다. 함수의 첫 ..
React를 배워보자(feat. 노마드 코더 - ReactJS 로 영화 웹 서비스 만들기) 기존에 Spring Boot를 이용한 서버와 API를 만들었고 프론트단을 JSP와 Thymeleaf를 사용해서 동적인 부분을 처리하는 서비스를 구현했었다. 하지만, Refresh token으로 인한 JWT token의 교체를 구현하는데 어려움이 있었고 동적인 View를 구성하는 데 있어 예전 팀프로젝트에서 사용했던 React를 배워보려고 한다.   강의를 찾아보다 노매드 코더의 무료강의가 눈에 띄어 찾아들어보게 되었다.https://nomadcoders.co/react-for-beginners 우선, 첫 번째로 기존의 html과 JS를 이용하여 동적인 구조를 살펴보았다. Total clicks : 0 Click me기존의 방식은 html 문서 생성 -> 에 contents와 button생성 -..