Projects

오늘은 Netflix 데이터를 가지고 변수들의 특징 파악, 전처리, Feature Engineering, 마지막으로 관련된 여러 시각화 작업을 진행했습니다. 🎥 Netflix Data Analysis Project 🍿 개요데이터를 빠르게 파악하고, 전처리를 수행한 후 여러 인사이트 도출하는 것이 데이터 분석가가 해야할 일입니다.이번 프로젝트의 데이터 전처리 과정에서는 결측치를 처리하고 피처 엔지니어링을 통해 파생 변수를 생성했습니다.그리고 시각화 과정에서는 요청 기업의 브랜드 색상을 사용하여 여러 가지를 시각화 해보았습니다. 브랜드 색상데이터를 시각화하기 전에 해당 요청 기업의 색상을 미리 정해주는 것이 중요합니다!!색상을 데이터의 성격에 맞게 선택하고, 중요도에 따라서 강조 방법을 계획해 시각화 효..

드디어 길고 길었던 Conti:ed 서비스 구현이 마무리되고, 배포까지 완료가 되었습니다. 정신없이 구현하고 배포하는 바람에 전혀 하지 못했던 기록들이 밀리고 밀렸습니다.하지만 이대로 그냥 덮어두고 끝내기에는 아쉬웠기 때문에 회고록을 적어보며, 코드 리팩토링도 진행해볼 예정입니다. 제가 주먹구구식으로 구현한 방식이나 구조를 파악하고 조금 더 효율적으로 수정해보고자 합니다. 📢 Conti:ed 개요프로젝트 인원은 2명으로 제가 Frontend 및 AI를 담당하고 다른 인원이 Backend를 담당하여 진행했습니다.간략하게 Conti:ed 서비스에 관해 설명하자면, CCM(기독교 찬양) 관련 재생목록을 사용자가 생성 및 공유하고, 사용자의 입력에 따라 AI 및 유튜브가 재생목록을 생성해주는 서비스라고 보시면..

이번 글에서는 useCallback에 대해서 이야기해보겠습니다. useCallback1) 역할useCallback은 React Component에서 메모이제이션된 Callback function을 생성하기 위한 Hook입니다.주로 불필요한 rendering을 방지하고 성능을 최적화하는 데 사용됩니다.useCallback을 통해 함수의 참조 동일성을 유지해서 자식 component의 불필요한 re-rendering을 막을 수 있습니다.2) 동작 방식useCallback은 메모이제이션된 callback function을 반환하는데,첫 번째 인자로는 메모이제이션할 callback function을 받습니다.두 번째 인자로 의존성 배열(dependency array)을 받습니다. 이 배열 내의 값들이 변경될 때..

이번 글에서는 useRef에 대해서 이야기해보겠습니다. useRef1) 역할 useRef hook은 Component의 생명주기 동안 지속되는 가변값을 저장하는 데 사용됩니다.주로 JSX 요소에 ref 속성으로 연결하여 해당 DOM 요소에 직접 접근할 수 있게 하거나, 이전 상태를 기억하는 등의 용도로 사용됩니다.2) 동작 방식초기화useRef(initialValue)를 호출하여 ref 객체를 생성합니다.반환된 객체는 { current: initialValue } 형태를 가집니다.값 접근 및 수정ref.current를 통해 현재 값에 접근하거나 수정할 수 있습니다.current 속성은 변경 가능(mutable)합니다.Rendering의 독립성 useState hook와 달리 ref.current의 값이 ..

이번 글에서는 useEffect에 대해서 이야기해보겠습니다. useEffect1) 역할 useEffect는 React Component에서 side effects를 수행하기 위한 Hook입니다.side effects는 데이터를 fetch하거나, 수동으로 DOM을 조작하는 등 Component의 주요 렌더링 로직 외에 실행되어야 하는 모든 작업을 의미합니다.useEffect를 통해 함수형 Component에서도 클래스형 Component의 생명주기 메소드와 유사한 기능을 구현할 수 있습니다.2) 동작 방식기본적으로 useEffect는 모든 렌더링 이후에 실행됩니다.첫 번째 인자로 side effects를 수행할 callback function을 받습니다.두 번째 인자로 의존성 배열(dependency ar..

현재 개발 중인 Conti:ed 서비스를 위해 사용된, 그리고 앞으로 사용될 React hook들에 대해 정리해볼까 합니다.이번 글에서는 useState에 대해서 다루고, 이후 계속해서 다른 hook들에 대해서도 작성할 예정입니다. useState1) 역할useState Hook은 Component에서 상태를 선언하고 관리하는 데 사용됩니다.Class였던 Component에서 사용하던 this.state와 this.setState를 함수형 컴포넌트에서도 사용할 수 있게 합니다.2) 동작 방식useState는 초기 상태 값을 인자로 받아 배열을 반환합니다.첫 번째 요소는 현재 상태 값을 나타내는 변수입니다.두 번째 요소는 상태를 갱신할 수 있는 함수입니다.두 번째 요소인 상태 갱신 함수는 새로운 상태 값을..

학기 중(23.11.07 ~ 23.12.13) 진행된 Process Mining Project를 간단히 정리하고자 합니다. 1. Introduction1.1 Research Question일상 속 발생하는 처방 오류를 효과적으로 줄일 수 있는 방법이 있을까?처방 오류를 줄이기 위해서 환자들도 약품에 관한 지식이 필요하지 않을까?처방 오류의 특징을 어떻게 효과적으로 식별할 수 있을까?1.2 Describe Dataset데이터 출처 : https://physionet.org/content/mimiciv/2.2/#description데이터 구조 : 프로젝트에 사용된 주요 컬럼들은 다음과 같습니다. subject_id 환자의 고유 ID chiefcomplaint 입원 주요 원인 ..