react 썸네일react

2024-03-24

목차

  1. 픽시브 오픈소스와 VRM 기술 이야기
  2. 드래그 앤 드롭 기능 구현 어려움
  3. 팀 사이드 프로젝트 조장 경험과 갈등 대처법
  4. 리액트 과제형 문제: CT/MRI 파일 웹 적용 난제
  5. 온라인 교육과 사교육 비용 비교
  6. 집 구조 및 IoT 방범 시스템에 관한 이야기
  7. 네트워크 설치 경험과 선통 작업
  8. 자격증 공부와 AI(파이토치 등) 기술 트렌드
  9. 인덱스와 데이터베이스 공부의 중요성
  10. 건축 관련 취미, 경제적 자유, 그리고 삶의 이야기

1. 픽시브 오픈소스와 VRM 기술 이야기

  • 픽시브가 오픈소스를 공개해 화제가 됨.
  • VRM 기술 중 '눈동자 따라다니기' 기능이 신기하다는 반응.
  • VRM은 3D 캐릭터 모델링을 위한 표준 포맷으로, 픽시브가 관련 예제도 공개함.
  • 눈동자 움직임을 좌표값에 따라 자연스럽게 바꾸는 UI 구현이 인상적임.
    설명:
    VRM 기술은 VR, AR, 메타버스 등에서 3D 캐릭터를 실제처럼 움직이게 하는 기술로, 눈동자가 사용자의 마우스 움직임을 따라가는 기능 등은 사용자 몰입도를 높임.

2. 드래그 앤 드롭 기능 구현 어려움

  • 라이브러리 없이 드래그 앤 드롭(DnD) 기능을 직접 구현하려 하니 난관에 봉착했다고 함.
  • 간단한 UI 동작처럼 보여도 실제 구현에서는 이벤트 관리, 좌표 계산, 요소 재배치 등이 복잡.
  • NPM 패키지로 만들어 배포한다는 아이디어도 나왔음.
    팁:
    드래그 앤 드롭 구현 시 브라우저 이벤트(mouse/touch events)를 정확히 다루고, 성능 최적화를 고려해야 함.
    라이브러리(React DnD, Interact.js 등) 사용도 추천됨.

3. 팀 사이드 프로젝트 조장 경험과 갈등 대처법

  • 2월에 시작한 사이드 프로젝트에서 디자인/기획 팀원이 일정에 맞지 않고 예민해 분위기가 어려움.
  • 조장이 되어 프로젝트를 캐리(주도)하며 혼자서라도 완성해보라는 조언이 나옴.
  • 사내 사이드 프로젝트(SAFe: Scaled Agile Framework)가 진행 어려운 이유는 기획과 디자인 지연 때문.
  • "그 사람을 일정에서 빼라"는 농담 섞인 조언도 있었음.
    해결법 팁:
    프로젝트는 일정과 커뮤니케이션이 가장 중요함. 갈등이 지속되면 역할 재배분이나 최소한의 기능부터 완성 후 확장 전략이 필요함.

4. 리액트 과제형 문제: CT/MRI 파일 웹 적용 난제

  • 리액트를 활용한 과제로 CT/MRI 파일을 웹에서 스크롤하면서 확인하는 기능이 주어짐.
  • 일반적인 동영상 재생이 아니라 의료용 3D 데이터를 조작하는 어려운 과제임.
  • CT/MRI는 3차원 의료 이미지 시퀀스로, 단순 영상이 아니라 각 슬라이스(단면)를 마우스 스크롤로 탐색하는 방식임.
  • 관련 지식 없으면 구현이 매우 어려워 도전 과제로 적합하다는 평.
    설명:
    의료영상 데이터는 DICOM 포맷이 주로 쓰이며, 웹에 적용하려면 이를 변환/렌더링하는 라이브러리가 필요함(예: Cornerstone.js). 단순 웹 동영상 플레잉과는 근본적으로 다름.

5. 온라인 교육과 사교육 비용 비교

  • 온라인 강의와 학습 교재 비용은 전통 사교육비에 비해 저렴하지만, 여전히 사교육에 포함된다는 뉴스도 공유됨.
  • 과거 EBS 방송 활용과 현재 온라인 강의 출제 비율 변화에 따른 현학적 영향에 대한 대화 진행됨.
  • 학습비용 부담과 인구 감소가 교육 시장에 미치는 영향도 언급됨.

