COMMIT.chat
View Bookmarks
react 썸네일react

2023-11-04

목차

  1. 석사논문 설문 요청과 배경
  2. React Query 상태값(isLoading, isFetching) 문제와 해결 팁
  3. React 한글 입력(TextInput) 문제 사례와 조언
  4. 부업 및 온라인 창업 고민 이야기
  5. 나르시시스트 동료 문제와 직장 내 인간관계 고민
  6. 기술 밈과 개발 생태계 트렌드 토론 (jQuery, PHP, Next.js 등)
  7. React와 Next.js 서버 액션, JSX와 XHP 개념 설명
  8. 개발자들의 일상 대화와 유머
  9. 스트레스 해소 및 인간관계 대처법
  10. 기타: 건강 관련 대화 및 커뮤니티 링크 공유

1. 석사논문 설문 요청과 배경

  • 중앙대학교 HRD 석사과정 문경태님의 논문 주제는
    <포용적 리더십이 IT기업 구성원의 변화지향 조직시민행동에 미치는 영향: 일의 의미의 매개효과와 관계적 에너지의 조절효과>.
  • IT 업계 관련 개발자분들의 설문 참여가 필요하며, 기프티콘 보상을 제공.
  • 설문 링크 공유: https://moaform.com/q/Fqp0wf
  • 관련 분야 연구에 도움 되는 중요한 설문이니 가능하면 참여 권장.

2. React Query 상태값 문제와 해결 팁

  • patchAttend 호출 후 console.log(2) 정상 출력, mutation 호출됨에도 isLoading이나 status 상태가 변하지 않는 이슈 발생했음.
  • React Query의 상태값 구분:
    • isLoading: 주로 초기 로딩 상태(true일 때 데이터를 처음 로딩 중임을 의미).
    • isFetching: 데이터 리패치나 mutate 중일 때 true.
  • 해결 팁:
    • mutate 객체 전체를 구조 분해 할당하지 말고, 원본 mutate 객체의 프로퍼티로 접근해 현재 상태 확인.
    • API 호출 후 데이터 변경 시간이나 네트워크 속도 영향을 받을 수 있어 약간 시간 딜레이를 감안.
    • useMutation 훅 버전 확인(예: 3.39) 및 관련 문서 참고 권장.

3. React 한글 입력(TextInput) 문제 사례와 조언

  • React Native의 TextInput 컴포넌트에서 한 글자 입력 시 키보드가 사라지는 문제 발생.
  • 구현 방식:
    • value에 상태 변수(temporaryTitle)를 주고, onChangeText에서 상태 업데이트.
    • useCallback 훅으로 상태 업데이트 함수 감싸도 문제 지속됨.
  • 예상 원인:
    • 상태가 매번 초기화 되거나 컴포넌트 재렌더링으로 인해 포커스 손실 발생 가능성.
    • 컴포넌트가 인라인 함수나 props로 내려줄 때 아이덴티티가 바뀌어 재렌더링 유발.
  • 해결 팁:
    • setter 함수만 단순히 onChange에 전달.
    • 인라인 함수 대신 useCallback 또는 부모 컴포넌트에서 상태 관리.
    • 전체 코드 컨텍스트 공유하며 디버깅 필요.
  • 참고: React Native 입력 처리 방식과 포커스 유지 이슈는 매우 흔하므로 공식 문서와 커뮤니티 참고 권장.

4. 부업 및 온라인 창업 고민 이야기

  • 개발자들이 회사 다니면서 온라인 창업, 외주 작업 부업에 대한 언급.
  • 목표: 부업 매출이 월급 2배 이상(최소 500만원) 되면 퇴사 고려 중.
  • 세금, 사업자등록, 건강보험료 등 현실적인 문제도 고민됨.
  • 조언 및 현실 의견:
    • 현재도 외주 500 이상 받는 사례 존재하나 쉽지 않음.
    • 사업자등록은 개인으로도 가능하며, 세무사 활용 추천.
    • 수입 신고 안 하면 적발 위험, 건강보험료 상승 가능성 있음.
  • 온라인 창업과 부업은 장기적인 계획과 대비가 중요함.

