프로젝트를 마쳤고 다시 재정비를 해야 할 시간을 가져야 하는데 피로가 전혀 풀리지 않고 있다.최근 한달간 프로젝트 기간 중 수면데이터를 보았더니 평균 3시간이었다. 원래 정신상태가 건강할 경우 기본 8시간에서 12시간씩 신생아처럼 수면하는 사람인데 그럴 만하다.기본부터

5주간의 프로젝트를 마쳤다.이번에도 어김없이 이 기간동안 정신없이 달려왔는데 완성도면에서 아쉬운 부분들이 있지만 그래도 나는 이 기간동안 항상 최선을 다한 부분에서 후회는 없다.뭐든 아쉽고 완벽한 프로젝트는 없다고 생각한다.프로젝트를 하면서 팀원들과 문제해결을 해가면서

이제 프로젝트 막바지에 이르렀다.정신 없이 지나간 시간들이었고 버그들을 수정하고 쉴 새 없는 작업에 지쳐갔지만 그 동안 나는 최선을 다해 노력했다.앞으로 일주일정도의 시간이 남았는데 지금처럼 계속 최선을 다할 것이다.지나간 시간은 되돌릴 수 없으니까...

오류들을 맞이하는 시간이었다.맡은 기능개발을 마치고 오류들이 있는지 확인 후 다른 기능개발을 시작했다.그런데 팀원들과 병합을 시작하면서 이상없었던 문제들이 계속 발생하기 시작했다.원인들을 찾아가며 오류들을 해결하느라 많은 시간을 할애하게 되었지만 그만큼 문제 해결하는

fatal: couldn't find remote ref branch명원인원격 저장소에 해당 브랜치가 존재하지 않아서 생기는 오류해결방법생각해보니 이틀 전에 해당 브랜치를 원격에서 삭제했었던 것이 원인이라이슈를 생성해서 브랜치를 재생성했다.

React에서 화면에 렌더링이 안되는 현상(return문 누락)문제 발생화면에 렌더링이 되지 않는 현상문제 원인map()함수 내부에서 jsx요소를 반환 할때 필요한 return문이 누락 되어 발생. javascript의 화살표 함수에서 중괄호{}로 본문을 감싸면 명시적

Promise란?Promise는 JavaScript에서 비동기 작업을 다루는 객체이다. 이는 "나중에 결과를 주겠다"라는 약속과 같다. Promise가 성공적으로 완료되면 결과를 제공하며, 실패하면 그 원인을 알려준다.위 코드에서 homework라는 Promise 객체

useEffectReact 컴포넌트에서 사이드 이펙트를 수행하는 데 사용된다. 사이드 이펙트란 데이터 가져오기, 구독 설정하기, 수동으로 React 컴포넌트의 DOM을 변경하는 것 등을 말한다.useEffect의 실행 시점컴포넌트 마운팅 후: 컴포넌트가 처음 DOM에

지난 주까지는 와이어프레임을 뒤엎고 다시 만들어가면 고민을 했던 시간이었다.본격적으로 개발을 시작하게 된 기간이었다.와이어프레임의 기능을 팀원들 모두가 완벽하게 숙지하고 기능개발을 해야했고 다들 어서 개발을 하고 싶어했던 시간이었다.기능 개발을 시작하면서 다들 집중하는

호이스팅(Hoisting)이란?자바스크립트에서 변수와 함수 선언을 해당 스코프의 최상단으로 끌어올리는 것을 말한다. 코드를 실행하기 전에 자바스크립트 엔진이 변수와 함수 선언을 먼저 메모리에 할당하기 때문에 발생하는 현상이다.변수 호이스팅변수 선언(var)은 호이스팅되

useRef란?useRef는 React의 Hook 중 하나로, 렌더링 사이에서 값이 유지되는 변경 가능한 객체를 반환하는 데 사용된다. 이 Hook은 .current 프로퍼티에 변화를 넣어두고 해당 값을 가져올 수 있다.useRef의 사용1\. DOM 요소에 접근하기u

리얼 돔(Real DOM) vs 버츄얼 돔(Virtual DOM)웹 페이지를 만드는 데 있어 중요한 개념 중 하나가 바로 DOM 이다. (DOM : Document Object Model의 약자로, 웹 페이지의 구조를 표현하는 모델)리얼 돔(Real DOM)리얼 돔은

무한 스크롤 구현시 고려해야 할 중요사항무한 스크롤은 웹사이트나 애플리케이션에서 사용자 경험을 향상시키는 유용한 기능 중 하나이다. 이를 구현할 때는 여러 요소들을 고려해야 한다.1\. 효율적인 데이터 로딩한 번에 모든 데이터를 로드하는 것은 성능 저하를 초래할 수 있

Local Storage(로컬 스토리지) vs. Session Storage(세션 스토리지)웹 애플리케이션을 개발하면서 클라이언트 측에서 데이터를 저장하고 관리해야 할 때, "Local Storage"와 "Session Storage"를 사용할 수 있다.Local St

React에서 Ant Design Modal 이름 충돌 문제 해결코드를 작성하는 도중에 React 프로젝트에서 Ant Design의 Modal을 사용하면서 이름 충돌 문제가 발생할 수 있습니다. 이러한 문제를 해결하기 위해서는 몇 가지 조치가 필요합니다. 아래에서는 이

입추가 지나서 그런지 날씨가 못 견뎌줄 날씨는 아닌 것 같다.이 번주부터는 약 5주간 프로젝트를 진행하게 되는데 시행착오가 많았다.시행착오를 겪은 만큼 우리 팀이 성장할 수 있는 기회였다고 생각한다.팀원들이 많이 지치고 힘들었을텐데 내색도 안하고 열심히 해주고 계셔서

var (어디서든 사용 가능한 변경 가능한 값)어디서든 사용할 수 있는 변수. 언제든지 지우고 다시 쓸 수 있다.let (일정 범위 내에서만 사용 가능한 변경 가능한 값)해당 변수가 정의된 블록 내부에서만 사용할 수 있는 변수. 블록 내부에서는 지우고 다시 쓸 수 있다

Redux란 무엇인가?Redux는 JavaScript 애플리케이션의 상태를 효과적으로 관리하기 위한 오픈 소스 JavaScript 라이브러리이다. 주로 React와 같은 사용자 인터페이스 라이브러리나 프레임워크와 함께 사용되며, 애플리케이션의 상태를 예측 가능하게 만들

왜 리액트에서 상태 관리가 필요한가?컴포넌트 기반의 라이브러리인 리액트에서는 상태 관리가 중요한 역할을 한다.컴포넌트 간 데이터 공유: 여러 컴포넌트가 같은 데이터를 공유해야 할 때, 상위-하위 컴포넌트간 props를 통해 데이터를 전달하는 것은 복잡도를 증가시킨다.

Redux(리덕스) vs Jotai(조타이)접근 방식Redux: Redux는 중앙 집중식 상태 관리 패턴을 채택한다. 단일한 상태 스토어를 유지하며, 상태 변경은 불변성을 유지하고 액션을 통해 이루어진다.Jotai: Jotai는 분산된 상태 관리 패턴을 채택한다. 각