목차
- 출근과 근황 토크
- 음식 취향과 민초(민트초코) 이야기
- 키보드 물결표시(백틱) 입력 문제 및 해결법
- 테스트 도구: Vitest vs Jest 이야기
- 차량 구매 고민과 하이브리드 vs 가솔린 비교
- 이미지 썸네일 흐릿 현상 원인 및 점검 포인트
- 판교 사투리와 영어 발음 문제 토론
- 리액트 라이브러리 추천: 그리드 및 편집 기능
- 자동화와 로봇 기술에 대한 소소한 대화
- 기타 – 급여지급일, 주식, 개인 일상
1. 출근과 근황 토크
- 아침 인사와 현재 컨디션 얘기, 출근길 이야기로 시작
- 날씨가 춥고 꾸리꾸리해져서 다들 기분이 묘하다는 반응
- 밥 먹고 커피 마시며 잠깨기 등 일상적 이야기 진행
2. 음식 취향과 민초(민트초코) 이야기
- 민트초코(민초) 관련 다양한 취향 토론
- 민초맛 치약, 커피, 리조또, 쌀국수 등 민초가 들어간 음식들의 선호가 갈림
- 민초는 특유의 상큼한 맛으로 어떤 이들은 치약같다고 느끼기도 함
- 고수(코리앤더) 음식 추천과 입문 후 맛이 익숙해지는 과정 설명
- 음식 취향은 개인 차가 크고, 민초와 고수는 호불호가 확실히 갈림
민초(민트초코) 설명
- ‘민초파’는 민트초코를 좋아하는 사람들
- 민트초코가 치약 맛 같다고도 하지만, 민트향 자체가 상쾌함을 주어 양치할 때도 즐겨 사용됨
- 음식에 민초가 들어가면 특유의 상큼함과 쌉싸름함이 있어 호감이 갈리는 맛 발생
- 고수는 허브 종류로, 특유의 강한 향 때문에 싫어하는 사람도 많으나 적응하면 중독성 있음
3. 키보드 물결표시(백틱 ~) 입력 문제 및 해결법
- 레오폴드 텐키리스 키보드에서 ‘물결표시’ (~) 입력이 안되는 문제 토론
- 기본적으로 Shift + Backtick 키를 사용하는데 ESC와 겹침
- 해결법으로는 크롬이나 메모장에 복사 붙여넣기 사용 권장
- 백틱()과 물결(~)은 흔히 혼동되는 문자이며, 백틱은 자바스크립트 등 코드 작성 시 자주 쓰임
백틱() 설명
- 백틱은 영문 키보드에서 숫자 1 왼쪽에 있는 키로, 꺾쇠형 따옴표 역할
- ES6 자바스크립트에서 템플릿 문자열(${변수}) 작성 시 사용됨
- 물결(~) 기호는 유닉스에서 홈 디렉터리, 논리 부정 등 특수 용도로 사용
4. 테스트 도구: Vitest vs Jest 이야기
- Vitest: vite 기반 빠른 테스트 도구로, Jest와 높은 호환성 있음
- 장점: 속도가 빠르고 병렬 테스트 지원(유료플랜이 필요할 수 있음)
- 단점: 글로벌 설정 일부 제한, vite 프로젝트 외부에서는 설정 불편
- Jest: 확장성과 생태계는 좋으나 레거시 문제와 느린 속도가 단점
- Next.js, SvelteKit 등 다양한 프레임워크와 호환 문제도 있음
- 테스트 환경 분리 구성 등 대응 방안 논의
Vitest와 Jest 설명
- Jest: 자바스크립트 테스팅 프레임워크로 널리 쓰임, 광범위한 플러그인 지원
- Vitest: Vite 최적화 테스트 도구, 빠른 실행에 중점 두고 있음
5. 차량 구매 고민과 하이브리드 vs 가솔린 비교
- 투싼, 스포티지, 트랙스 중 차량 고민
- 1년에 1만km 이하 주행 시 가솔린 모델 추천
- 하이브리드는 연비 좋지만 가격과 수리비가 더 듦
- 감가상각, 중고가격 방어력도 중요 포인트
- 차 구매는 개인 운전 습관, 예산, 필요에 따라 결정해야 함
- 현대·기아차가 중고차 감가 방어 잘되는 편으로 평가됨
6. 이미지 썸네일 흐릿 현상 원인 및 점검 포인트
- 웹에서 오른쪽 화살표 눌렀을 때 이미지가 흐릿하게 먼저 보이는 문제 문의
- 가능한 원인: 레이지 로딩, 낮은 해상도/퀄리티 이미지 먼저 로딩, CSS 트랜지션 문제 등
- 점검: 이미지가 서버에서 한꺼번에 로딩되는지, 브라우저 캐시 문제인지, 사용하는 라이브러리 영향 등 확인
- 문제 재현용 코드 없으면 정확 원인 진단 어려움
7. 판교 사투리와 영어 발음 문제 토론
- ‘시큐리티(security)’를 ‘세커티’ 등 변형 발음하는 판교식 영어 얘기
- 실제로 한국 IT 업계에서 발음이 다소 변형된 컨펌(confirm) 등도 자주 들림
- 해외 유학 경험에 따른 영어 억양 차이 설명
- 발음 차이 이해와 환경 적응이 필요하며, 조롱 대상이 되어서는 안 됨
- 협업 시 영어뿐 아니라 서로의 문화와 발음을 이해하려는 노력이 중요
8. 리액트 라이브러리 추천: 그리드 및 편집 기능
- 엑셀 시트 같은 그리드 컴포넌트 추천 요청
- 추천: TanStack Table (이전 react-table) – 헤드리스 컴포넌트, 커스터마이징 용이
- AgGrid: 기능이 많고 강력하지만 무거울 수 있음
- 셀 클릭 후 인풋, 셀렉트 등 에디터블 모드 구현 가능
- 기타 검색 키워드: React grid table library 등
9. 자동화와 로봇 기술에 대한 소소한 대화
- 로봇이 삼겹살 굽고 서빙하는 시대 도래 이야기 공유
- 키오스크 주문, 서빙 로봇까지 결합하면 1인 매장 가능성 언급
- 일자리 감소 우려도 있지만 편리성 증가 기대
10. 기타 – 급여지급일, 주식, 개인 일상
- 월급 지급일에 대한 회사 내규 차이 토론 (늦게 지급되는 경우도 있음)
- 주식 매도 시점과 심리적 압박감 이야기
- 개발자들의 운동, 취미, 연애 이야기로 마무리
- 각자 장난스러운 일상 속 소통이 활발했음
면접팁⚡
- 테스트 도구 관련 질문 대비: Jest와 Vitest의 차이 및 사용 상황 이해
- 코드 입력 환경에서 백틱()과 물결표시(~) 사용법 정확히 알고 있을 것
- 영어 발음과 커뮤니케이션에 유연함 필요, 문화적 다양성 인식 강조하기
- 리액트 관련 그리드 라이브러리 및 커스터마이징 경험 말할 준비
- 자동화 및 최신 기술 사례(로봇 서빙, 키오스크 등) 간단히 언급 가능
링크🔗
#프로그래밍#테스트#키보드#민초#자동차#리액트#이미지로딩#판교사투리#개발자토크#로봇자동화