목차
- 연봉 협상 및 공개 관련 이슈
- 타입스크립트 초보 질문과 답변
- 기획자와 개발자의 역할과 협업
- 타입스크립트 사용 현황과 의견
- React 컴포넌트 디버깅 및 콘솔 출력 문제
- React 입문 추천 자료와 공부 방법
- AI 도구(클로드, 제미나이) 관련 대화
- 포트폴리오 제출 시 CSS 문제 해결 팁
- 여행 및 일상 짤막 이야기
- 디데이(ToDo) 체크박스 문제 공유
1. 연봉 협상 및 공개 관련 이슈 💸
- 핵심: 중소기업이 연봉 테이블을 따르지 않고 임원 의견으로 연봉을 조정할 수 있는가?
- 설명: 회사 내 규정이 있지만, 임원의 제안으로 연봉 조정 가능성은 있으나 회사마다 다름.
- 경험 공유:
- 실제로 공개연봉 문제로 인해 징계가 발생한 사례가 있음.
- 연봉 누설 금지 조항이 근로계약서에 포함되는 경우 많음.
- 연봉 공개는 회사 사고를 부를 수 있어 조심해야 함.
- 조언: 연봉 관련 정보는 회사 정책을 정확히 파악하고, 법적 문제가 발생하지 않도록 주의가 필요함.
2. 타입스크립트 초보 질문과 답변 📝
- 문제: 배열에서 타입 추론 및 자동완성 기능이 동작하지 않을 때 의심해야 할 점
- 답변 및 팁:
- 배열 요소(item)에 직접 접근해야 타입 추론 가능
- 예) selectedData.at(0)로 접근해야 해당 아이템의 타입 자동완성 지원됨
- 초보자 팁: 타입스크립트는 변수 타입에 맞는 구체적인 값에 접근할 때 가장 정확한 자동완성을 보여줌.
3. 기획자와 개발자의 역할과 협업 🎯
- 내용:
- 기획자가 직접 개인 홈페이지를 만들면서 디자인과 기획을 병행
- 개발자가 없으면 개발 관련 질문 도움 받기 어려움
- 기획자는 법률적 내용도 어느 정도 알고 있어야 할 때가 있음
- 협업 팁: 개발자와 기획자가 서로의 영역을 이해하고 협력 시 프로젝트 진행이 더 효율적임.
4. 타입스크립트 사용 현황과 의견 💻
- 현황:
- 일부 회사는 타입스크립트를 쓰지 않음
- 이유: 프로젝트 시간 부족, 타입 정의에 신경 쓸 여유 없음, 타입에 얽매이고 싶지 않음
- 협업 중심이나 복잡한 프로젝트에서 더 많이 사용됨
- 의견:
- 경쟁이 치열한 현장에선 타입스크립트가 협업과 코드 안정성에 도움 됨
- 개발자에 따라 타입스크립트 사용 경험 및 선호도가 다름
- Flow라는 대안도 있었지만 성공적이지 못함, 현재는 ReScript 등이 관심 대상
- 초보자 안내: 타입스크립트는 자바스크립트를 확장해 코드 안정성을 높이는 언어로, 장기적으로 협업과 유지보수에 이점이 크지만 초기 도입에는 학습 비용이 있음.
5. React 디버깅 및 콘솔 출력 문제 🐞
- 문제점: React에서 상태값이 객체 형태로 콘솔에 출력되며, 이전처럼 구조가 바로 보이지 않음
- 원인 및 조언:
- 브라우저(크롬) 업데이트, 확장 프로그램 영향 가능성
- useState 초기값 설정 확인 필요
- 콘솔에서 객체 옆의 '>' 아이콘을 눌러 접거나 펼칠 수 있음
- 결론: 기능 변화로 인한 출력 차이일 가능성이 크며, 큰 문제 아니므로 지나치게 걱정할 필요는 없음
6. React 입문 추천 자료와 공부 방법 📚
- 추천 자료:
- 공식 React 한글 문서 (https://ko.react.dev)
- 인프런 무료 강의 (소프트웨어 플래닝 등)
- 공식문서의 장점:
- API 명세부터 튜토리얼, 가이드, 데모까지 포괄적
- 개념 파악과 기본 동작 이해에 매우 유용함
- 공부 팁:
- 공식문서부터 이해한 후 필요한 부분만 강의나 클론코딩을 통해 실무 감각을 잡을 것
- 3~5일간 집중하면 기본기는 충분히 다질 수 있음
- 처음엔 모두 읽기 어렵다면, 기본 튜토리얼부터 단계적으로 접근
7. AI 도구(클로드, 제미나이) 관련 대화 🤖
- 상황:
- 구글에서 '제미나이' AI를 적극 밀고 있음
- 여러 계정을 돌려 쓰는 건 불가
- 제미나이는 "평타 이상" 성능이지만 고점(최고 성능)은 다소 부족하다는 평가
- 조언:
- AI 도구는 적절히 비교하며 자신에게 맞는 것을 활용하는 게 좋음
- 최신 트렌드를 파악하고, 해커톤 같은 이벤트를 통해 기능과 성능을 직접 경험해 볼 것
8. 포트폴리오 제출 시 CSS 문제 해결 팁 🎨
- 문제: HTML/CSS로 만든 포트폴리오가 친구에게 보낼 때 사진이나 스타일이 깨지는 현상
- 원인:
- CSS 파일이나 이미지가 함께 전달되지 않으면 웹페이지가 온전히 표시되지 않음
- 해결 방법:
- HTML만 보내지 말고, CSS 및 이미지 파일을 포함한 전체 폴더를 압축해서 전달
- 혹은 웹호스팅 서비스에 올려 링크 공유
- 초보자 팁: 웹 프로젝트는 관련 리소스를 모두 포함해야 제대로 보임을 꼭 기억할 것
9. 여행 및 일상 이야기 ✈️
- 개발자 커뮤니티 내 간단한 여행 인사 및 코펜하겐으로 출국하는 멤버 이야기
- 출국 직전 기내 지연 상황과 안전한 여행 기원 메시지 공유
- 소소한 유머와 응원 분위기 형성
10. 디데이(ToDo) 체크박스 문제 공유 ✅
- 문제 상황: 디데이 구현 중 체크박스 불리언 배열 길이와 저장되는 값 배열 길이가 달라 체크박스 상태 인식 오류 발생
- 원인 분석: 배열 길이 불일치로 상태가 제대로 반영되지 않는 로직 문제
- 해결 팁:
- 체크박스 배열과 데이터 배열이 동일한 길이를 유지하도록 관리
- 투두리스트 상태 업데이트 시 상태 변화를 정확히 반영하도록 코드 검토 필요
면접팁⚡
- 연봉 협상 시 회사 내규와 임원 권한 범위 이해 필수
- 타입스크립트 자동완성 문제는 데이터 타입과 배열 요소 접근 여부 확인
- React 공부 시 공식문서 완독과 기본 튜토리얼 진행을 강력 추천
- 팀 협업 시 타입스크립트 도입으로 코드 안정성 높이는 것 고려
- 면접시 학벌을 완전히 무시할 수는 없으나, 실무 능력과 태도가 더 중요하다는 점 강조
- 개발자 성장에는 혼자 공식문서 먼저 정독하는 습관이 큰 도움이 됨
링크🔗
- React 공식 한글 문서: https://ko.react.dev
- 예전 레거시 React 튜토리얼: https://ko.legacy.reactjs.org/tutorial/tutorial.html
- StackOverflow: https://stackoverflow.com/questions/73356377/some-console-message-text-grey-in-color-in-chrome-dev-tools
- React Github 이슈: https://github.com/facebook/react/issues/24302
- 유튜브 춤 응용 예시: https://youtube.com/shorts/h-APkNM4nrQ?si=2gm1C_R_OXol0GVL
#타입스크립트#React#연봉협상#개발공부법#AI툴#포트폴리오#디버깅#기획자#투두리스트