ReactJS로 영화 웹 서비스 만들기

1일차 2-2 리액트의 동작 원리를 row단계에서 알아보는 시간 react js interactive한 어플리케이션을 만들어주는 library react-dom react element를 html body에 둘 수 있게 해주는 library render re

2일차 2-3 vanilla js에서 하던 방식을 간단하게! property에서 event listener 등록하기 vanilla js react js vanilla js에서는 html을 적고, 해당 html을 가져와서 클릭 함수를 만들고 이것을 이벤트 리스너로

3-0 state 개념 이해하기 1 - 함수 호출로 리렌더링 안 좋은 방식과 좋은 방식 안 좋은 방식 : 함수 호출로 리렌더링 버튼을 클릭할 때마다 클릭 수가 증가하는 간단한 화면을 만들었다. vanilla js에서는 body와 span이 전부 업데이트된다. 그

4일차 4-0 props 이해 props가 필요한 상황 위와 같이 직접적으로 css를 준 버튼을 똑같은 스타일로 글자만 바꿔서 만들고 싶다면 어떻게 해야할까? 물론 css로 button 태그 전체에 스타일을 준다던지, 또는 class 값을 부여한다던지 해서 위와 같

5일차 5-0 Create React App을 이용해 React 편리하게 시작하기 우리는 지금까지 cdn을 적용하는 방식으로 직접 react를 구축했지만, npm방식으로 react의 초기세팅을 편리하게 시작할 수 있다. nodejs 다운받기 npx install n

6일차 6-1 effect 이해하기 effect란? 전 포스팅에서 memo를 언급했었다. state가 하나라도 바뀌면 컴포넌트 자체가 통째로 리렌더링 되는 상황때문에 사용하는 기능이었다. effect는 memo와 아주 흡사한 기능이다. effect는 실행 시점을 결

지금까지 배운 것들을 활용하여 간단한 to do list를 만드는 수업이다.전체 소스화면소스 설명우선, 이 소스에는 두 개의 state가 사용되었다. toDo는 인풋에 들어간 벨류값을 담는 주머니 역할을 하는 state이고,toDos는 toDo 벨류가 모인 배열이다.o

8일차 7-2 coin tracker 만들기 이번 강의에서는 비트코인의 현재 가격을 볼 수 있는 api를 가져와 띄우는 실습을 했다. 그리고 그것들을 select로 만들어서 달러를 입력했을 때 얼마나 살 수 있는지 체킹할 수 있는 기능을 과제로 받았다. 아래는 내가