꾸준히

이번 주차에 리액트 라이프사이클에 대해 공부하였습니다. 다시 한번 정리하며, 이전 프로젝트에서 이를 활용했던 사례를 공유하고자 합니다.  라이프 사이클 Life Cycle; 컴포넌트가 생성(Mounting), 업데이트(Updating), 소멸(Unmounting)의 과정을 거쳐 어떻게 동작하고 관리되는지    클래스형 컴포넌트생성 단계1. constructor클래스 컴포넌트를 초기화하는 함수constructor(props) { super(props); this.state = { count: 0 };} 2. getDerivedStateFromPropsprops로부터 state를 동기화하고 싶을 때 사용static getDerivedStateFromProps(props, state) { if (pro..

이번 교육 과정에서 React 프로젝트를 시작하는 방법으로 CRA와 CNA를 배웠습니다. 이 두 도구의 차이점을 더 깊이 이해하고자 추가적으로 학습하였습니다.  React 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리  빠른 업데이트와 렌더링 속도로 애플리케이션을 쉽고 빠르게 만들 수 있다. 컴포넌트 기반 구조로 재사용성이 높다는 장점을 지니며, 메타(Meta)의 지원으로 커뮤니티가 활성화되어 있다.  리액트 기반 애플리케이션을  시작할 수 있는 도구는 CRA(Create React App)과 CNA(Create Next App)이 있다. CRA는 일반적인 리액트 애플리케이션 개발에 사용되며, CNA는 Next.js 프레임워크를 기반으로 한 애플리케이션 개발에 사용된다.   CRA Cre..

내림차순 sort() sort() 메서드는 리스트형의 메서드로 리스트 원본 값이 수정된다. (오름차순) list1 = [1, 0, 9, 3, 7] list2 = list1.sort() print('list1: ', list1) print('list2: ', list2) """ 출력 결과 : list1: [0, 1, 3, 7, 9] list2: None """ sorted() sorted() 메서드는 내장함수로 리스트 원본 값은 유지되며 정렬 값을 반환한다. (오름차순) list1 = [1, 0, 9, 3, 7] list2 = sorted(list1) print('list1:', list1) print('list2:', list2) """ 출력 결과 : list1: [1, 0, 9, 3, 7] list2:..

collections 모듈 Counter 클래스는 collections 모듈의 클래스 중 하나이다. collections 모듈은 파이썬의 내장 컨테이너 dict, list, set 및 tuple에 대한 대안을 제공하는 특수 컨테이너 데이터형을 구현한다. namedtuple() 이름 붙은 필드를 갖는 튜플 서브 클래스를 만들기 위한 팩토리 함수 deque 양쪽 끝에서 빠르게 추가와 삭제를 할 수 있는 리스트류 컨테이너 ChainMap 여러 매핑의 단일 뷰를 만드는 딕셔너리류 클래스 Counter 해시 가능한 객체를 세는 데 사용되는 딕셔너리 서브 클래스 OrderedDict 항목이 추가된 순서를 기억하는 딕셔너리 서브 크래스 defaultdict 누락된 값을 제공하기 위해 팩토리 함수를 호출하는 딕셔너리 ..