react 썸네일react

2024-09-21

목차

  1. 테트리스 프로젝트와 포스팅 이야기
  2. 파주 데이트 및 운동 이야기
  3. 최신 기술과 AI 개발자 트렌드
  4. REST API 설계 - GET, POST, PUT, DELETE
  5. 타입스크립트(TypeScript) 지원 확장 도구
  6. React 커뮤니티와 스타트업 생존 전략
  7. Draftbit와 Figma 도구 비교
  8. 개발자들의 일상과 소소한 대화
  9. 웹툰과 콘텐츠 플랫폼 고민
  10. 공유된 유용한 링크 정리

1. 테트리스 프로젝트와 포스팅 이야기

  • HB님이 오래 미루던 테트리스 프로젝트 포스팅을 완료함.
  • 프로젝트 코드가 다소 지저분해 공개하기 민망하다고 함.
  • 테트리스 프로젝트는 GitHub에 공개되어 있음: 테트리스 코드
  • 모바일 지원 여부에 대한 질문도 있었으나, 정확한 답변은 없음.

2. 파주 데이트 및 운동 이야기

  • 파주 지역 데이트 명소를 묻는 질문이 있었지만, 직접 경험이 적어 운동하러 간다는 답변.
  • 운동 종류로는 주로 웨이트 트레이닝과 뛰기가 언급됨.
  • 운동에 대해 '뛰는 것'은 체력 향상에 매우 좋은 전신 운동으로, 심폐지구력을 강화하는 데 효과적임.

3. 최신 기술과 AI 개발자 트렌드

  • 스타트업에서 살아남으려면 최신 기술 동향과 AI 분야를 꾸준히 공부할 필요가 있음.
  • React 개발자 커뮤니티에 AI 개발자가 나타나 큰 화제가 됨.
  • AI 개발자는 인공지능과 머신러닝을 활용해 스마트한 기능, 자동화 등을 구현하는 개발자를 의미함.
  • 최신 트렌드를 따라가는 것은 스타트업에서 빠른 변화에 대응하고 경쟁력을 유지하는 데 필수임.

4. REST API 설계 - GET, POST, PUT, DELETE

  • REST API에서 검색 기능 구현 시 흔히 사용하는 메소드는 GET이며, 쿼리 파라미터로 검색어 전달이 일반적임.
  • 예시: /list?search_keyword=오늘의... 형태로 검색어를 전달하는 방식.
  • GET 요청은 주로 데이터를 조회하고, 요청 본문(Body)을 사용하지 않음.
  • POST나 PUT은 데이터를 생성하거나 업데이트할 때 사용함.
  • JSON 포맷은 주로 서버 응답(Response)에서 사용하며, 클라이언트가 서버로 보낼 때는 보통 POST/PUT 요청의 Body에 담음.
  • GET 요청에 Body를 포함하는 것은 일반적이지 않으며, 대다수 서버와 브라우저에서 이를 지원하지 않음.

5. 타입스크립트(TypeScript) 지원 확장 도구

  • 타입스크립트 코드를 빠르게 해석해 주는 VSCode 확장 프로그램에 대한 질문이 있었음.
  • 직접적인 추천 확장은 없었으나, 커뮤니티 내에서 '벌릭님'에게 요청하는 재미있는 반응이 있었음.
  • 타입스크립트는 자바스크립트에 타입 시스템을 추가해 코드 안전성과 유지보수성을 높이는 도구임.
  • VSCode 내 TypeScript 공식 확장과 다양한 플러그인이 있어 자동완성, 타입 체크, 오류 탐지 등을 지원함.

6. React 커뮤니티와 스타트업 생존 전략

  • React 개발자 톡방에 신규 입장이 활발함.
  • 최신 트렌드에 민감한 스타트업 환경에서는 React와 같은 프론트엔드 라이브러리를 효율적으로 사용할 줄 아는 것이 중요함.
  • 커뮤니티에서 서로 지식 공유와 도움 주고받기가 활발히 이루어지고 있음.

7. Draftbit와 Figma 도구 비교

  • Draftbit라는 UI 빌더 도구에 대해 묻는 질문과 함께, 실무에서 Figma가 더 많이 쓰인다는 의견이 나옴.
  • Draftbit: 드래그 앤 드롭 방식으로 모바일 앱 UI를 빠르게 개발할 수 있는 툴. 코드를 자동 생성해 개발 속도를 높임.
  • Figma: 협업 가능한 디자인 도구로, UI/UX 설계에서 많이 사용되며 프로토타이핑과 협업에 강점이 있음.
  • 실제 현업에서는 Figma를 디자인과 개발 협업 도구로 주로 사용.

8. 개발자들의 일상과 소소한 대화

  • 운동, 식사(삼겹살과 스파게티), 쇼핑, 독서 등의 일상 소식 공유.
  • 개발자의 스트레스 해소와 건강 관리에 중요함.
  • 커뮤니티 내에서 서로 응원하고 격려하는 문화가 형성됨.

9. 웹툰과 콘텐츠 플랫폼 고민

  • 카카오페이지, 레진 등 웹툰 플랫폼에 대해 의견 교환.
  • 완결 웹툰, 시즌 완결과 전체 완결의 차이로 인해 사용자 경험과 만족도에 대한 토론이 진행됨.
  • 플랫폼별 카테고리 및 관리의 한계에 대한 고민이 공유됨.

10. 공유된 유용한 링크 정리

면접팁⚡ - REST API 설계 관련

  • REST API에서 자주 쓰는 HTTP 메소드 의미를 명확히 이해하자.
    • GET: 데이터 조회, 쿼리 파라미터로 필터링이나 검색 가능.
    • POST: 데이터 생성.
    • PUT/PATCH: 데이터 수정.
    • DELETE: 데이터 삭제.
  • 검색 같은 경우 GET 요청에 복잡한 검색어를 Path Variable로 넣기보다는 쿼리 파라미터를 활용하는 게 표준이며 효율적임.
  • 요청 본문에 JSON 데이터를 포함하는 것은 GET 요청이 아니라 POST, PUT 요청에서만 일반적임.
  • 면접 시에는 "왜 GET 요청에 Body를 안 쓰는지"에 대해 서버-클라이언트 통신 원칙과 HTTP 표준을 설명할 수 있으면 좋음.
#테트리스#RESTAPI#프론트엔드#React#스타트업#타입스크립트#Draftbit#Figma#웹툰#개발자일상