방구석 코딩쟁이
close
프로필 배경
프로필 로고

방구석 코딩쟁이

  • 분류 전체보기 (85)
    • 프로그래밍 언어 (1)
      • Typescript (1)
      • Javascript (0)
    • 프론트엔드 개발 (30)
      • React (10)
      • Next.js (1)
      • 개발환경 (4)
    • 백엔드 개발 (5)
      • Node.js&Nest.js (5)
    • 프로그래밍 방법론 (12)
      • 함수형 프로그래밍 (5)
      • 객체지향 프로그래밍 (0)
      • 테스트코드 (2)
      • 디자인패턴 (1)
      • 도메인 주도 설계 (4)
      • 아키텍처 (0)
    • 개발환경 (3)
      • Docker (2)
      • Git (1)
      • 클라우드 (0)
    • CS지식 (14)
      • 알고리즘 (0)
      • 자료구조 (1)
      • 데이터베이스 (0)
      • 네트워크 (11)
      • 운영체제 (0)
      • 코딩테스트 (2)
    • 프로젝트들 (5)
      • 졸업작품 (3)
    • Life (14)
      • 계획 (0)
      • 회고 (12)
      • 독후감 (1)
    • 수학 (0)
      • 통계학 (0)
      • 선형대수학 (0)
  • 홈

항해 플러스 WIL 8주차

1. 문제 이번 주차를 지나며 겪었던 문제가 무엇이었나요?이번 주차는 실시간 데이터 처리를 하는데 시간을 많이 쏟았습니다.  2. 시도문제를 해결하기 위해 어떤 시도를 하셨나요?공식문서와 다양한 예제 코드들을 통해 문제를 해결하고자 했습니다. 3. 해결문제를 어떻게 해결하셨나요?아직 완벽하게 문제를 해결하진 못하고 있는 상태이지만, 설계와 유사한 상황에서의 코드를 통해서 문제를 해결하고 있습니다. 4. 알게된 것문제를 해결하기 위해 시도하며 새롭게 알게된 것은 무엇인가요?실시간 데이터 처리를 어떻게 할 수 있는지에 대해 조금 더 알게 된 것 같습니다. 5. KPT 회고Keep: 현재 만족하고 계속 유지할 부분오픈소스를 찾아보고, 이를 분석해보고자 하는 노력을 해봤다는 것이 좋았습니다.Problem: 개..

  • format_list_bulleted Life/회고
  • · 2024. 5. 4.
  • textsms
React 18의 Suspense에 대해서 알아보자

React 18의 Suspense에 대해서 알아보자

ReactJS 커뮤니티의 "Suspense-in-react-18"와 "Behavioral changes to Suspense in React 18"을 읽고 정리한 글입니다. Request For Comments(RFC)는 `` 컴포넌트의 동작에 대한 몇 가지 변경사항을 설명합니다.동작 변경: 커밋된 트리는 항상 일관성을 유지커밋: React 컴포넌트 트리의 변경사항이 브라우저에 확정적으로 반영되었음을 의미.새로운 기능: 스트리밍을 통한 서버 사이드 렌더링 지원새로운 기능: 기존 컨텐츠를 숨기지 않기 위해 트랜지션 사용동작 변경: 컨텐츠가 다시 나타날 때 레이아웃 효과 재실행단, Suspense API 자체는 변경되지 않았습니다. 16.6에서 Suspense가 최초로 릴리즈 되엇을 때, 한 가지 use c..

  • format_list_bulleted 프론트엔드 개발/React
  • · 2024. 5. 3.
  • textsms

함께 자라기

저는 현재 취업을 향해 공부를 하고 있습니다. 그렇기에 현직자 분들께서 어떻게 하면 일을 효율적으로 할 수 있는지, 새로운 개념들에 대해 더 효율적으로 학습할 수 있는지에 대한 궁금증이 계속 있었습니다. 이러한 궁금증 이면에는 성장에 대한 목마름도 있었겠지만 제가 제대로 나아가고 있는지에 대한 불안함도 있었고, 저의 성장이 다른 팀원들의 성장보다 더 중요하고 제가 성장을 하면 프로젝트를 더 빠르게 완수할 수 있을 거라는 생각이 있었기 때문입니다. 하지만 전문가가 아무리 많더라도 이를 유기적으로 협업할 수 있도록 하지 못하면 오히려 생산성이 저해가 된다는 말은 저의 고정관념을 깨기 충분했습니다. 제가 ‘함께 자라기’라는 책을 알게 된 순간은 일반적인 상황이었습니다. 저는 직장인 대상으로 열린 교육 프로그램..

  • format_list_bulleted Life/독후감
  • · 2024. 4. 30.
  • textsms

항해 플러스 WIL 7주차

