react 썸네일react

2025-04-10

목차

  1. 크롬에서 폰트 안티 앨리어싱 이슈
  2. 키클락(Keycloak)과 OTP 관리
  3. 토스 과제 준비 이야기
  4. Next.js 최신 버전 및 터보팩, rspack 이야기
  5. Git 브랜치 전략과 충돌 문제
  6. 근무 환경 및 근무 시간 이야기
  7. 리액트 오픈소스 프로젝트 추천
  8. PostgreSQL MCP에 대한 경험 공유
  9. 개발자 간 친목 및 소소한 대화
  10. 면접팁⚡

1. 크롬에서 폰트 안티 앨리어싱(AA) 이슈

  • 크롬 브라우저에서 폰트가 기본적으로 안티 앨리어싱되지 않는 현상 발견
  • 안티 앨리어싱이란 폰트의 경계선을 부드럽게 처리하여 글자가 더 깔끔하게 보이도록 하는 그래픽 처리 기술
  • 예전에는 특별한 설정이 없으면 자동 적용됐는데, 최근 업데이트 이후 변화 가능성
  • 이슈 발생 시 개발자 도구로 폰트 렌더링 스타일 확인과 크로스 브라우저 테스트 권장

2. 키클락(Keycloak)과 OTP 관리

  • 키클락은 오픈소스 아이덴티티 및 액세스 관리 솔루션
  • OTP(One Time Password) 기능도 내장, 60초마다 바뀌는 6자리 숫자 생성 및 관리 가능
  • 소규모 기업부터 대규모 조직까지 인증, 권한 관리 용도로 활용 용이
  • 초보자도 공식 사이트(https://www.keycloak.org/) 참고해서 설정 방법 익히면 도움됨

3. 토스 과제 준비 이야기

  • 토스 개발자 과제는 일주일 정도 공부하면 통과 가능한 수준
  • 사전 기술 스택 안내 및 4~6시간 이내 제출 조건 명확
  • 과제는 요구사항 충족에 집중하며, 테스트 코드 작성과 PR에 특별히 신경 쓰지 않아도 무방
  • AI 사용 허용 여부는 지원팀에 따로 문의 필요
  • 준비 팁: 공식 안내 문서 꼼꼼히 확인하고 주요 기술 스택 집중 학습

4. Next.js 최신 버전 및 터보팩, rspack 이야기

  • Next.js v15.3.0 출시, 새로운 네이게이션 훅 추가 및 터보팩 도입
  • 터보팩은 빠른 빌드를 목표로 하지만 아직 불안정한 평가도 있음
  • rspack은 빠른 빌드와 개발 모드 속도를 제공해 점차 인기 상승 중
  • 개발 단계에서 빌드 도구 변화에 따른 프로젝트 영향과 안정성 모니터링 중요
  • 일부는 Vite 도입을 희망, 기존 Webpack 대비 속도 차이 언급

5. Git 브랜치 전략과 충돌 문제

  • 브랜치 관리 방법은 다양한데 보통 dev 브랜치에서 개발 후 main에 병합
  • 안정적 흐름은 main의 최신 상태를 dev에 먼저 pull 받고, dev에서 개발 → main에 병합
  • 충돌 원인 중 하나는 의존성 버전 불일치, 휴먼 에러, 그리고 병합 순서 미준수가 있음
  • 에러 발생 시 에러 로그 확인과 원인 분석 필수
  • 팀 내 공통된 Git 규칙 및 코드 리뷰 절차 마련 권장

6. 근무 환경 및 근무 시간 이야기

  • 주5일, 주6일, 주4.5일 출근 등 다양한 근무 형태 경험 공유
  • 원격 근무, 출퇴근 유연성, 근로시간 단축 관련 경험과 아쉬움 전함
  • 근무 환경에 따라 효율성이 크게 달라질 수 있음을 공감
  • 공식 시험 일정이나 개인 사정에 따른 일 조정 사례 소개

7. 리액트 오픈소스 프로젝트 추천

  • Facebook/react 공식 저장소는 기본참고용
  • tldraw (온라인 드로잉 툴) 등 실무에 참고할만한 오픈소스 추천
  • 오픈소스 활용 시 프로젝트 구조 파악과 직접 실행 경험이 중요

8. PostgreSQL MCP 관련 경험 공유

  • MCP(Multi-Cluster Postgres)는 고가용성 및 분산 데이터베이스 관리를 위한 기술
  • 사용 중 불편 또는 문제를 겪는 사례가 있음
  • 전문적인 설정과 운영 경험이 요구됨
  • 조만간 관련 세션 혹은 공유 예정

9. 개발자 간 친목 및 소소한 대화

  • 개발자들 사이에 연봉, 이직, 근무지, 점심식사, 취업 준비 등 일상적인 이야기
  • 농담과 유머 섞인 대화로 팀 분위기 환기
  • 개발 외에도 관심사 및 취미 공유하며 친목 도모

면접팁⚡

  • 토스 과제 준비 시 단기간 집중 학습, 요구사항 이해에 초점 맞추기
  • Git 충돌 상황 발생 시, 원인 분석 능력과 해결 방안 설명 능력 중요
  • Next.js 및 최신 빌드 툴 경험은 큰 장점
  • 키클락 같이 실무 인증 및 보안 도구 경험 강조 가능
  • 기술적 질문에 대비해 안티 앨리어싱, OTP 개념 등 기본기 탄탄히

링크🔗

#프론트엔드#Git#Nextjs#키클락#토스과제#리액트#근무환경#개발커뮤니티#면접준비#오픈소스