본문 바로가기

전체 글

 (348)
[Next.js] Parallel Routes Parallel Routesparallel routes는 하나의 이상의 페이지를 동시 또는 조건부 렌더링할 수 있습니다. 페이지는 slots라는 이름으로 생성되고, '@폴더명'을 사용해 지정할 수 있습니다. slots은 부모 layout에 props로 전달되어 UI로 구현됩니다.export default function Layout({ chlidren, slot1, slot2}:{ children: React.ReactNode; slot1: React.ReactNode; slot2: React.ReactNode;}) { return ( {children} {slot1} {slot2} );} 위와 같이 구현할 수 있고, children과 같이 렌더링 되지..
[TS] TS Doc Handbook 1회독 - 9 Classesthis Typesthis를 타입으로 활용할 수 있습니다. 예를 들어 this를 반환하는 함수를 가진 부모 클래스와 자식 클래스가 있을 때, 각 반환 타입은 부모 클래스가 아닌 각각 클래스가 반환됩니다.class P { func() { return this; }}class C extends P {}const p = new C();const test = p.func(); // test의 타입은 P가 아닌 C입니다.비슷한 방식으로 타입 표기를 this로도 할 수 있는데, 이 경우에는 this에 해당하는 타입만 사용할 수 있습니다.class P { dfFunc(val:P) {} func(val: this) {}}class C extends P {}const p = new P();con..
[React.js 학습] 무슨 영상을 참고해서 공부하면 좋을까? ai에게 어떤 유튜브 영상을 참고하면 좋을지 물어보고 참고해서 해당 영상을 학습해 보겠습니다. 5개의 영상을 찾아봤고 해당 영상을 최신순 그리고 조회수 순으로 정리해 봤습니다. 시간이 날 때 하나씩 공부해 보겠습니다. 7개월 전, 64만https://www.youtube.com/watch?v=x4rFhThSX04 2년 전, 466만https://www.youtube.com/watch?v=SqcY0GlETPk 2년 전, 1.6만 해당 영상은 하나의 영상이 아닌 여러 영상의 묶음입니다.https://www.youtube.com/watch?v=DQk0TWmgYXw&list=PL6bwFJ82M6FXgctyoWXqj7H0GK8_YIeF1 4년 전, 193만https://www.youtube.com/watch?v=..
[Git] 브랜치 제거하기 원격 브랜치 제거$ git push -d 로컬 브랜치 제거$ git branch -d 참고https://stackoverflow.com/questions/2003505/how-do-i-delete-a-git-branch-locally-and-remotely
[Git 에러] fatal: detected dubious ownership in repository at '경로' 에러 배경에러는 시간이 지난 프로젝트를 다시 보니 로컬에서는 업그레이드를 했지만, github에 push 하지 않은 커밋이 있어 git remote를 확인하는 과정에서 발생했습니다.에러 그 잡채에러를 확인해 보면 ownership(소유권)에 뭔가 문제가 있다는 것을 알 수 있습니다. 기존에 사용했을 때 본 적이 없는 에러였기에 개인 레포지토리이고 소유권이 무슨 문제가 있는 거지 하는 의문이 들었습니다.영어 단어를 몰라 찾아보니 dubious는 모호한이라는 의미를 가진 단어입니다.다시 해석해 보면 'fatal: 해당 경로의 레포지토리에 모호한 소유권이 발견되었습니다.'라고 볼 수 있습니다.해결 과정성공1. 커맨드 창에서 설명해 주는 추천 명령어를 사용해 보니 해결$ git config --global --..
[영어] contd? continued의 약자입니다. 영어로 된 강의를 보다가 'Chapter 1 Contd'라고 적혀있어서 궁금해서 찾아봤습니다.
[Next.js] Error part.2 Recovering from Errorserror.tsx에서 컴포넌트를 생성하면 reset 파라미터를 사용할 수 있습니다. 해당 함수는 에러가 발생했던 지점부터 다시 렌더링을 시도합니다. router의 refresh 함수와는 다시 시도 동작으로 비슷해 보이지만, 사용하는 목적이 다른 함수입니다. resetrefresh목적에러 상태 제거 및 에러 지점부터 다시 렌더링 시도현재 URL 기준으로 전체 서버 컴포넌트 트리 강제 요청동작 범위ErrorBoundary까지layout을 포함한 현재 경로 전체사용 방법error.tsx 내부에서 reset 함수useRouter().refresh()로 어디서든 사용적합한 상황사용자 입력 오류, 네트워크 불안정 등 일시적인 에러서버에서 최신 데이터 패칭 Handling E..
[TS] TS Doc Handbook 1회독 - 8 ClassesMember Visibilitypublic: 기본값. 전체 접근 가능.protected: 본인과 하위 클래스에서만 접근 가능. 기존 protected 필드를 하위 클래스에서 public으로 선언 시 public으로 사용되기 때문에 주의 필요. 형제 클래스에서 접근할 수 없음.private: 본인 클래스 내부에서만 접근 가능. 하지만 [](대괄호)를 사용해 접근할 수 있음. 실질적으로 값을 지키기 위해서는 클로져, WeakMaps, private 필드를 사용해야 한다.Static Members클래스는 static 멤버를 통해 클래스에서 직접 접글할 수 있습니다. Visibility를 모두 적용될 수 있고 상속됩니다. Special Static Namesnew, static, name, leng..

티스토리툴바