일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- SQL
- Python
- 서브쿼리
- NGINX
- view
- docker
- Wordpress
- Selenium
- pagination
- linux
- Ruby On Rails
- codeigniter4
- controller
- docker-compose
- laravel
- php
- ec2
- MySQL
- centOS7
- dockerfile
- AWS
- props
- ruby
- vue
- ubuntu
- Git
- react
- javascript
- imagemagick
- cron
- Today
- Total
목록props (2)
내가 한 노력들
저번 포스팅에서는 상위 컴포넌트에서 하위 컴포넌트로 값을 전달할 때 props를 사용했습니다. 여기서 주목할 점은 props는 오직 읽기만 가능한 값이라는 것입니다. React 공식 document에서는 두개의 코드를 예로들어 설명하고 있습니다. 값의 변경없이 읽기로만 사용되는 경우 function sum(a, b) { return a + b; } 함수가 실행되더라도 a와 b의 값에는 영향이 없습니다. 값의 변경이 있는 경우 function withdraw(account, amount) { account.total -= amount; } 함수가 실행되면 account.total의 값이 변경이 됩니다. props는 위의 두가지의 경우에서 전자에 해당하는 경우에만 사용할 수 있다는 것입니다. 하지만, 개발하..
저번 포스팅에서는 새로운 component를 생성했었는데, App과 Header 컴포넌트 사이에는 아무런 연관도 없이 각자가 독자적인 코드였는데, 동적인 페이지를 만들기 위해서는 서로간 데이터를 주고 받을 수 있어야 합니다. 그것을 할 수 있게 도와주는 것이 props입니다. props는 상위 컴포넌트에서 하위 컴포넌트로 값을 보내고 싶은 경우 사용이됩니다. 즉, 저번 component 생성하기에서 만들었던 App컴포넌트로부터 Header 컴포넌트로 값을 보내고 싶은 경우 App.js import React from 'react'; import Header from './components/Header'; import logo from './logo.svg'; import './App.css'; func..