aftercamp

안녕하세요. 강의가 잘린 상태로 업로드가 돼서 죄송합니다. 제가 이전에 편집 전 영상이 컴퓨터에 남아있지 않아서 새로운 영상으로 올리는데 어려움이 있습니다. 아마 영상 마지막에 "RecyclerView에다가 데이터를 공급해줘야 하는데" 로 끝났는데 흐름상 데이터를 공급해서 렌더링한다고만 정리해주셔도 될 것 같습니다. 결국 이 강의에서 전달하고 싶었던 건 "이미 렌더링 된 것이 잠깐 화면에 안 보였다가 보이면 다시 렌더링하는 게 아니라 이전 렌더링하기 위해 캐시에 저장했다가 렌더링한다" 입니다.

강의 마지막이 잘려있는것 같습니다

안녕하세요 답변이 늦었습니다. 제가 질문 의도를 이해를 못했는데 그냥 질문 그대로 답변을 드리자면&nbsp;<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.typescriptlang.org/play/?#code/MYewdgzgLgBAJgIwFwwN4wNoAcTQJJwoAKuUBAusaQNyYCuEApgE4EoCqTrclMnLtAL4wAvGkHUgA">https://www.typescriptlang.org/play/?#code/MYewdgzgLgBAJgIwFwwN4wNoAcTQJJwoAKuUBAusaQNyYCuEApgE4EoCqTrclMnLtAL4wAvGkHUgA</a> 이런 타입스크립트 플레이그라운드에서 타입이 맞냐 아니냐를 확인가능합니다. 그리고 굳이 타입에러를 없애겠다고 하면 <pre><code>type PostId = `post_${string}`;
 type UserId = `user_${string}`;

 type Post = {
 title: string;
 content: string;
 };

 type User = {
 name: string;
 email: string;
 };

 const db: { [postId: PostId]: Post; [userId: UserId]: User } = {};

 // 사용 예시
 db["post_1"] = { title: "Hello", content: "World" };
 db["user_1"] = { name: "Kim", email: "kim@example.com" };</code></pre>이렇게 하면 되지 않을까 싶습니다.

이게 된다는걸 어떻게 판단할 수 있나요?

안녕하세요. 추가했습니다.

연습문제 강의 확인 부탁드립니다.

안녕하세요. 제가 질문을 제대로 이해했는지 모르겠는데 이해한대로 답변을 드리자면,<img src="https://cdn.inflearn.com/public/files/posts/8cfbe876-4411-45bb-951d-67d489f96864/3e8224a9-e683-4fc2-a583-9e7985b1b96a.png" media-type="img" alt="Screenshot 2025-10-12 at 4.56.00 PM.png" title="Screenshot 2025-10-12 at 4.56.00 PM.png" width="571" height="151">강의에선 obj의 key들은 모두 string입니다. 코드를 어떻게 작성하셔서 string | number로 추론되었는지 이해가 조금 안되는데 알려주시면 감사하겠습니다.<pre><code class="language-typescript">const obj = {
 a: 1,
 1: "1",
}

const a = obj[1]</code></pre>obj['a'] => 1 => number로 추론obj[1] => "1" => string로 추론됩니다.&nbsp;혹시 답변이 불명확하면 답변 달아주시면 답변드리겠습니다.&nbsp;&nbsp;

object key 질문드립니다.

안녕하세요 추가했습니다. 연휴간 추가했어야 하는데 늦어서 죄송합니다.

행운 닉네임 등록부탁드립니다!

안녕하세요 불편을 드려서 죄송합니다. 복구했으니 지금은 잘 보일 겁니다.

각 강의에 대한 설명 링크 404에러

안녕하세요 등록 완료했습니다.

행운문제 닉네임 등록 요청드립니다

네 맞습니다. 개발자가 따로 신경쓰지 않아도 리액트 내부적으로 최적화가 되어있습니다.

Automatic batching에 관해 궁금한 점이 있습니다.

블로그 링크 문제

안녕하세요.우선 제가 생각한 답안을 보여드리면<pre><code class="language-typescript">type SingleValue = Date | null
type RangeValue = [SingleValue, SingleValue]
type DatePicker =
 | { type: 'single'; value: SingleValue }
 | { type: 'range'; value: RangeValue };

class DatePickerKlass {
 picker: DatePicker;

 constructor(picker: DatePicker) {
 this.picker = picker;
 }

 updateValue(date: Date) {
 if (this.picker.type === 'single') {
 this.picker.value = date;
 } else if (this.picker.type === 'range') {
 this.picker.value = [date, null];
 }
 }
}</code></pre>작성해주신 답안 보다 좀 더 간단하게 만들 수 있지 않을까 해서 저 같은 경우엔 discriminated union 으로 문제 풀어봤습니다. <hr><pre><code class="language-typescript"> updateValue(date:Date) {
 const isSingle = ():this is DatePicker<'single'> => this.type === 'single'
 if(isSingle()) {
 this.value = date
 return;
 }
 }</code></pre>여기서 타입이 좁혀지지 않는 이유는 타입스크립트의 특성인데요. T에 타입을 제한해도 결국 T는 'placeholder'이기 때문에 특정 타입으로 좁혀지지 않습니다. 저도 실무에서 사용하다보면, 생각대로 안되는 게 참 많은데 이럴 땐 "아! 이건 아직 타입스크립트 개발하시는 분이 구현을 안해놨구나..." 라고 생각합니다. 버전이 높아지면 이런 문제도 해결되는 경우가 있거든요.타입스크립트가 다른 statically-typed 언어에 비해 굉장히 자유도가 높은데, 그만큼 아직 구현이 안된 것이 종종 있습니다. &nbsp;&nbsp;

aftercamp

Bài viết