[FE - ConnecTo] DAY42 TIL👩🏻‍💻

22.09.07 수업 시간에 공부한 내용들을 정리하였습니다 😊
피드백은 언제나 환영입니다! 🍊

변수를 선언할 때는, 실제로 내가 사용하는 곳 바로 위에 선언하는 것이 좋다.

전통적인 프로그래밍 기법들, 명령어들 등도 잘 알아야 하지만, 어느 누구의 기준이 아니라, 내 스스로의 기준을 잡아나가야 한다.

이것을 수정해 나가야하는데, 이런 것들이 쌓여서 경력이 되는 것임!

---

🤯 현재까지 만든 프로젝트들의 문제점

[ 확장성, 적정-동적 ]

1. 동적으로 콘텐츠를 수정하는 부분이 innerHTML, textContent, classList 등 다양한 방식으로 이루어져 일관성이 떨어진다.
2. parentNode를 통해 탐색하는 방법은 확장성이 좋지 않다. HTML 구조가 변경되었을 때 로직을 바꿔야하는 경우가 생길 수 있다.

[ 규모 ]

1. 프로젝트 단위가 커질수록, 한 파일이 너무 커져서 코드 흐름을 이해하기 어렵다.
2. 바뀌는 부분만 렌더링 하지 않고 있지 않아, 렌더 함수가 길어질 수록 성능이 저하된다.

[ 안정성 ]

1. setState를 하는 방식에서 올바른 key가 들어왔는지 보장하지 않기 때문에, state의 안정성을 보장할 수 없다.

   ------------컴포넌트 기준

   1. 모델은 독립적으로 유지 되어야 한다.
   2. 렌더링 부분과 컨트롤러 부분을 하나로 묶은 컴포넌트로 표현되면 좋을 것 같다.

---

강사님께서 생각하시는 큰 문제 : render함수

동적으로 콘텐츠를 수정하는 부분이 innerHTML, textContent, classList 등 다양한 방식으로 이루어져 일관성이 떨어진다.

텍스트 변경, 클래스 추가 제거 모두 다시 렌더링을 하는 것이기 때문임!!!!

우리는 그렇다면, 왜 이렇게 코딩을 할 수 밖에 없었나????

원인? → html에 js가 종속되어있기 때문임

모든 요소들이 변수에 담겨있어서, 영향을 주게 됨.

[ 문제점 재정의 ]

1. documnet.queryselector가 문제인데, 이거 왜 썼을까??
2. html과 javascript의 종속성
   그래서, 아주 간단하게 마크업을 하고 나머지는 js로!

그래서 무엇이 중허냐..?

일관성이 중요하다! 일관성이 결여되면 유지보수성이 떨어지고, 가독성이 떨어지게 됨.