목차
- 실시간 일상 및 감정 상태 공유
- React Router 문제 상담과 해결 팁
- React 및 타입스크립트 인터페이스 활용법
- React 19 업데이트 및 관련 자료 공유
- React Native TextInput 스타일링 문제와 해결법
- JPA 공부 및 백엔드 트렌드
- MSSQL Server 2022 설치 및 연결 문자열 설정 문의
- 브라우저 이슈와 캐시 문제
- AI와 개발 관련 소소한 대화
- 기술면접 활용 팁
1. 실시간 일상 및 감정 상태 공유
- 개발자들이 일상과 감정 상태를 자유롭게 공유함.
- 피곤하거나 마음이 아픈 이야기도 섞여있어 서로 위로하는 분위기.
- 주로 간단한 대화와 농담으로 소통하고 있음.
2. React Router 문제 상담과 해결 팁
- 문제: react-router-dom 버전 5에서 history.push(/pay/${userId}/detail); 후 예상 경로가 아닌 /로 리다이렉션 되는 현상 발생.
- 상황: userId 값 정상 전달, <Route path="/pay/:userId/detail" exact component={PaymentRetireDetail} /> 설정, PaymentRetireDetail 컴포넌트에서는 useEffect로 userId 로그 확인 중.
- 의견 및 해결법:
- 라우트 전체 설정 코드와 app.tsx 구조 확인 필요.
- useNavigate 훅이 아닌 history.push를 사용했는데, React Router 6 버전과 혼동돼 문제가 될 수 있음.
- exact 속성 사용과 라우트 중복 검사 권장.
- 리다이렉션 문제는 경로 매칭 실패 또는 추가 라우트 설정 문제일 수 있음.
- 코드 전체 흐름 점검 필요.
3. React 및 타입스크립트 인터페이스 활용법
- 질문: 하나의 엔티티를 여러 화면(마이페이지, 마켓)에서 약간씩 다른 타입으로 사용해도 되는지?
- 답변 및 권장 방식:
- 기본 인터페이스 A를 정의하고, 추가 속성이 필요한 타입은 인터페이스 상속(interface B extends A { price: number }) 또는 교차 타입(type B = A & { price: number })으로 확장하는 방법 추천.
- 상속 방식이 코드 파악과 이해가 수월하다는 의견.
- 제네릭을 통해 로직을 숨기기보다는 명확한 타입 확장을 권장.
4. React 19 업데이트 및 관련 자료 공유
- React 19에서 react-dom 관련 변경사항(예: ref, context 등) 중심으로 정리한 블로그 포스팅 공유.
- 공식 문서보다는 핵심을 쉽게 요약한 글이라 초보자도 도움됨.
- 스포트라이트는 Suspense와 새로운 API 관련 업데이트.
5. React Native TextInput 스타일링 문제와 해결법
- 이슈: TextInput에서 padding 0 설정해도 글자가 계속 잘리는 현상 발생.
- 원인: 부모 View에 flex 값이 부족하거나 비정상 설정되어 TextInput이 제대로 공간을 확보하지 못함.
- 해결법:
- 부모 요소에 flex: 1을 주고, 자식 요소 TextInput에 flex: 1을 줘서 공간을 잘 할당해주기.
- flex는 자식 컴포넌트가 할당된 공간 안에서 크기를 조절하는 개념임.
- 부모-자식 관계를 퍼즐 조각처럼 생각하라 - 부모 공간이 충분해야 자식이 제대로 표시됨.
- margin, padding, border 값들은 레이아웃에 큰 영향을 줌으로 꼼꼼히 체크 필요.
6. JPA 공부 및 백엔드 트렌드
- JPA(Java Persistence API)는 Java에서 ORM(Object Relational Mapping)을 위해 표준으로 자리 잡음.
- 기존 오픈소스가 Java 진영에 공식 채택된 사례라고 설명됨.
- JPA는 SQL 대신 Java 객체 중심으로 DB 조작 가능하게 만들어 생산성과 유지보수가 용이.
- 김영한 강사의 JPA 강의가 유명하며, 요즘 백엔드 개발자들 사이에서 필수 학습 대상.
7. MSSQL Server 2022 설치 및 연결 문자열 설정 문의
- 설치 중 연결 문자열에 기본 데이터베이스 이름 변경 방법 질문.
- 이 질문에 대해서는 구체적인 답변은 없었으나, MSSQL 연결 문자열에서 기본 DB 설정은 Initial Catalog 또는 Database 파라미터를 변경하면 됨.
8. 브라우저 이슈와 캐시 문제
- 크롬에서 특정 사이트(잡코리아) 접속 시 먹통 현상 발생.
- 캐시 삭제를 권장했으나, 캐시 삭제 시 과금 기록 등 데이터 손실 우려 질문도 있었음.
- 브라우저 문제는 캐시 클리어 후 쿠키 및 세션 유지에 주의할 필요 있음.
9. AI와 개발 관련 소소한 대화
- AI를 활용해 챗봇이나 라이브2D, Unity, TTS 등을 결합해 ‘AI 여자친구’를 만드는 농담 섞인 이야기.
- AI 관련 기술이 개발자 사이에서 친근하고 재미있는 소재로 활용됨.
- AI가 사랑이라는 우스갯소리도 나옴.
10. 기술면접 활용 팁⚡
- React Router 문제 해결 과정과 라우트 설정에 관한 질문은 면접에서 자주 나올 수 있음.
- 타입스크립트에서 인터페이스 확장 방법과 타입 안전성에 관한 이해도 중요.
- React Native 레이아웃 문제, 특히 flexbox 이해는 모바일 앱 개발자 면접 시 신뢰도 높임.
- JPA와 ORM 개념, 그리고 백엔드 표준 기술에 대해 설명할 준비 필요.
링크🔗
- React 19 변경사항 정리 포스팅:
https://velog.io/@skiende74/React-19-%EB%B3%80%EA%B2%BD%EC%82%AC%ED%95%AD-Suspense
#React#ReactRouter#ReactNative#TypeScript#JPA#MSSQL#브라우저이슈#스타일링#AI연관#기술면접