6. 집 구조 및 IoT 방범 시스템에 관한 이야기

  • '패시브하우스' 등 최근 집 구조와 단열, 환기, 전기, 배수 등 건축 기술에 대한 관심과 토론.
  • IoT를 활용한 집 방범 및 자동화 시스템 아이디어 공유.
  • 예) 창문 자동 열림/닫힘, 외부 침입 알림 후 가족 통보, 3분 내 답 없으면 자동 신고 등 현실적 대처법.
  • 세콤(보안업체) 연동 출동 시스템 경험담도 있음.
    설명:
    패시브하우스란 에너지 손실 최소화 설계로 냉난방 효율을 극대화한 주택.
    IoT 방범 시스템은 센서와 스마트 알림으로 집 안전성을 높임. 문제 발생시 자동 대응 시스템을 설계하는 것이 중요함.

7. 네트워크 설치 경험과 선통 작업

  • '선통'은 오래된 아파트 등에서 각 방마다 유선 인터넷 랜선을 새로 연결하는 작업으로, 특수 기기를 사용해 신호를 추적하며 작업함.
  • 직접 집 네트워크를 설치 경험담과 자격증(네트워크관리사 2급) 관련 이야기 공유됨.
  • 과거 전화선만 있던 집 구조에서 신호선을 끌어오는 작업의 복잡성 언급.
    설명:
    네트워크 선통 작업은 물리적 네트워크 인프라 구축 과정으로, 케이블 연결 위치 파악과 물리적 배선 작업이 필수임. 네트워크관리사 자격증은 이론과 실기를 모두 다룸.

8. 자격증 공부와 AI(파이토치 등) 기술 트렌드

  • AI 프레임워크인 파이토치(Pytorch) 공부 시작 예정, 텐서플로우 전환 시기에 잠시 중단함.
  • AI 관련 수학이 복잡하지만 파이토치는 쉽게 시작할 수 있어서 좋은 점 언급.
  • 실용적인 POC 개발 후 가능성을 보고 깊이 공부할 계획.
  • 자격증 시험 비용과 합격률 등 현실적 고민도 존재함.
    설명:
    파이토치는 딥러닝 프레임워크로, 연구와 산업에서 널리 사용됨. 복잡한 수학적 이론을 감추고 인터페이스를 단순화하여 입문자의 진입장벽을 낮춤.

9. 인덱스와 데이터베이스 공부의 중요성

  • 데이터베이스 인덱스를 잘 이해하지 못하면 무분별한 사용으로 성능 저하가 발생할 수 있음.
  • 인덱스 공부의 어려움과 중요성, 실제 사용 시 주의점에 대한 토론.
  • 바쁜 일정 속에서도 시간 내어 공부하고 정리하는 습관 필요성 강조됨.
    설명:
    인덱스는 데이터베이스에서 원하는 데이터를 빠르게 찾기 위한 자료구조다. 적절한 인덱스는 검색 속도를 높이나, 너무 많거나 잘못된 인덱스는 오히려 성능을 떨어뜨림.

10. 건축 관련 취미, 경제적 자유, 그리고 삶의 이야기

  • 집짓기, 목공 등 건축 취미 관련 토론.
  • 경제적 부담과 가족들의 반대, 체력적인 한계 언급.
  • 건축과 IT가 아직도 분리된 영역이라는 점과 미래 가능성 논의.
  • 직접 인테리어를 하려던 경험과 관련 사기 사례 공유.
  • 경제적 자유가 취미를 이어가는 데 중요하다는 깨달음.

면접팁⚡

리액트 관련 과제형 문제 해결 전략

  • 의료 데이터(CT/MRI)를 웹으로 처리할 때는 전문 라이브러리 활용과 데이터 특성 파악이 우선임.
  • 미리 DICOM 포맷과 관련 라이브러리를 공부하고, 3D 렌더링과 사용자 인터렉션에 대해 준비하자.

팀 프로젝트 갈등 관리

  • 조장 역할 시 소통과 일정 관리의 중요성을 명확히 하고, 갈등이 심할 때는 역할 조정 또는 최소 MVP(Minimum Viable Product) 완성을 목표로 하자.

AI 공부 계획

  • 파이토치 같은 트렌디한 딥러닝 프레임워크를 통한 실습 중심 학습 추천.
  • 수학 배경이 약해도 간단한 튜토리얼부터 시작하고, 점진적으로 심화 과정에 접근하자.

링크🔗

#오픈소스#VRM#팀프로젝트#리액트과제#CTMRI#온라인교육#IoT#네트워크관리#AI#데이터베이스#건축취미