반응형

전체 글 366

[React] Props vs State

Props (Properties)1. 정의함수를 통해 전달되는 인자와 같은 성격부모 컴포넌트로부터 자녀 컴포넌트로 전달되는 읽기 전용 데이터부모에서 자식으로 데이터를 넘겨, 외관을 커스터마이징 해줌 (ex Form은 color라는 props를 button으로 보내, button을 커스터마이징)2. 특징읽기 전용 (Read-Only)자식 컴포넌트는 props를 변경할 수 없음재사용성props를 사용하면 여러 컴포넌트를 재사용 가능함수 전달부모에서 자식으로 함수를 전달하여 특정 이벤트 처리 가능데이터 흐름단방향 흐름 (부모 -> 자식) State1. 정의컴포넌트의 메모리와 같은 성격컴포넌트 내부에서 관리하는 동적인 데이터컴포넌트가 몇몇 정보를 계속 따라갈 수 있게 해주고 변화하면서 상호작용을 만들어냄 2. ..

React 2025.01.08

[SSAFY] 싸피 자율 프로젝트 후기 !!!

싸피 자율 프로젝트가 끝난지도 어느덧 2주가 지났다.. 후기 이런 거 쓰는 편은 아닌데 조금이나마 도움이 됐으면 좋겠다는 마음으로 작성해봅니다 !!  좀 더 오피셜한 정보를 알고싶으면 싸피셜에서 운영하는 블로그나 인스타 ? 포스팅 보면 좋을듯 ㅎㅎ   1. 자율 프로젝트란 ? 자율프로젝트는 프로젝트 시작 전 비전공자, 전공자 비율의 할당 없이 자유롭게 6인의 팀을 꾸릴 수 있었어요. 그래서 이전에 일정 비율만큼의 비전공자나 전공자가 필요했던 공통, 특화 프로젝트와는 달리 아무런 제약 없이 자신이 원하는 팀원과 함께 프로젝트를 진행할 수 있다는 게 넘 좋았던 점이었습니다. 또 개발에 필요한 교보재도 신청만 하면 싸피 사무국에서 빵빵하게 지원해줍니다 ! 팀당 60만원이었던거 같아요 :)  또한 자율 프로젝트..

일상 2024.12.02

[Vue.js] Vue에서 컴포넌트 간에 데이터 전송하는 방식

1. Props와 Emitsetup npm install -g @vue/cli // vue cli 설정vue create my-vue-app // 프로젝트 생성cd my-vue-app // 디렉토리 이동 ChildComponent.vue 자식 컴포넌트 부모로부터 받은 데이터: {{ data }} 데이터 업데이트  ParentComponent.vue 부모 컴포넌트 부모 데이터: {{ parentData }}  2. Mitt 라이브러리 Mitt 라이브러리란? : JavaScript와 TypeScript를 위한 매우 간단하고 작은 이벤트 발행-구독(pub/sub) 라이브러리입니다. MITT는 특히 브라우저 환경이나 Node.js 환경에서 이벤트를 간단하게 관리하기 ..

Vue 2024.06.28

[자료구조] 세그먼트 트리 (Segment Tree)

세그먼트 트리란 ? 배열 또는 리스트와 같은 데이터 구조를 이용하여 구간에 대한 질의를 효율적으로 처리하는 자료구조 주어진 구간에 대한 쿼리 연산을 빠르게 수행할 수 있도록 도와줌. 주로 구간 합, 최솟값 최댓값 등. 트리 구조를 사용하여 데이터를 분할하고 각 분할된 영역에 대한 요약정보를 저장. 이를 통해 트정 구간에 대한 연산을 빠르게 수행할 수 있음 트리를 구축하는 초기 비용이 크지만, 이 후 구간 질의에 대해 빠르게 답을 제공할 수 있음으로 효율적 세그먼트 트리 구조 시간복잡도 트리를 구축: O(N) 합, 곱 계산(쿼리 연산): O(logN) 값의 갱신(업데이트 연산): O(logN) => N은 배열의 크기이며, 구간에 대한 연산을 처리하는 경우 logN만큼의 시간이 들기 때문에 세그먼트 트리의 ..

Java 2024.02.23
반응형