React

댓글

댓글 본문
  1. 호눅스
    bind()의 동작 방식을 잘 몰랐었는데 이번 기회에 좀 더 확실하게 알게 되었네요.
    화살표 함수를 사용하면 this가 달라지는 것도 재밌어요.
  2. 고구마
    a href="/" 하니까 하이퍼링크가 안달리더라구요 그래서 a href="#"하니까 되었습니다.
  3. 그리
    감사합니다!
    대화보기
    • 정성훈
      자기 자신을 호출하겠다는 의미입니다.
      대화보기
      • 할수이따
        2020.03.06
      • 그리
        href="/" 라는 링크를 걸어두셨는데, /만 두면 무슨 의미인지 알 수 있을까요? ㅠㅠ
      • 밴쿠버코알라
        안녕하세요 수업 잘 보고 있습니다. 강의 1에서 변수 설정 할 때 언더바를 사용하셨는데 그냥 내부적으로 사용하기 위해 선언한 것일뿐인가요?
        근데 제가 저렇게 변수를 설정하니까 에러가 떠서 일반 변수로 설정했는데 왜 이런 에러가 뜨는걸까요?
        Expected an assignment or function call and instead saw an expression no-unused-expressions
      • 현수
        감사합니다
      • 현수
        감사합니다
      • 컴퓨터세상
        egoing님 리액트 강의 정말 잘 듣고 있습니다 늘 좋은강의 감사합니다!
        공부하다가 질문이 생겨 댓글을 남겨요.

        1. bind의 사용법이 .bind(bind하고싶은 객체)라면, bind(this)를 했을 때 어떻게 맥락상 this가 App 객체를 가리키게 되나요?? 왜 this만 넣어줘도 App을 this로 받을 수 있는지 이해가 잘 안갑니다ㅠ

        2. element에 이벤트를 등록할 때, 자바스크립트에서는 inline방법(onClick과 같은)보다 addEventListner가 가장 이상적이라고 알고있는데 리액트에서는 다 그냥 onClick하면 리액트가 알아서 적절하게 해석을 하나요? 별로 고민하지 않아도 되는 문제인지 궁금합니다.

        3. 여러개의 다른 Component에 이름만 같고(onChangePage) 내용은 다른 함수를 사용하고 있는데... 이건 각 component에서의 메소드로 약간 지역변수같다고 이해하면 되나요? 그래서 같은이름이라도 충돌되지 않고 자유롭게 사용이 가능한건가요??

        아시는 분이 있다면 답댓으로 알려주시면 정말 감사하겠습니다~!
      • 완료
      • 이제시작
        완료
      • 소윤호
        this bind 에 대한 설명을 적어볼게요

        ex)
        function a(x, y, z){
        console.log(this, x, y, z);
        }
        var b = {
        c: 'test'
        }
        var d = a.bind(b, 1, 2, 3);
        d();

        ------------------------------------
        결과)

        {c: "test"} 1 2 3 이렇게 나옵니다.
        즉 bind는 이벤트의 this를 연결고리라고 생각하면 될것 같습니다.
        -------------------------------------------------------------------------------

        bind 함수 쓰기 싫어서 찾아봤습니다. => 함수를 사용 하면 됩니다.

        handleClick = (e) => {
        e.preventDefault();
        this.setState({
        mode:'Welcome',
        })
        }

        render()함수 위에 handleClick 함수를 작성하고 클릭 대상에게 onClick으로 this를 연결시켜주면 끝입니다.

        <h1><a href="/" onClick={this.handleClick}>{this.state.Subject.title}</a></h1>
      • 리아포
        복습 중에 궁금한 것이 하나 생겨서 여쭤봅니다^^ onChangePage 함수를 이벤트를 통해 실행시키는 onClick 함수에서는 e.preventDefault()를 해주는데, 함수 onChangePage를 정의할 때는 왜 e.prenventDefault()를 하지 않나요?
        이벤트를 실행할 때 페이지 리로드가 되기 때문에, state만 변경시켜주는 onChangePage는 e.preventDefault()를 해줄 필요가 없어서 그런게 맞을까요?
      • 리아포
        잘 봤습니다! 감사합니다:)
      • 폭스킴
        혹시 이 챕터만 들으시고 안 들으실까봐 답글 드립니다.
        이고잉님 이메일 공지에 따르면,
        앞으로도 5월 1일까지 두 챕터를 더 공개하실 예정이예요~
        매일 오전 11시에 공개하신다고 합니다.
        이게 마지막이 아니예요~ ^^
        대화보기
        • 용영에쥬
          이고잉님! 안녕하세요!
          React 강의 열심히 듣고 있습니다!
          React의 마지막 챕터인 이벤트는 언제 업로드 해주시나요?
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기