달콤수학 서비스 진행 중해외 유저의 비디오 재생과 관련하여 끊김과 로딩이 계속 돌아가는 이슈가 발생함관련 코드를 훑어보았을 때,코드 간의 의존성이 높아서 많은 부분을 수정하기는 시간의 구애가 있었음따라서 두 가지 사항을 중점으로 개선 방향을 잡음소켓 연결 최적화유저의
Monolithic Architecture 모놀리식 아키텍처를 바탕으로 레포지토리를 관리하던 방식은 소스 코드를 모듈화하지 않고 하나의 리포지터리에 모두 넣었다. 모든 코드가 단일버전으로 관리 되기에 코드 재사용성이 높지만 관심분리가 어려워 디버깅 난이도가 험했다.
프로젝트 파일을 클론하여서 사용하는데경로 /Users/내프로젝트 경로/.yarn/sdks/typescript/lib/tsserver.js이(가) 올바른 tsserver 설치를 가리키지 않습니다. 포함된 TypeScript 버전을 대신 사용합니다.이런 알림이 뜨더니 일반
nextjs 프로젝트를 진행하면서 폴더 구조가 너무 복잡해지고 어떻게 관리할지에 대한 고민이 생겼고 디자인 패턴을 찾아보던 중에 atomic design pattern을 알게됐음
Server ErrorReferenceError: window is not definedThis error happened while generating the page. Any console logs will be displayed in the terminal win
무한 스크롤 동작 자체는 올바르게 되지만, 가장 마지막 데이터가 로딩된 이후에도 계속해서 서버에서 데이터를 받아오는 함수가 실행되어 콘솔에 테스트 문자열이 무한으로 출력된다.일차적으로 이 코드로 인해서 page 값에 따라 getAllPosts 함수가 실행이 됨 이 함수
일단 이 부분은 컴포넌트가 리렌더될 때마다 이전에 관찰하던 요소들을 해제하는 코드임. observer.current.disconnect()로 이전에 관찰하던 요소들에 대한 관찰을 중단. 이 작업이 필요한 이유는 observer가 이전에 관찰하던 요소들에 대한 참조를
label 태그 사용시 연관된 control 요소와 관련된 에러를 정리했다.