이번엔 useState를 사용해 보겠다 useState라는 것은 react에 있어서 스무스하게 하도록 하는 저장 기능이라고 한다 그래서 앱처럼 움직이게 할려면 변수에 저장하는 게 아니라, useState에 넣어서 사용해야 하고, 자주 변경될만한 것을 대상으로 한다 일단 useState 라는 것을 import 시키고 나서, [] = userState( 값 ); 를 적는다 useState()를 쓰다면, 반환되는 값이 [값 1, 값 2]가 반환된다고 한다 값1 이 userState( 값 ) 이 되고, 값 2가 변경될 값이라고 한다 그다음은 바인딩을 변수와 똑같이 { } 를 사용하면 된다! 이렇게 하면 useState를 사용하는 방법이 되겠다 그리고 useState() 의 값은 어떤 값이 들어가도 된다 ex )..
데이터 바인딩이란 나도 쥿밥코더라서 잘 모르겠지만 대충, 서버에서 데이터를 받아왔다면 그 데이터를 HTML에 보여주도록 한다는 느낌인 거 같다 암튼 그걸 리엑트에서 해볼 것이다! 일단 App.js에서 변수 하나 만들어서 한번 꽂아 보자 기본 데이터 바인딩 데이터를 변수를 하나 만들어 줘 봤다 let data = 'Do you want to build a Snowman?'; 신세계를 경험하였다.. { data } 이거만 살짝 끼얹었을 뿐인데 바로 간지 줄줄 흐르더라 기본 JavaScript는, 를 document.querySelector()로 찾아서 . innerHTML = data 이런 식이여야 하는데 { data } 하나만으로 보여준다면, 앞으로 React행님이라 칭하도록 한다 함수 바인딩 그리고 또 ..
이번에는 Login Page를 만들어 보자 보통 login페이지를 만들때, html코드에서 아래의 형태로 한다 하지만 로그인 페이지정도는 펀하게 섹시하게 쿨하게 Django에서 제공해주는 Form생성을 해보도록 한다 ・form.py는 새로 하나 만들어줘야 한다 ・그리고 form.py에서 위의 코드를 적어주자 ・변수 model에는 import한 Model의 Member를 사용한다 ・fileds는 model의 정보중 필요한것만 선발키는 것이다 ・widgets는 필드에 맞게 옵션을 설정하는 듯하다 * 'memberName'과 'password'같은 것은 models.py에 있는 Object안에 변수와 같아야 한다 일단 login 페이지에 접속하기 위해서 path를 설정하자 위에 views.login을 넣어줬으..