5. 나르시시스트 동료 문제와 직장 내 인간관계 고민

  • 나르시시스트 성향 동료 때문에 직장 스트레스 심각함.
  • 특징: 자신의 실수 인정 어려워 화내거나 공격적인 태도 보임.
  • 해결법 및 조언:
    • 감정을 과하게 억누르지 말고 적절히 표출하여 스트레스 해소 필요.
    • 상대방 변하지 않을 수도 있으니 유연하게 대처하는 법 익히기.
    • 결국 퇴사 결정하는 경우도 많음.
  • 팀 내 인간관계 문제는 개발 역량 못지않게 중요한 문제임.
  • 좋은 동료와 협력해야 장기 근무 가능하므로, 환경 선택도 신중해야 함.

6. 기술 밈과 개발 생태계 트렌드 토론

  • jQuery 4.0 붐 온다는 농담과 현실은 점차 사용 안 함.
  • PHP가 Next.js와 비슷하다는 밈:
    • 메타(Meta)가 만든 XHP라는 PHP 확장 기술이 JSX와 개념적으로 유사하다는 설명.
    • Next.js 서버 액션이 PHP 스타일이라는 우스갯소리 나옴.
  • 반응형 웹 개발에서 React JSX는 HTML+JavaScript 혼합 마크업 기술.
  • 서버사이드 렌더링 전통적인 방식과 현대 React 기반 SSR 차이 토론.
  • 웹 기술 유행은 돌고 돈다는 인식 공유.

7. React와 Next.js 서버 액션, JSX와 XHP 개념 설명

  • JSX: JavaScript XML, React에서 UI 템플릿을 구성하기 위해 JavaScript 문법과 XML 형태 결합.
  • XHP: Meta社가 PHP에 도입한 XML 같은 문법 확장, JSX와 비슷한 목적.
  • Next.js는 React 기반 프레임워크로, 서버 액션과 클라이언트 컴포넌트 조합 지원.
  • 서버 액션은 서버에서 동작하는 코드를 클라이언트 이벤트와 연동하는 신기능.
  • 이러한 기술 진화 덕분에 React JSX가 PHP XHP의 개념에서 영감을 받았다는 평가도 있음.

8. 개발자들의 일상 대화와 유머

  • 개발 중 겪는 스트레스, 웃긴 코드 네이밍 (예: 클래스네임을 '반이름'으로 표현).
  • 코드 한글화 시도를 통한 재미있는 에피소드.
  • 코딩 밈, 닉네임, 유튜브 스터디 영상 공유 등 자유로운 소통 분위기.
  • 에어팟 분실 문제 관련 유머와 에어태그 필요성 이야기.
  • 코드 작성과 리팩토링 경험에서 느끼는 어려움과 자기 겸손의 중요성.

9. 스트레스 해소 및 인간관계 대처법

  • 직장 내 괴로운 상황에서 감정을 적절히 표출하는 것이 정신 건강에 좋음.
  • 상대방이 나르시시스트일 때는 무조건 맞서 싸우기보다 상황을 객관화하고 유연한 대응 필요.
  • 좋은 동료가 얼마나 소중한지 인식하며, 나쁜 분위기보다는 본인의 건강을 우선시 할 것.
  • 이직 시엔 연봉, 복지, 거리 등 조건 모두 고려해 본인에게 맞는 곳 선택 권함.

10. 기타: 건강 관련 대화 및 커뮤니티 링크 공유

  • 건강기능식품이나 의약품 관련 개인 경험담 공유(우르사 처방 경험 등).
  • 스테이블 디퓨전(Stable Diffusion) 같은 최신 AI 이미지 생성 도구 이야기.
  • 소모임, 유튜브 영상 및 툴 링크 공유로 커뮤니티 활발한 소통 유지.

면접팁⚡

  • React Query 상태 관리(isLoading, isFetching) 구분과 생명주기 이해 중요.
  • React Native TextInput 한글 입력 이슈 진단 능력 숙지 필요.
  • 동료 문제(특히 나르시시스트 유형)에 대한 대처와 소통 스킬 강조.
  • 최신 기술 트렌드(Next.js 서버 액션, JSX 개념 등) 배경 지식 준비 필수.
  • 개발 현장의 현실적인 문제와 협업 시 발생하는 갈등 관리 경험 공유 가능하면 좋음.

링크🔗

#React#ReactQuery#입력문제#부업#직장인고민#나르시시스트#NextJS#PHP#개발밈#커뮤니티대화
이전 포스트

2023-11-03

2023년 11월 3일
다음 포스트

2023-11-05

2023년 11월 5일