목차
- JavaScript 깊게 공부하는 방법
- 차트 라이브러리 추천과 유료 이슈
- Supabase와 백엔드 개발에 대한 토론
- 메소드 체이닝(Method Chaining) 이해하기
- React Native(알엔) vs Flutter 비교
- 면접 준비 및 코딩 테스트 현황
- GitLab 브랜치 및 머지 오류 해결
- Tailwind CSS JIT 이슈와 해결 팁
- 개발자 커뮤니케이션과 업무 문화 이야기
- 기타 기술 및 라이프스타일 토론
1. JavaScript 깊게 공부하는 방법🧑💻
- JavaScript 딥다이브 추천: 900페이지 분량 서적을 여러 번 읽는 것을 권장.
- 여러 번 반복해서 읽어야 제대로 이해할 수 있음.
- Javascript.info 같은 온라인 튜토리얼도 매우 유용.
- 초보자는 기초 개념부터 차근차근 쌓는 게 중요하며, 책과 온라인 자료 병행 추천.
🎯 메소드 체이닝(method chaining)란?
- 객체 지향 프로그래밍에서 여러 메소드를 연달아 호출해 코드 표현을 간결하게 만드는 기법.
- 예) object.method1().method2().method3()
- 함수가 자기 자신 또는 객체를 반환해 각 메소드가 이어서 호출 가능.
- 초기 학습 시에는 중간 반환값 이해와 메소드 설계가 관건.
2. 차트 라이브러리 추천과 유료 이슈📊
- 인기 라이브러리: Chart.js, amCharts, Recharts 등.
- amCharts는 기업에서 사용 시 유료 라이선스가 필요할 수 있음.
- 선택 시 프로젝트 규모와 예산 고려 필요.
- 간단한 차트라면 Chart.js가 무난하고 무료인 편.
3. Supabase와 백엔드 개발에 대한 토론🗄️
- Supabase는 Firebase 대안으로 간편한 백엔드 기능 제공(인증, DB, 스토리지 포함).
- 스타트업 초기 단계에 프론트에 직접 DB 접근하는 방식은 효율적일 수 있지만, 보안 문제에 유의해야 함.
- 클라이언트가 직접 DB 키를 갖는 건 위험하므로 환경변수(.env)와 SSR 사용해 보호 필요.
- 백엔드 개발자 역할은 다양한 곳에서 요청 처리, 데이터베이스 관리, 인증 보안 등을 담당.
- ORM 사용도 흔하지만 SQL 쿼리문 이해는 중요.
- 서비스 성장 시 API 개발, 서버 인프라도 구축해야 함.
💡 팁:
- supabase로 충분하면 백엔드 부담 줄일 수 있지만, 확장성과 보안 고려해 차후 백엔드 개발 준비도 병행해야 함.
- env 파일도 클라이언트에 포함되기 때문에 보안 민감한 키는 서버쪽에 보관 권장.
4. 메소드 체이닝(Method Chaining) 이해하기🔗
- 좋은 글 링크 공유:
- 메소드 체이닝을 활용하면 여러 기능 호출을 한 줄로 처리 가능해 코드 가독성과 간결성이 올라감.
- 단점은 잘못 설계하면 디버깅이 어려워질 수 있음.
5. React Native(알엔) vs Flutter 비교📱
- 플러터는 높은 성능과 네이티브 느낌이 강하지만 설정이 까다롭고, 개발자 구하기 어려울 수 있음.
- React Native는 리액트 개발자들에게 친숙하지만, 네이티브 모듈 간 커스텀 제약이 비교적 큼.
- expo는 React Native 생태계에서 빠른 개발을 도와주는 플랫폼, 버전 관리와 개발 편의성이 크게 개선됨.
- 장기적 선택은 프로젝트 요구 사항과 개발 환경에 따라 달라짐.
6. 면접 준비 및 코딩 테스트 현황👩💻
- 최근 코딩 테스트는 과제형 문제 위주로 전환되는 추세.
- GPT 등 AI 도구 활용은 장단점이 있어 신중한 사용 권장.
- 면접 시 데이터베이스 쿼리 이해도와 근본적인 문제 해결 능력 중요.
- “ORM에만 의존한다”는 지적이 있으며, SQL 쿼리문이나 실제 서비스 흐름 이해도 강화 필요.
7. GitLab 브랜치 및 머지 오류 해결🚩
- “Merge not working, branch 404 error”는 해당 브랜치가 원격 저장소에 없을 때 발생.
- 해결법: 원격 저장소에 브랜치가 정상적으로 push되었는지 확인 필요.
- 브랜치가 삭제되었거나 이름이 변경된 경우도 같은 오류 발생.
8. Tailwind CSS JIT 이슈와 해결 팁🎨
- Tailwind CSS JIT 모드에서 저장 후 className에 적용 안 되는 경우 간혹 존재.
- 대부분 config 경로 설정 문제이지만, 설정이 맞아도 캐시 문제일 수 있음.
- VSCode 재시작 또는 Tailwind 빌드 프로세스 재실행 시 개선되는 경우 다수.
- 공식 문서나 커뮤니티에서 유사 사례 확인 권장.
9. 개발자 커뮤니케이션과 업무 문화 이야기🗣️
- 월급날과 카드값, 연차 문화, 퇴사 이야기, 그리고 백엔드와 프론트 개발자의 업무 범위 등 일상 요소 포함.
- 프론트와 백엔드 개발 난이도 차이 및 각자 적성에 따라 선택해야 한다는 의견 교환.
- “초심자도 회사 입사 후 신입으로 봐야”라는 격려도 있었음.
- 일과 생활 균형, 업무 강도, 복지에 대한 고민과 경험 공유.
10. 기타 기술 및 라이프스타일 토론💬
- rust, web assembly, deno, bun 등 신기술 관심과 학습 고민.
- 머신러닝과 러닝머신(달리기) 유머.
- 다양한 공부 동기 부여와 개발자의 일상 공유.
- 직방, 삼성 IoT, 토스 같은 회사 이야기와 채용 문화 등에 대한 의견도 나옴.
면접팁⚡
-
코딩 테스트 준비
최근엔 과제형 문제 중심. 문제 이해부터, 구글링, 그리고 디버깅 과정을 기록하는 습관이 중요하다.
단순히 정답 코드만 제출하지 말고 논리적 사고 과정과 문제 풀이 방법도 잘 준비해야 한다. -
SQL과 백엔드 이해
ORM만 사용하지 말고 기본적인 SQL 쿼리를 이해하는 것이 중요.
API 구조와 서버-클라이언트 관계에 대한 이해가 깊으면 면접에서 유리하다. -
코드 설명 능력
Git 관련 이슈나 오류 대처법을 실제 경험담과 함께 설명할 수 있도록 준비하자.
링크🔗
#JavaScript#React#Supabase#차트라이브러리#ReactNative#Flutter#백엔드개발#코딩테스트#GitLab#TailwindCSS