20200821 T.I.L

 

오늘 한 일

 

오늘도 자라 클론 페이지의 코드를 수정하는 것으로 하루를 시작했다. 원래는 로우데이터를 자바스크립트 코드 안에 적어서 만들었었는데 메뉴를 클릭하면 펼쳐지는 부분을 만들려고 하니까 데이터가 너무 많아지기도 했고 마침 어제 엘리님의 강의를 들으면서 제이슨 파일을 따로 만들어보는 것을 해봤기 때문에 이참에 제이슨 데이터를 외부로 돌려서 받아 와서 작동하는 코드로 수정해야겠다는 생각을 했다.  그래서 제이슨 폴더에 데이터를 옮기는 것으로 시작해서 전체적인 코드를 수정하기 시작했다. 나는 이렇게 데이터를 받아오는 부분만 수정을 하면 금방 끝나겠구나 했는데 그렇게 간단한 것이 아니었다. 비동기적으로 데이터를 가져오기 시작하면서 내가 쓰는 전역 변수들이랑 지역변수들이 꼬여서 작동이 제대로 안 되기 시작했다. 그래서 이참에 내 코드를 정리해보자 하면서 다시 처음 구현했던 부분부터 정리를 하기 시작했다. 다 펼쳐져 있었던 이벤트 함수들도 한데 묶고 했다. 어제보다 더 내가 내 코드를 더 효과적인 방법으로 정리하고 있었다. 분명 나는 코드를 계속 정리했다고 생각했는데 정리는 하면 할수록 깔끔해져 가는 것 같다.

 결국 메뉴부분은 손도 못대로 끝내고 다른 공부로 넘어갔지만 이제는 다른 부분의 코드를 추가할 때 훨씬 수월하도록 정리를 해 놓아서 좋았다. 

 

 또 리액트를 슬슬 조금씩 공부해야겠다고 생각해서 인프런에서 제로초님이 하시는 리액트 강의를 시작했다. 근데 와.... 바닐라 자바스크립트로 코드를 계속 짜다가 리액트를 한입 맛보니 리액트를 배우는 것이 왜 획기적인 건지 알겠다.  신세계다!!!! 이렇게 여러 개의 컴포넌트를 각자가 개별적으로 움직이는 것을 이렇게 짧은 코드로 만들어지다니!!! 눈이 번쩍 뜨였다. 아직 아주 기본 중 기본을 배우고 있지만 재미있다 ㅎㅎㅎㅎ 그래도 지금은 자바스크립트에 더 집중을 할 거지만 그래도 리액트도 이렇게 조금조금씩 배워야겠다.