개발자들이 남긴 기록..

IT 대기업 채용 상·하반기 차이와 현실
면접 난이도와 AWS, 렌더링 심층 질문
신입 면접과 수습 기간 현실
React 개발과 최적화 사례 및 컴포넌트 패턴
타입스크립트와 ref 관리, 타입 에러 이슈
Turborepo와 모노레포 구축 기본 개념
AWS 및 클라우드 배포에서 발생한 403 에러 원인
커머스(이커머스) 프론트엔드 업무 특성 및 팁
코드리뷰와 성장, 오픈챗 스터디 문화
개발자 일상, 면접, 그리고 자유와 구속에 대한 이야기

1. IT 대기업 채용 상·하반기 차이와 현실

대기업은 전통적으로 상·하반기 공채가 있었지만 최근엔 상시채용 문화 확산 중
IT 대기업은 필요한 시기에 채용을 진행해서 공고 수 차이가 크지 않음
대규모 채용 광고는 허위과장인 경우가 많고, 실제 최종 합격자는 극소수
지원자들 사이에서 공채가 아니어서 취업이 어렵다는 편견이 있지만, 절대적인 성공 불가란 없음

👉 초보자에게

대기업 채용 공고는 시기보다 지원자의 실력과 상황에 맞는 채용 절차가 중요하다고 보면 됨. 허위 채용 광고에 속지 말 것.

2. 면접 난이도와 AWS, 렌더링 심층 질문

면접 질문은 회사별 '채용 허들'에 따라 달라짐
AWS 관련 네트워크, 렌더링 엔진 작동 원리 등을 깊게 묻기도 함
10년 전 면접에서도 렌더링 관련 질문은 있었음 (브라우저가 어떻게 화면을 그리는지 이해하는 문제)
복잡한 질문은 합격자가 많지 않아 ‘채용인원은 있지만 허들 못 넘긴’ 경우 많음

설명: 렌더링 심층 질문

웹 렌더링은 HTML, CSS, JavaScript를 브라우저가 해석해 화면에 표시하는 과정을 말함. 타이밍, 레이아웃 계산, 페인트, 합성 과정마다 성능 고려사항이 있음.

3. 신입 면접과 수습 기간 현실

신입은 1차 합격률은 높지만 최종 합격 어려움 증가 추세
수습 기간 중에 특별한 문제 없으면 해고 사례는 드뭄
경력직은 역량과 회사 필요성 맞지 않으면 탈락 사례 빈번
수습에서 짤리려면 매우 큰 문제 (예: 횡령) 있어야 함

팁

수습 기간은 배우고 적응하는 과정으로 보고, 너무 걱정하지 않아도 됨.

4. React 개발과 최적화 사례 및 컴포넌트 패턴

과도한 최적화 시도(예: React 메모, useCallback 남발)는 오히려 성능 저하와 코드 유지보수 어려움을 유발
최적화는 명확한 성능 측정과 근거가 있어야 하며, 무작정 흉내 내는 건 비효율적
Compound Component(컴파운드 컴포넌트) 패턴: React에서 여러 관련 컴포넌트를 하나의 네임스페이스처럼 묶어 사용하는 방식
비교적 자유도가 높아 많이 사용되는 디자인 패턴

5. 타입스크립트와 ref 관리, 타입 에러 이슈

React useRef를 사용할 때 정확한 타입 지정(예: HTMLElement, HTMLInputElement) 중요
타입 미지정시 any 처리하는 경우가 많은데 이는 타입 안정성을 떨어뜨림
하위 자식 컴포넌트가 많거나 구조가 복잡할 때, 타입스크립트가 정확한 타입을 인지하지 못하는 경우가 있음
console.log 축약(snippet)으로 clg 등이 쓰임

6. Turborepo와 모노레포 구축 기본 개념

Turborepo는 모노레포를 쉽게 구성하고 빌드 속도를 개선하기 위한 도구
모노레포란 여러 프로젝트(앱, 라이브러리 등)를 하나의 저장소에서 관리하는 방식
공통 라이브러리는 보통 쓰는 위치(package)별로 설치하며, 루트에 일괄 설치하는 게 반드시 좋은 방법은 아님
주의할 점은 의존성 버전 관리 및 빌드 범위 설정이다

7. AWS 및 클라우드 배포에서 발생한 403 에러 원인

https://도메인.com은 정상 접속되나 www.도메인.com에서 403 Forbidden 에러 발생 시
www에 대한 Route 53 DNS 라우팅 설정 확인하자
CloudFront, S3 버킷 정책에 www에 대한 권한이 제대로 설정되었는지 점검 필요
www 도메인은 별도의 호스트레코드(A, CNAME)로 반드시 추가해야 함

8. 커머스(이커머스) 프론트엔드 업무 특성 및 팁

프론트엔드는 속도, SEO, 접근성에 특히 신경씀
백오피스와는 다르게 사용자 경험(UX)에 직결된 부분들 밀접하게 다룸
장애 발생 시 서비스 전체 중단을 막기 위한 부분 처리 및 예외관리 중요
최선의 사용자 경험을 위한 지속적인 최적화와 빠른 응답이 필수

9. 코드리뷰와 성장, 오픈챗 스터디 문화

코드리뷰는 자신의 약점을 발견하고 성장하는 기회
오픈챗이나 온라인 스터디 모임 통해 함께 공부하는 문화 활성화
스터디는 부담 갖지 말고 의견 교환과 꾸준함이 중요
면접 준비, 코드 리뷰를 통한 성장 꿀팁

10. 개발자 일상, 면접, 그리고 자유와 구속에 대한 이야기

면접은 평가 대상이자 동시에 회사도 평가하는 자리
‘면접관도 떨리며, 면접자도 평가받는 상호작용의 자리’라는 인식 필요
개발자들은 적절한 구속과 자유가 균형을 이뤄야 행복함
과도한 자유는 방임, 과도한 구속은 스트레스로 취급
일상 소소한 얘기들(피자, 음료 취향 등)은 개발 문화의 일부

면접팁⚡

대기업 IT 채용은 상·하반기 구분 없이 상시채용으로 진행되는 경우가 많다
AWS, 네트워크, 웹 렌더링에 대한 깊은 이해가 필요함
최종 단계를 통과하지 못하는 경우가 많으니 1차, 2차에 집중하되 깊게 준비할 것
면접관은 지식 자랑이 목적이 아니며, 합격을 원한다는 태도를 갖는 것이 좋음
자기소개는 공채에서는 보편적이지만, 회사마다 방식이 다르니 사전 조사 필수
코드 리뷰에서 최적화 여부는 '합리적인 근거와 성능 측정' 기준으로 판단됨
React 관련 컴포넌트 패턴과 타입스크립트 타입 지정에 신경 써서 오류 감소

링크🔗

Turborepo 간략 소개
https://erwinousy.medium.com/turborepo%EC%97%90-%EB%8C%80%ED%95%9C-%EA%B0%84%EB%9E%B5%ED%95%9C-%EC%86%8C%EA%B0%9C-adf78ddb4787
Compound Component 패턴 설명
https://fe-developers.kakaoent.com/2022/220731-composition-component/
AWS Route 53 www 도메인 403 에러 해결 (OpenAI 공유 링크)
https://chat.openai.com/share/d4033797-2a8f-4bd5-9849-6181e0f66b36
배민 프론트엔드팀 책 (모던 PHP 관련)
https://www.yes24.com/Product/Goods/123161563
https://www.yes24.com/Product/Goods/123049083
base64 인코딩 개념 정리
https://velog.io/@superlipbalm/base64-encoding

2023-11-03

목차