1. 문제 이번 주차를 지나며 겪었던 문제가 무엇이었나요?이번 주차에는 학업(시험 기간)과 개인 프로젝트를 진행하느라 항해 프로젝트에 많은 노력을 할애하지 못했었습니다.  2. 시도문제를 해결하기 위해 어떤 시도를 하셨나요?최대한 저녁 시간을 활용하여 프로젝트에 몰입하려는 노력을 하였고, 다른 사람의 코드를 보며 저희 프로젝트에 적용할 부분을 계속 고민하면서 상황을 좋게 가져가려고 노력했었습니다. 3. 해결문제를 어떻게 해결하셨나요?오픈소스를 찾아보면서 저희 프로젝트에 알맞는 코드를 찾으려고 노력했었고, 결국 찾아서 이를 저희 프로젝트에 녹여내려고 하고 있습니다. 4. 알게된 것문제를 해결하기 위해 시도하며 새롭게 알게된 것은 무엇인가요?뛰어난 개발자분들이 제 생각보다 더 많구나...라는 생각을 하게 되..

  • format_list_bulleted Life/회고
  • · 2024. 4. 27.
  • textsms

항해플러스 WIL 6주차

이번 주차는 굉장히 힘들었습니다. 일도 많기도 했고, 팀원분께서 하차를 하게 되셔서 마음이 붕 뜨게 된 느낌도 없지 않아있었습니다.좋은 분이셨고, 활발하게 팀을 이끌어주셨었는데 시간적인 여견이 안되셔서 어쩔 수 없으신 것 같았습니다. 그래도 계속 연락을 주고받을 수 있기에 다행이라는 생각이 듭니다. 스스로의 단점에 대해서 많이 생각해본 주차였습니다. 뭔가 하나에 집중을 잘 하지 못하는 것 같다는 생각이 듭니다.특히, 다른 사람이 하신 대단한 업적들, 코드들을 봤을 때 마음이 붕 뜨는 것 같고, 불안함을 느끼는 것 같습니다. 내가 보고 있는 것이 그 사람이 수년간 노력했다는 사실을 망각하고 현재의 초라한 나를 자책하는 경우가 많아지는 것 같습니다.그나마 코드를 짜고 있을 때는 이런 생각이 줄어드니 열심히 ..

  • format_list_bulleted Life/회고
  • · 2024. 4. 25.
  • textsms

Jest의 Mock 정리 방법

JavaScript / TypeScript 기반의 코드를 작성하다보면 vitest나 jest라는 테스팅 라이브러리의 도움을 받게 됩니다. 이 때, 자연스럽게 `fn()`, `spyOn()`, `mock()` 등의 API를 활용하여 테스트 더블을 만들어줍니다. 다음 테스트 케이스를 실행하기 전에, 현재 테스트 케이스에서 사용했던 Mock을 정리해주는 것이 좋습니다. 왜냐하면 해당 Mock이 다음 테스트 케이스에 영향을 줄 수 있기 때문입니다. 테스트를 수행하기 위해서는 잘 Mocking하는 것도 중요하지만 Mock을 깨끗이 초기화시키는 것 또한 중요합니다 검증해보기 const consoleLog = console.log; test("spyOn method로 console.log를 모킹하면 console.l..

  • format_list_bulleted 프로그래밍 방법론/테스트코드
  • · 2024. 4. 21.
  • textsms
  • navigate_before
  • 1
  • ···
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • ···
  • 15
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (85)
    • 프로그래밍 언어 (1)
      • Typescript (1)
      • Javascript (0)
    • 프론트엔드 개발 (30)
      • React (10)
      • Next.js (1)
      • 개발환경 (4)
    • 백엔드 개발 (5)
      • Node.js&Nest.js (5)
    • 프로그래밍 방법론 (12)
      • 함수형 프로그래밍 (5)
      • 객체지향 프로그래밍 (0)
      • 테스트코드 (2)
      • 디자인패턴 (1)
      • 도메인 주도 설계 (4)
      • 아키텍처 (0)
    • 개발환경 (3)
      • Docker (2)
      • Git (1)
      • 클라우드 (0)
    • CS지식 (14)
      • 알고리즘 (0)
      • 자료구조 (1)
      • 데이터베이스 (0)
      • 네트워크 (11)
      • 운영체제 (0)
      • 코딩테스트 (2)
    • 프로젝트들 (5)
      • 졸업작품 (3)
    • Life (14)
      • 계획 (0)
      • 회고 (12)
      • 독후감 (1)
    • 수학 (0)
      • 통계학 (0)
      • 선형대수학 (0)
최근 글
인기 글
최근 댓글
태그
  • #항해플러스
  • #HTTP 완벽가이드
  • #마이크로 프론트엔드
  • #React
  • #ci/cd
  • #항해99
  • #테스트코드
  • #http
  • #항해
  • #MFA
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바