Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- materialicons
- 상속
- Next.js
- 배열중복요소제거
- generic
- Spring
- app.post
- set
- javascript
- array
- 이진탐색
- map
- 슬라이딩윈도우
- 스크롤이벤트
- err_connection_refused
- mainapplication.kt
- TS
- 타입스크립트
- npm에러
- 안드로이드빌드에러
- async
- 리액트네이티브아이콘
- react
- Filter
- extends
- reactnative error
- interface
- app:compiledebugkotlin
- forwardref type
- reactnative
Archives
- Today
- Total
목록react (2)
rhanziy
React - 이미지 넣는 방법 3가지
1. css 클래스 네임 주고 background주기 2. html안에서 style속성으로 url 넣기 import bg from './bg.png' function App(){ return ( ) } 3. 하던대로 img 태그 src로 경로지정( 외부 이미지는 절대경로 그대로 작성) 상품명 상품정보 4. public 폴더에 파일 밀어넣고 이미지 경로 사용(import 안해도 된당) //권장되는 형식 하위 경로에 배포하면 파일을 못찾을 수도 있으니 홈페이지 URL 기재 권장!
React
2022. 11. 22. 14:57
react. Todo 리스트
HTML 삽입 미리보기할 수 없는 소스 리액트를 사용해 Todo리스트를 구현했다. 입력폼에 입력할 toDo state와 리스트를 구현할 toDos state를 생성해서, toDo를 입력하고 onSubmit버튼을 누르면 setToDos(currentArray => [toDo, ...currentArray]); 입력폼에 입력한 toDo + 누적된 toDo들로 새로운 배열을 만든다. 여기서, ...currentArray는 배열을 풀고 문자열을 나열함! 이제 이 값을 li로 뿌려준다. 리액트는 기본적으로 list에 있는 모든 item을 인식하기 때문에 key를 넣어 고유하게 만들어줘야 한다. map의 첫 번째 argument는 배열의 data, 두번째는 index 즉, 숫자를 의미한다. 다른 array func..
React
2022. 3. 11. 16:55