2025-03-03

목차

1. 게임과 AR 소식
2. 날씨 정보와 소소한 일상
3. ReactJS 글자 크기 동적 변경 방법
4. 자바스크립트 관련 농담과 토론
5. 집과 바람, 그리고 취한 경험 이야기
6. React 프로젝트에서 framer-motion 설치 및 에러 이슈
7. 에러 원인 추측과 해결 방향
8. 개발자 별명과 분위기

1. 게임과 AR 소식

• AR: "투디앤탑디"라는 Steam 게임 언급, 이미 해당 장르 게임이 존재함을 지적
• 외국 게임 유튜버들이 관련 게임을 몇 차례 소개함
• HF: 연휴를 ‘펠월드’ 게임과 함께 보냈다는 소식 공유
• CT: 애니메이션 ‘제로의 시역마’가 라프텔에 올라옴 공유

2. 날씨 정보와 소소한 일상

• CT가 ‘남구 월산동’의 날씨를 검색해 전달함
• TL: 초초미세먼지가 매우 나쁨 상태라고 알림
• SU: 바깥에서 강한 바람이 불고 집 안에서도 바람 소리가 들림을 전함
• 대화 중 산책 권유도 있었으나 SU는 집에만 있었음

3. ReactJS 글자 크기 동적 변경 방법

• VD: React에서 설정 페이지에서 글자 크기를 사용자 선택에 따라 동적으로 변경하려 할 때, 코드마다 CSS를 직접 넣어야 하는지 문의
• FD: CSS 단위 중 ‘em’과 ‘rem’을 추천함
• em: 현재 요소의 글자 크기를 기준으로 크기를 조절하는 단위
• rem: 루트(root) 요소의 글자 크기를 기준으로 크기를 조절하는 단위
• 이 단위들을 쓰면 CSS를 일괄적으로 적용할 수 있어 코드 중복을 줄일 수 있음

4. 자바스크립트 관련 농담과 토론

• AR, HF, IC 등이 자바스크립트를 ‘여자친구’에 빗대어 농담함
• DJ: “여자친구분이 다들 동적 타입”이라는 말로 JavaScript의 동적 타이핑 특성을 농담으로 표현
• 동적 타입(Dynamic typing): 변수의 타입을 명시하지 않아도, 실행 중에 값의 타입이 결정되는 특성
• 프론트엔드 개발자들이 자바스크립트의 자유로움과 유연함을 유머로 즐김

5. 집과 바람, 그리고 취한 경험 이야기

• 바깥의 강한 바람과 월세집 안전 이슈를 토론
• BP, AR: 술을 안 마셔서 ‘취한 느낌’을 모른다는 대화
• 서로 경험을 공유하며, 집에서 보내는 시간이 많다는 내용도 포함됨

6. React 프로젝트에서 framer-motion 설치 및 에러 이슈

• CW: backend/client 분리된 프로젝트에서 client 쪽에 framer-motion 설치 중 에러 발생
• react-scripts 삭제/재설치, node_modules, package-lock.json 삭제 후 재설치해도 문제 해결되지 않음
• 주요 에러 메시지는 ‘Its return type ReactNode is not a valid JSX element’ 라며, axios, i18next 등 다양한 모듈에서도 에러 발생

7. 에러 원인 추측과 해결 방향

• KJ: React 타입 패키지가 설치되어 있는지 확인할 것 제안
• QM: React와 React 타입 패키지의 버전 불일치 가능성 언급
• React에서 타입 관련 오류는 종종 @types/react 버전이 React 자체 버전과 맞지 않을 때 발생
• 해결법: React 라이브러리와 @types/react를 모두 최신 버전으로 맞추고, 캐시 클리어 후 재설치 권장

8. 개발자 별명과 분위기

• 여러 개발자들이 ‘아이디어 프로도’, ‘먹보 리액트’ 등 재미있는 별명으로 불림
• HF, SU, BP 등 자유로운 분위기 속에서 농담도 주고받으며 토론함
• 개발 관련 질문과 답변, 일상 소식이 적절히 조화된 대화

면접팁⚡

• React 프로젝트에서의 타입 오류는 React 라이브러리 버전과 타입 정의(@types/react)의 호환성 문제를 가장 먼저 확인해야 함
• CSS 단위 em, rem의 차이와 활용법을 설명할 수 있어야 프론트엔드 작업 시 유용
• 자바스크립트가 동적 타이핑 언어임을 이해하고, 이 특성 때문에 발생하는 장단점을 간단히 말할 수 있으면 좋음

링크🔗

• 없음 (대화 내 공유된 링크는 없었음)