목차
- 메모리 구조와 프로그래밍 기초
- 프론트엔드 기술과 React 학습 자료
- 협업과 소통 이슈 및 해결 방안
- 상태관리 라이브러리 사용 방법
- 면접 및 채용 정보 공유
- 개발자 성장과 적극성에 대한 고민
- AI 도구(GPT, 코파일럿) 활용 경험
- React 진행 상태 저장과 새로고침 문제
- 하이브리드 앱과 반응형 웹의 관계
- 재미있고 유쾌했던 대화와 커뮤니티 문화
1. 메모리 구조와 프로그래밍 기초
- 스택과 힙은 메모리 공간을 나누는 방식이다.
- 스택(Stack): 함수 호출이나 지역 변수 등 임시 데이터를 저장하는 메모리 공간이다. 빠른 접근이 가능하나 크기가 제한적임.
- 힙(Heap): 동적 메모리 할당에 사용되는 공간으로 크기가 크지만 관리가 복잡하다.
- 원시 타입(primitive) 값은 보통 스택에 저장되고, 객체나 참조(reference)는 힙에 저장된다.
- 메모리 구조를 이해하지 않고 개발하는 것은 매우 어려움. 자료구조 공부와 운영체제 지식이 필요하다.
2. 프론트엔드 기술과 React 학습 자료
- React 공부를 위한 추천 리소스:
- 『리액트를 다루는 기술』 책
- 공식 문서 및 코딩 애플(유튜브 강의)
- 실무 감각을 위해 코드 직접 작성해보는것 권장
- 최신 트렌드로 Astro라는 프레임워크가 언급되며, Gatsby보다 성능과 확장성에서 더 좋다고 평가됨.
3. 협업과 소통 이슈 및 해결 방안
- 같은 팀 내에서도 의견 불일치가 자주 발생한다.
- 효과적 협업 팁:
- 의견 충돌 시 대화를 통해 근본 이유를 이해하고 조율 필요
- 이미 정해진 방향이라도 가능하지 않은 부분은 설명 후 대체안을 제시해야 함
- 상대방을 무시하거나 혼자 진행하는 것은 문제를 키울 수 있음
- 개발팀 내 소통 문제는 특히 프론트엔드끼리의 협업에서도 빈번함.
4. 상태관리 라이브러리 사용 방법
- 프로젝트 규모에 따라 상태관리 라이브러리 선택이 바뀔 수 있으나, 협업 시 통일성이 중요하다.
- 보일러플레이트 코드와 상태관리 방식이 통일되어야 생산성이 높아짐.
- 대표 상태관리툴: Redux, Recoil, Zustand, MobX 등이 있으며, 상황에 따라 쓰임
- 상태값(예: 프로그레스 바 단계 데이터)은 보통 세션스토리지, 로컬스토리지 혹은 서버에 저장한다.
5. 면접 및 채용 정보 공유
- 네이버 2024년 공채 일정과 지원 자격에 대해 공유
- 신입은 경력 1년 미만 혹은 졸업 예정자 대상
- 이직 준비 중인 개발자의 급여 협상 경험 공유
- 좋은 연봉과 복지 중 선택 시 고려사항 언급 (복지보다는 연봉 우선시 하는 의견도 있음)
- 외국계 스타트업 재택근무 환경에 대한 소개
- 면접 시 적극성, 협업 능력, 문제 해결 능력의 중요성 강조
6. 개발자 성장과 적극성에 대한 고민
- 시킨 것만 하는 개발자와 주도적이고 진취적인 개발자는 성장 차이가 큼
- 적극적으로 프로젝트의 문제를 찾아내고 개선하는 태도가 중요함
- 토이 프로젝트, 오픈소스 참여 권장
- 평판과 연봉 협상은 능력뿐 아니라 회사 문화, 팀 내 관계에 크게 좌우됨
- 연봉 인상에 만족하지 않는 경우 이직도 좋은 방법
7. AI 도구(GPT, 코파일럿) 활용 경험
- 여러 개발자가 GPT, 코파일럿을 도구로 적극 사용 중
- GPT는 검색 엔진과 같은 질문 답변 역할, 코파일럿은 반복 코드 작성에 유용
- AI 도구에 의존하는 것에 대한 우려도 있으나, 올바른 보조 수단으로 활용 권장
- GPT4 유료 사용 경험과 무료 대체품 뤼튼에 관한 의견도 공유됨
8. React 진행 상태 저장과 새로고침 문제
- 프로그레스 바 같은 다단계 상태 진행 시 새로고침하면 초기화 문제 공통 이슈
- 상태값을 세션스토리지, 로컬스토리지, 쿼리스트링 등에 저장해 페이지 새로고침 뒤에도 유지하도록 처리 가능
- 새로 나가면 데이터 날아간다는 경고창 띄우는 경험도 좋음
- React useEffect 훅의 실행 순서와 부모-자식 간 이벤트 핸들링 관련 질문도 있었음
9. 하이브리드 앱과 반응형 웹의 관계
- 하이브리드 앱을 개발하려면 반드시 반응형 웹이어야 한다고들 하지만, 반드시 필수는 아님
- 반응형 웹은 다양한 화면 크기에 맞춰 UI를 자동으로 조절하는 웹 디자인
- 하이브리드 앱에서도 다중 디바이스 대응을 위해 주로 반응형 웹을 사용하지만 이유는 편의성
- 따라서 반응형 웹을 만드는 것이 하이브리드 앱 개발에 있어 더 효율적이긴 함
10. 재미있고 유쾌했던 대화와 커뮤니티 문화
- 개발자들끼리 서로 닉네임별 특징과 웃긴 점을 순위 매기며 친목 다짐
- 재치 있는 드립과 유머가 풍부하고, 서로 응원하는 분위기
- 개발 관련 업무의 어려움 속에서도 웃음을 잃지 않는 모습이 인상적
- 친근한 대화를 통해 스트레스 해소와 학습 동기 부여 효과
면접팁⚡
- 회사마다 연봉 협상 때 무조건 능력 평가만 하는 것은 아님. 평판과 협업 태도도 중요함
- 신규 지원자라면 시킨 일만 잘해도 좋은 평가를 받으나, 경력자는 적극성, 문제 해결 능력을 반드시 보여야 함
- 협업 상황에서 의견 조율 능력과 소통 능력을 강조할 것
- 기술 면접 대비 시 자료구조 및 메모리 구조 같은 기본적인 컴퓨터 과학 지식도 숙지하기
링크🔗
- 네이버 채용 공고: https://recruit.navercorp.com/micro/teamnaver/2024
- 제주 코딩 스터디 모집: https://rapa-kakaocloudschool-apply.goorm.io/?utm_source=kakao&utm_medium=bizboard&utm_content=in_jeju
- React 2024 트렌드: https://ykss.netlify.app/translation/react_trends_in_2024/
- 카카오톡 고독한 림에방 오픈채팅: https://open.kakao.com/o/grVScSdg
- LetsDefend 보안 교육 플랫폼: https://letsdefend.io/
#React#상태관리#협업#메모리구조#AI개발도구#하이브리드앱#프론트엔드#면접#개발자성장#커뮤니티