rhkdtjd124829

끄앙 50%보다가 코테 너무 어려워서 손 놓았다가 다시 왔어요.

강좌소개 수업 자료 링크

<p>혹시 이런 문제를 계속계속 풀어가야 될것 같은데 typescript의 타입들을 만들거나 풀때 꿀팁 같은게 있을까요?</p><p>&nbsp;</p><p>현재 제가 하는 방식은</p><pre><code class="language-typescript">type result = Route["search"];</code></pre><p>이런식으로 대충 원하는 모양을 만든다음에</p><p><img src="https://cdn.inflearn.com/public/files/posts/6b621e09-1b01-42f9-a843-ca68e5cc2b05/image.png">마우스 커서를 올려서 타입을 확인하면서 천천히 푸는 방법인데 혹시 더 좋은 방법이나 꿀팁이 있으시다면 알려주시면 감사합니다!</p>

풀어보았지만 실패했습니다.

<p>자체 해결 했는데, 크롬에서 설정 탭 간 다음에</p><p>인프런 사이트 쿠키, 캐시 삭제 하고 다시 로그인 하니까 잘나옵니다</p>

저만 이런 에러 뜨는건지 모르겠는데, 영상 안나와서

문제를 한번 풀어보았습니다.

<p>Set 자료형은 중복을 제거 하기 때문에 중복 문자열 길이가 같으면 그것도 중복 제거 해버립니다.</p><pre><code>console.log(sol('KKHTTSSSSSEE'));</code></pre><p>결과 : K2HTS5E</p><p>K2가 T2가 나와야 하는데 2가 중복 되어 사라지는걸 알 수 있습니다.</p>

splice 를 이용해서 풀어봤습니다. 이렇게 풀어도 될까요?!

<p>필요한 분들을 위해 예제 코드를 올려 두겠습니다.</p><p>&nbsp;</p><pre><code class="language-typescript">import React, { Component } from "react";

class WordRelay extends Component {
  state = {
    word: "제로초",
    value: "",
    result: "",
  };

  onSubmitForm = (e: React.FormEvent) => {
    e.preventDefault();
    const input = this.input;
    if (this.state.word[this.state.word.length - 1] === this.state.value[0]) {
      this.setState({
        result: "딩동댕",
        word: this.state.value,
        value: "",
      });
      if (input) {
        input.focus();
      }
    } else {
      this.setState({
        result: "땡",
        value: "",
      });
      if (input) {
        input.focus();
      }
    }
  };

  onChangeInput = (e: React.ChangeEvent<HTMLInputElement>) => {
    this.setState({ value: e.currentTarget.value });
  };

  input: HTMLInputElement | null = null; // this.input을 생성
  onRefInput = (c: HTMLInputElement) => {
    this.input = c;
  };

  render() {
    return (
      <>
        <div>{this.state.word}</div>
        <form onSubmit={this.onSubmitForm}>
          <input
            ref={this.onRefInput}
            value={this.state.value}
            onChange={this.onChangeInput}
          />
          <button>클릭!!!</button>
        </form>
        <div>{this.state.result}</div>
      </>
    );
  }
}

export default WordRelay;
</code></pre>

react 함수 컴포넌트 타이핑은 있는데 클래스 컴포넌트 타이핑 예제 코드가 없네요.

<p>와 진짜 잘하시네요. 이렇게 풀 수 도 있네요</p>

EDWIN, 코드리뷰 부탁드립니다.^^ Array.from 을 활용해 봤습니다.

<p>저보다 대각선 구하는 코드가 깔끔하시네요. 한수 배우고 갑니다</p>

코드리뷰 부탁드립니다 .선생님..^^

rhkdtjd124829

Posts