| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
- spring
- frontend
- 정보처리기사 실기
- Node.js
- 리액트
- useState
- Authentication
- It
- 백엔드개발자
- JS
- 정보처리기사
- 웹개발자
- 큐넷
- security
- 스프링부트
- spring boot security
- 수제비
- 타입스크립트
- spring boot
- JWT
- Front-End
- TS
- 백엔드
- 자바스크립트
- Redux
- React
- TypeScript
- 프론트엔드
- VUE
- JavaScript
- Today
- Total
목록컴포넌트 (2)
솔적솔적
개발을 하면서 성능개선 힘쓰기에 돌입해보자. 우선 함수나 오브젝트일 경우에는 변수에 담아 쓰는 것이 좋습니다. 이름지어서 사용하는 경우가 좋은 이유는 메모리할당 때문인데, 콜백함수, 오브젝트형식들을 쓰면 사이트 재랜더링, 버튼 누를 때 함수로 쓰면 메모리할당이되어야하는데 성능적으로 문제가 있을 수 있기 때문, 또한 상황에 따라서 애니메이션을 줄 때 사이트에 레이아웃을 변경하거나 margin , width, padding(레이아웃 잡는 속성들)을 변경시키는데, 브라우저가 랜더링을 힘들어한다.(React뿐만 아니라 css자체의 기본 상식) 따라서 애니메이션을 줄 때 transform 속성을 되도록이면 사용하는 것이 좋다. 또한 App.js에 컴포넌트들을 import할 때 자바스크립트는 위에서부터 한줄씩 읽어..
안녕하세요. 저번 시간에 모달을 만들면서 Component의 장점을 배웠습니다요. Conponent를 만들면 한 묶음씩만든 것을 볼 수 있어 전보다 눈이 편하고 관리가 용이하다는 것, 그럼 단점은? → Component의 단점은, state를 바로 받아 사용할 수 없다는 것. 전에 만들었던 '아범'변수를 방금 만든 아범모달안에 데이터바인딩 할 수 있을까? 없다. 예) 아범은 변수x를 함수1()에다 선언을 한 것이므로 함수2() 안에 바로 데이터바인딩을 할 수 없다. 불러오고싶다면? 데이터를 전해주는 방법이 있다. 그것은 props. 원한다면 함수1()안에 선언된 변수의 데이터를 함수2()에게 넘겨줄 수 있다. APP 컴포넌트 안에 있는 이라는 컴포넌트를 만들었는데(저번시간 코드내용으로 그대로 진행),..