2024-04-26

목차

1. 해커톤과 개발 환경 세팅
2. 모노레포 관리 도구 비교와 활용 팁
3. API 없는 정적 페이지 콘텐츠 관리
4. React에서 <script> 태그 삽입 방법
5. 깃(git) 무시파일(.gitignore) 문제 및 해결법
6. M1/M2 맥북 개발 환경과 성능
7. 연봉 협상 팁과 실제 경험담
8. 국비 지원 교육과 개발자 성장 과정
9. SQL 쿼리 작성 시 조건문과 우선순위 이해
10. 기술 면접 및 코딩 테스트 경험 공유

1. 해커톤과 개발 환경 세팅 🎯

• 해커톤에 참가할 때 모니터를 챙겨가는 경우가 있음.
• 다중 모니터로 작업하던 환경을 단일 16인치 노트북으로 바꾸는 것이 부담스러워 고민하는 분 있음.
• 보조 모니터까지 세팅한 사례도 있고, 비용 문제로 가상 윈도우(가상 데스크톱)를 쓴 사례도 있음.

가상 윈도우
운영체제에서 여러 가상 데스크톱을 생성해 단일 모니터 환경에서 여러 작업 공간을 활용하는 방법. 비용과 공간을 절약하면서 멀티태스킹 가능.

2. 모노레포 관리 도구 비교와 활용 팁 🗂️

• 모노레포란 여러 프로젝트를 하나의 저장소에서 관리하는 방식임.
• yarn, lerna, turborepo 등 다양한 도구가 있음.
• lerna는 첫 세대 도구지만 아직도 많이 쓰임.
• turborepo는 최신 도구 중 하나로 주목받음.
• 모노레포가 꼭 필요한지, 초기에는 생산성이 떨어질 수도 있으니 신중하게 선택해야 함.
• CI/CD(지속적 통합/배포) 구축 시 신경 쓸 부분이 많음.

CI/CD
개발자가 코드를 자주 통합하고 자동으로 배포하는 프로세스. 모노레포에서는 여러 프로젝트가 함께 배포되어 관리가 복잡해질 수 있음.

3. API 없는 정적 페이지 콘텐츠 관리 📝

• API 통신이 없는 정적인 페이지의 콘텐츠 데이터를 저장할 때 고민이 많음.
• 비슷한 콘텐츠별로 데이터를 분리할지, 페이지별로 나눌지 방법이 다양함.
• 일반적으로 규모나 재사용성에 따라 적절히 분리.
• 너무 세분화하면 관리가 어려워질 수 있음.

4. React에서 <script> 태그 삽입 방법 📜

• React 컴포넌트 내부에 <script> 요소를 직접 넣어야 하는 경우가 종종 있음.
• 서버사이드 렌더링(SSR) 환경에서 iframe으로 렌더링하는 경우가 많음.
• 보통 useScript 같은 커스텀 훅을 활용하거나, 동적 로드 방식을 씀.
• 간단한 스크립트는 DOM API를 통해 직접 삽입하는 경우도 있음.

useScript 훅
React 훅으로 외부 스크립트를 동적으로 불러와 사용할 수 있게 관리하는 방법. 스크립트가 중복 로드되지 않도록 해줌.

5. 깃(git) 무시파일(.gitignore) 문제 및 해결법 🐙

• .gitignore 설정을 했는데도 node_modules가 커밋되어 메인 브랜치에 나타나는 문제가 있음.
• 원인: .gitignore 만들기 전이나 설정 전 이미 node_modules가 스테이지(staged)에 올라가 있었음.
• 해결법
  • 캐시에서 제거: git rm -r --cached node_modules
  • 커밋 전 .gitignore 파일을 반드시 생성하고 설정할 것
  • 이후부터는 자동으로 무시됨.
• 최초 커밋 시 .gitignore는 필수로 포함해 관리하는 게 좋음.

6. M1/M2 맥북 개발 환경과 성능 🍎

