etc3 React useState() 회고-2 - 지난번 회고를 통해 useState() 사용에만 너무 급급했던 것 같아 개념을 한번 다시 정리하기로 했다. useState를 알아가기 전에 우선 더 포괄적인 개념인 Hooks를 살펴보자.React Hooks?? 기존 react에서는 클래스형 컴포넌트( 헤더, 메뉴바, 메인영역 등으로 분리한 조각, 덩어리 )로 개발이 주로 이루어졌다.함수형 컴포넌트에는- **state,더보기state 가 변하면 해당 컴포넌트가 리렌더링 된다.state 변수를 만드는 것도 Hook의 기능 중 하나이다. useState() 메서드를 통해 state 변수를 선언하며, state는 항상 변수와 세터메서드가 같이 선언돼야 한다.useState()의 매개변수로는 state의 초기값을 넣어줄 수 있는데, string, numbe.. 2024. 10. 4. React useState() 회고 문제상황사용자가 저장한 즉시 구매가를 상수 값처럼 사용하기 위해 useState(110000) (임시값)을 입력해서 다음과 같이 사용했음.모달창 내부에서는 다음과 같이 사용했음. 아이템 정보의 buyNowPrice 와 buyNowpurchaseFee 부분에 일반 상수 값(숫자)을 넣었을 때는 제대로 나오던 코드인데,useState를 사용하니 다음과 같이 화면에 의도하지 않은 값이 나타남. 원하던 결과 값은 다음 코드와 같이 useState를 사용해서 코드의 가독성을 높이기 위함 이었는데, // 희망 입찰가 상태 관리 const [bidAmount, setBidAmount] = useState(63000); // 초기값 설정 // 입찰가 증가 함수 const increaseBid = () => .. 2024. 10. 3. 정처기 실기 정리한 내용은 대부분수제비 실기책과흥달쌤 유튜브를 참고했습니다!https://www.youtube.com/@HeungSsaem 흥달쌤흥달쌤과 함께하는 IT 채널입니다. 정보처리기사 자격증 관련된 강의 및 실무 노하우, 프로그래밍 언어(JAVA, C언어, Python) 특강 등이 진행됩니다. 앞으로 진행 예정인 동영상은 IT 관련된 이야기www.youtube.com 문제시 바로 내리겠습니다!!--객체지향 클래스, 속성, 메서드객체(인스턴스) , 메시지 (객체 간의 상호작용) 캡슐화,(정보은닉 private / getter/setter)상속다형성 오버로딩-재정의 / 오버라이딩-상속관계추상화 객체지향 원칙 SOLID → 단일 책임 / 개폐 / 리스코프치환 / 인터페이스분리 / 의존성 역전 디자인패턴Gof 생성.. 2024. 7. 28. 이전 1 다음 반응형
