react 썸네일react

2024-05-12

목차

  1. GitHub Actions에서 PR 제목 검증과 정규식 이슈
  2. React 기초: map 함수 사용에 대한 이해
  3. 테크블로그 주제 선정과 글쓰기 팁
  4. 웹 기술 토픽: WebAssembly, WebGL, WebGPU, 워커
  5. 개발자 커뮤니티 내 소통과 실수 사례 이야기
  6. 경제 상황과 개발자들의 체감 이야기
  7. 라면 끓이는 방법과 비유를 통한 프로그래밍 도구 설명

1. GitHub Actions에서 PR 제목 검증과 정규식 이슈 🛠️

  • 핵심: GitHub Actions 스크립트에서 PR 제목 형식을 체크하는 정규식이 예상과 다르게 작동함.
  • 설명:
    \s는 화이트스페이스를 의미하지만, GitHub Actions 내의 bash 환경에서 다르게 해석될 수 있음.
    POSIX 스타일 공백 문자 표현 [[:space:]]를 사용하면 호환성 문제 해결 가능.
  • 팁:
    정규식 테스트 사이트(regexr 등)에서는 통과하지만, 실제 스크립트 환경에서는 다르게 동작할 수 있으니 환경별 문법 차이를 확인할 것.

2. React 기초: map 함수 사용에 대한 이해 ⚛️

  • 핵심: React에서 투두리스트 같은 리스트 렌더링 시 map 함수는 문법일 뿐 필수는 아님.
  • 설명:
    map 함수는 배열 요소를 변환해 새 배열을 만드는 자바스크립트 내장 함수.
    React에서 여러 컴포넌트를 반복적으로 렌더링할 때 많이 사용하지만, 상황에 따라 다른 방법도 가능.
  • 비유:
    "칼만 있으면 다 요리할 수 있는 건 아니다"라는 비유처럼 도구는 적재적소에 사용해야 하며, 반드시 써야 할 경우에만 쓰면 됨.

3. 테크블로그 주제 선정과 글쓰기 팁 📝

  • 핵심: 재밌는 글쓰기는 새로운 기술 주제 선정부터 어려움이 많음.
  • 설명:
    이미 많이 다뤄진 주제보다 본인이 직접 공부하거나 새로 시도한 기술 정리를 추천함.
    예를 들어, "async/await" 같은 기초 주제는 많지만, 깊이 파고들거나 직접 작성 과정 경험을 공유하는 것도 가치 있음.
  • 조언:
    • 글쓰기는 자기 머릿속 정리와 딥러닝에 도움 됨
    • 남 보는 건 부수적이고, 나중을 위한 자기 기록용으로 생각할 것
    • 해외 자료를 참고하되, 자신 만의 시선으로 재구성하기

4. 웹 기술 토픽: WebAssembly, WebGL, WebGPU, 워커 🔥

  • 핵심: 개발자들이 관심 둔 최신 웹 기술들 소개
  • 설명:
    • WebAssembly: 브라우저에서 C/C++, Rust 같은 언어 코드를 고성능으로 실행할 수 있게 도와주는 이진 포맷과 런타임.
    • WebGL: 자바스크립트로 GPU 그래픽스를 렌더링하는 API로 3D 그래픽 표현에 주로 사용됨.
    • WebGPU: WebGL 후속 기술로 더 현대적이고 효율적인 GPU 접근 제공.
    • 웹 워커: 브라우저에서 별도의 스레드처럼 동작하며 무거운 작업을 메인 UI를 막지 않고 수행함.
  • 팁:
    새로운 기술을 공부할 때는 직접 간단히 구현하거나 실험해보는 것이 이해에 큰 도움이 됨.

5. 개발자 커뮤니티 내 소통과 실수 사례 이야기 🤝

  • 핵심: 커뮤니티 내 오해나 실수로 인한 일화 공유
  • 내용:
    • 한 개발자가 술에 취한 상태서 테스트용 알람 키워드 실험을 했고, 이로 인해 강제 퇴출됐다가 복귀함
    • 강퇴 후엔 재입장 불가능하지만, 관리자가 강제 퇴출 해제를 하면 다시 들어올 수 있음
    • 이런 상황은 친목과 예의를 지키는 커뮤니티 운영 중 흔한 사례로, 서로 배려가 중요함
  • 메시지:
    개발자들도 사람임을 인지하고 실수 발생시 사과와 이해가 필요함.

6. 경제 상황과 개발자들의 체감 이야기 💸

  • 핵심: 최근 경제가 어렵다고 느끼는 개발자들의 체감 공유
  • 내용:
    • 치킨값, 식비, 유류비 상승으로 생활비 부담 증가
    • 구직 및 이직 환경도 불안정해 체감하는 어려움 크다는 의견
    • 일부는 퇴직 후 생계 유지에 대한 고민도 나눔
  • 이해:
    기술적 어려움뿐 아니라 경제적 환경도 개발자의 커리어와 일상에 큰 영향 미침.

7. 라면 끓이는 방법과 프로그래밍 도구 설명 비유 🍜

  • 핵심: 요리 비유로 프로그래밍 도구와 문법을 쉽게 이해하기
  • 내용:
    • 라면 끓이는 다양한 방법(면, 물, 스프의 순서 차이 등) 공유
    • 비유로 "map 함수 사용은 칼 쓰기와 같다"며, 도구는 상황에 맞게 선택해야 한다고 설명
  • 의미:
    이런 비유는 초보자에게 복잡한 개념을 쉽게 전달하는 데 효과적임.

면접팁⚡

  • GitHub Actions에서 정규식을 사용할 때 주의할 점

    • 실제 환경(쉘 스크립트)과 온라인 도구의 차이를 이해하고 테스트할 것.
    • POSIX 문자 클래스를 활용해 호환성을 높이는 방법 기억하기.
  • React의 map 함수 사용 설명

    • 단순히 문법이라고 말하지 말고, 왜 사용하는지 상황에 따른 사용법을 비유로 쉽게 설명해 면접관에게 좋은 인상 남길 수 있음.
  • 테크블로그 작성 경험 공유

    • 자신이 공부한 내용을 어떻게 정리하고 표현하는지 구체적으로 말하며, 꾸준한 학습 태도를 보여주면 긍정적.

링크🔗

#React#GitHubActions#Regex#웹기술#테크블로그#개발자커뮤니티#개발팁#개발소통#비유#면접준비