$05. 리액트 로그인과 vanillaJS 비교

$03. Vanilla JS로 로그인 구현

 

이 코드를 react로 바꿔볼 예정이다!

 

 

로그인

 

사실 이전 주차에 했던 활동이랑 크게 차이가 나지 않는다.

이미 완성된 코드를 변환만 시켜주면 되기 때문에 비교적 빨리 끝났다.

 

전주차는 사용법에 조금 허둥댔지만, 이번 주차는 다행히 금방 해냈다.

 

순간 새로고침이 되길래 당황했는데 그냥 오류였나보다.

진짜 무서웠다.

 

---

react와 vanillaJS

 

react가 너무 우세한 나머지 vanillaJS로는 개발하지 못하는 개발자가 있다는 말을 들었다.

 

나는 vanillaJS부터 배웠기 때문에 대체 이게 왜 더 쉽다는거야! 완전 헷갈리잖아!

이렇게 생각했는데, 몇 번 사용해보니까 jsx 파일 안에 html을 넣을 수 있다는게 확실히 이점인거같다.

 

html 폴더와 js 폴더를 따로 두고보면 코드가 길어질 수록 길을 잃을 때가 많았는데

한 파일 안에서 작업할수있는데다 컴포넌트 형식이라 코드 가독성이 확실히 높아진 것을 볼 수 있다.

 

컴포넌트를 다른 컴포넌트에 사용할 수 있다는 것이 정말 큰 이점인 것 같다.

하지만 역시 아직까진 vanilla가 더 편하다∙∙∙.