로그인 기능 구현하기 - 유효성 검사 및 애니메이션 을 진행 할 때 백엔드와 정보를 주고 받아 페이지를 렌더링 하려했다.
그런데 또 index.html을 여러개 만들려고 하니 너무 열받더라
예전에 ToDoList 만들 때에는 차곡차곡 노드들을 추가하는 코드도 만들어봤고
그러다가 어디서 줏어들은게 있어서 컴포넌트 처럼 쓰겠다며
흉내내본적이 있었다.
흉내만 냈을뿐 사실 엄청나게 긴 문자열에 파라미터만 다르게 줬을뿐. .
키킥
그러다가 컴포넌트를 이용해서 하는 웹 개발이 뭘까 이것 저것 찾아보고 깃허브도 둘러보던 와중
누군가 3년전에 바닐라 자바스크립트로 만든 M's blog 깃허브를 발견해 유튜브와 함께 코드를 찬찬히 살펴봤었다.
살펴보면서 느낀점은
하나도 모르겠따
해당 깃허브는 리액트의 원리를 바닐라 자바스크립트로 구현한 것인데
어디선가 많이 본 props , state 등이 보이는데 그게 뭔지 모르니까
코드를 이해하는게 쉽지 않았다.
그!래!서!
나도 리액트 공부를 시작하기로 했다.
원래는 바닐라 자바스크립트를 한 달정도는 더 판 다음에 하려고 했는데
차라리 리액트를 배우면서 바닐라 자바스크립트로는 토이프로젝트나 document , window 와 관련된 프로퍼티나 메소드등 , 혹은 좋은 API 등을 더 많이 봐야겠다.
Observer좋아보이던데 키킥
리액트 공식문서를 호다닥 먼저 읽고
그 다음 토이프로젝트를 바로 들어가봐야겠다.
자바스크립트 딥다이브 때 처럼 완전 깊게 들어가서 공부하기보다 일단 만들면서 ..
이번에는 책을 구매하지 않으려고 한다.
워낙 리액트와 관련된 블로그들이 너무 많고 커뮤니티들도 활성화 되어있다고 하니 ..
영어 공부 한다 생각하고 뚫어져라 쳐다봐야지
