2025-01-22

목차

1. 사이드 프로젝트 팀 구인
2. 출퇴근과 생활 패턴 이야기
3. 사수와 업무 공유 문화
4. 연말정산과 세금 이야기
5. React onRow 이벤트 충돌 문제
6. 라디오 버튼과 체크박스 UX 논쟁
7. 파일명 및 함수 인자 일괄 수정 방법
8. 테스터 모집 및 QA 이슈
9. 커브드 모니터 vs 평평 모니터 토론
10. 리액트 공부와 커뮤니티 분위기

1. 사이드 프로젝트 팀 구인

• 개발자, 기획자, 디자이너가 함께 아이디어 내서 프로젝트 진행 예정
• 참여 희망자는 오픈카카오톡방 링크를 통해 모임에 참여 가능
• 프로젝트는 협업 경험과 실무 감각을 키우는데 좋은 기회가 될 수 있음

2. 출퇴근과 생활 패턴 이야기

• 출퇴근 시간이 1시간 이내로 줄어들면서 스트레스 감소를 체감한다는 의견
• 일찍 자야 건강에 좋다는 조언과 피곤함 토로
• '幸福(행복)'에 대한 논의 : 평안함, 스트레스 감소 등이 진정한 행복이라는 견해가 많음

3. 사수와 업무 공유 문화

• 사수가 업무를 잘 알려주지 않아 어려움을 겪는다는 불만 다수
• 기업 홍보 영상에서는 사수를 모두 능력자처럼 그리지만 현실은 다름
• 좋은 사수란 무엇인지 토론, 효율적인 지식 전수가 중요함
• 사수 역할에 대해 ‘사수도 사수가 필요하다’는 재치있는 표현도 등장

4. 연말정산과 세금 이야기

• 연봉보다 많이 나오는 세금 보고서에 충격을 받았다는 경험 공유
• 매년 소비를 줄이려 목표 세워도 실제로는 더 소비하는 패턴 보고
• 중소기업 세금 감면 정책이 곧 종료되어 걱정하는 분위기
• 세금 신고 시 대응 방안과 절세 팁 필요성 강조

5. React onRow 이벤트 충돌 문제

• antd 테이블에서 onRow에 onClick 이벤트와 컬럼 내 Popconfirm 컴포넌트가 있을 때 이벤트 충돌 발생
• 컬럼 내 Popconfirm 클릭시 onRow의 onClick이 우선 적용되어 Popconfirm 작동 안 되는 문제 확인
• 해결 방법: onRow에 onClick 이벤트를 설정하면서도 개별 컬럼 render 안의 클릭 이벤트를 별도로 처리해야 함 (예: 이벤트 버블링 방지)

초보자를 위한 설명
React의 이벤트 버블링이란, 자식 요소 클릭 이벤트가 부모 요소로 전파되어 부모가 먼저 반응하는 현상임. 즉, 테이블 행 전체에 클릭 이벤트를 걸었을 때, 행 안의 버튼 클릭이 부모 이벤트를 먼저 실행해 원하는 동작이 실행되지 않을 수 있어 이를 막는 기술(이벤트 전파 차단)이 필요함.

6. 라디오 버튼과 체크박스 UX 논쟁

• 라디오 버튼(한 개 선택)과 체크박스(복수 선택)의 원칙과 UX 적합성 토론
• 일부는 ‘한 개 선택’에서도 체크박스를 쓸 수 있다고 주장하나, 일반적 규칙은 라디오 버튼으로 표현
• 라벨 영역을 포함해 헛되게 선택 어려움 개선하는 것이 중요하다는 의견
• 모바일 환경에서는 히트 영역(클릭 영역)의 크기와 위치도 중요함
• ‘라벨 클릭 시 의도치 않은 팝업 발생’ 등 UI 혼란 요소 지적
• 다크패턴(사용자 혼란 주는 디자인) 경계 인식 공유

초보자를 위한 설명

• 라디오 버튼: 여러 선택지 중 오직 하나만 선택 가능할 때 사용
• 체크박스: 여러 선택지 중 원하는 만큼 복수 선택 가능할 때 사용
• 라벨은 버튼을 둘러싼 텍스트, 클릭 시 버튼도 활성화 되어 사용성을 높임

7. 파일명 및 함수 인자 일괄 수정 방법

• 파일명 변경시 WebStorm 같은 IDE에서 일괄 변경 지원
• 함수 인자의 경우 자동 일괄 수정은 어려워 빌드 후 에러 목록 보고 직접 수정 필요
• AI 도구 및 스니펫 활용 가능성 제기되나 아직 자동화 완전하지 않음
• 테스트 코드 작성과 함께 변경 작업하면 안전성 확보에 도움이 됨

8. 테스터 모집 및 QA 이슈

• 프로젝트 참여자 모집 글 홍보 및 정보 공유
• 일반인을 대상으로 하는 테스터와 전문 QA 인력간 품질 관리 차이 존재
• 초기 서비스에서는 로그 및 피드백 데이터를 수집하여 품질 확보 시도
• 법적 문제 해결 및 보상 지급 체계 마련 필요성 언급
• 프리랜서 QA, 크몽·숨고 등 아웃소싱 플랫폼 경쟁 상황 소개
• 테스트/리뷰어 수요가 지속 유지될지 시장 상황 주의 필요

9. 커브드 모니터 vs 평평 모니터 토론

• 개발용 모니터 선택에 대한 의견
• 커브드 모니터는 몰입감 있고 눈의 피로를 덜어준다는 주장
• 평평한 와이드 모니터가 작업 UI가 왜곡되지 않아 좋다는 의견도 다수
• 커브드 모니터가 눈높이에 맞춰지기 어렵고 적응 문제 우려
• 인체공학 모니터 암 사용을 추천하는 조언
• 최종 결정은 개인 취향과 작업 환경에 따름

10. 리액트 공부와 커뮤니티 분위기

• 새로운 개발자 환영과 친근한 분위기 유지
• ‘rm -rf’ 같은 개발자 유머 다수 등장
• 스터디 및 소개팅 관련 유머 섞임
• QA 이슈 대응에 따른 업무 부담과 팀 상황도 공유됨

면접팁⚡

• React 이벤트 버블링 문제와 해결 경험 얘기하기
• 라디오 버튼과 체크박스 UX 원칙과 사례 설명하기
• IDE를 활용한 코드 리팩토링 및 일괄 변경 경험 어필하기
• 테스트 관리와 QA 프로세스의 중요성 인지 표현하기
• 커뮤니티 내 소통과 협업 경험 강조하기

링크🔗

• 사이드 프로젝트 오픈 카카오톡채팅: https://open.kakao.com/o/swkTMFbh
• 테스트 프로젝트 소개 링크: https://kklim.io
• React 관련 커뮤니티 및 기사 공유 링크: https://toss.tech/article/mysterydesignclub1
• 영화 예고편 링크 (취미 이야기): https://youtu.be/O_BAcfizV1g?si=SSRQ9-usOlclZ2Dm