• M1 맥북 에어 16GB 모델이 합리적인 선택으로 평가받음.
• 온보드 방식 램이라 구매 시 사양을 잘 선택해야 함.
• 팬리스 설계라 발열과 소음이 적음.
• 개발용으로 충분한 성능 제공.
• 맥북 프로는 고사양 장비가 필요하거나 영상 편집 같은 작업을 하는 디자이너들이 선호.
• 중고 시장에서도 가격 방어가 잘 되는 편임.

7. 연봉 협상 팁과 실제 경험담 💰

• 최종 합격 이후 받는 연봉 제안에 대해 협상하는 사례가 많음.
• 협상 방법
  • 근거와 이유를 논리적으로 설명하는 것이 중요. (예: 다른 회사의 제안 금액, 시장 평균 등)
  • 거절 의사를 분명히 하고 원하는 금액을 제시할 수 있음.
  • 상대방과 전화 통화 후 협상하는 방법 추천.
  • 협상 여부는 본인 선택이며, 아쉬움 없이 임하는 게 좋음.
• 보통 '기존 연봉 대비 얼마 이상을 원한다'고 말하는 사례 다수.
• 입사 희망 회사가 조건을 맞춰주지 않는 경우 다른 회사 선택도 고려.

8. 국비 지원 교육과 개발자 성장 과정 🚀

• 국비 지원 교육에서 2개월~6개월 공부 후 취업하는 사례 공유.
• 자기 객관화(자신의 수준과 약점을 정확히 아는 것)의 중요성 강조.
• 초보자는 바닐라 JS부터 탄탄히 다지는 게 중요하며, 남과 비교하지 않는 태도 권장.
• 프로젝트형 수업을 통해 실무 감각을 익히는 것이 효과적.
• 번아웃(과도한 업무로 인한 탈진) 주의, 꾸준함과 휴식의 균형 필요.
• TIL(Today I Learned) 작성 습관 추천: 매일 공부 내용 정리로 복습과 자기 점검 가능.

TIL
개발자들이 매일 혹은 정기적으로 학습한 내용을 기록하는 습관. 자기 발전, 복습, 포트폴리오 자료로 활용 가능.

9. SQL 쿼리 작성 시 조건문과 우선순위 이해 🗃️

• SQL 조건문에서 AND, OR 조합 시 괄호 사용 주의 필요.
• 조건 우선순위에 따라 원하는 결과가 나오지 않을 수 있음.
• 예시:
  • (region LIKE '대구' OR region LIKE '부산') AND birthday BETWEEN '1990-01-01' AND '1999-12-31'
• LIKE 구문 사용 시 % 와일드카드 필수 (ex. LIKE '%대구%')
• BETWEEN은 범위 지정 조건으로 특정 기간 내 데이터 필터링 시 사용.
• ORM(Object Relational Mapper) 쓰는 경우 문법 차이도 고려해야 함.

10. 기술 면접 및 코딩 테스트 경험 공유 ⚔️

• 코딩 테스트는 보통 3문제, 3시간 내 푸는 형식이 많음.
• 합격자들은 평균 1시간 내외로 문제 풀이 마침.
• GPT(인공지능)로 코딩 테스트를 해결하려는 시도가 있으나, 복잡한 문제는 한계 있음.
• 면접 시 '희망 연봉, 출근 가능일' 질문은 합격 신호일 수 있음.
• 면접 경험이 쌓이면 말하기와 문제 풀이 능력이 성장함.
• 실패하더라도 연습과 경험으로 성장하는 과정으로 인식해야 함.

면접팁⚡

• 면접 중 희망 연봉이나 출근 가능일을 묻는 것은 긍정적인 신호일 수 있으니 긴장하지 말 것.
• 연봉 협상 시 본인의 가치를 논리적으로 잘 어필하는 게 중요.
• 코딩 테스트는 시간이 오래 걸릴 수 있으니 미리 연습하고 시간 관리에 신경 써야 함.
• 면접 경험이 쌓이면 자연스럽게 자신감과 표현력이 증가함.
• 실수해도 포기하지 말고 다음 면접에 집중하는 자세 필요.

링크🔗

• Docusaurus - 정적 블로그 생성기
• React useScript Hook 참고 예시
• Git 공식 문서 - .gitignore 사용법
• Next.js usePathname 활용법
• Today I Learned (TIL) 작성법 가이드