[4주차-1], [4주차-2] - 조대원

[looks32]

📚 학습 주제

• 주차: [4-1], [4-2]
• 주제: [구조 분해 할당, 나머지 매개변수와 전개 구문], [메서드와 this]

📝 학습 내용 체크리스트

✅ 개념 요약

• 주요 개념들을 이해하기 쉽게 정리했는가?
• 핵심 포인트를 놓치지 않고 요약했는가?

🔍 모르는 개념 연구

• 이해하기 어려웠던 개념들을 조사하고 정리했는가?
• 추가 학습이 필요한 부분을 명시했는가?

💻 예시 코드 및 설명

• 개념을 설명하는 실용적인 코드 예시를 작성했는가?
• 코드에 대한 상세한 설명을 포함했는가?

📋 주요 학습 개념 설명/요약 (선택)

❓ 질문사항 및 토론 포인트

• 구조 분해 할당은 무조건 하는 것이 좋은가?
• 구조 분해 할당을 하면 성능에도 영향이 있을까?
• js에서 this를 사용하는 것을 실제로 본 적이 없는데 실제로도 많이 사용하는 걸까? [4-2 질문]

📖 참고 자료 (선택)

🤡 스터디 이외의 이번주차 학습질문 (선택)

• 리액트에서 컴포넌트를 함수형이 아닌 class 형식으로도 만든다고 하는데 이 방법을 알고 있는게 좋을까요?
• 이번 프로젝트에서는 axios를 사용하는게 좋을까요 아니면 그냥 fetch를 사용해보는 게 좋을까요? [4-2 질문]

[tkp12345]

리액트에서 컴포넌트를 함수형이 아닌 class 형식으로도 만든다고 하는데 이 방법을 알고 있는게 좋을까요?

재 주관적인 답변이지만 말씀드리면 🤡👅

• class 형식을 배워야 하나요 ? : YES
• 지금 그럼 class 학습도 병행해야하나요 ? : NO (part 3,4 때 ㄱㄱ)

리엑트 진영에선 함수형을 권장합니다 그럼 왜 위와같이 재가 말했냐면
3가지 이유가 있습니다

1. 실무 현실

실제로 클래스 컴포넌트만으로 운영하는 회사가 있습니다. 또한 여전히 레거시 프로젝트나 오래된 사내 컴포넌트가 클래스 컴포넌트로 작성되어 있는경우가 있습니다. 이런 코드를 유지보수나 버그 수정 시, 코드를 읽고 고칠 수 있어야 합니다

2. 레퍼런스 해석 능력

오픈소스 이슈, PR, 오래된 블로그 글, StackOverflow 답변에는 클래스 기반 코드가 많습니다. 만약 class 형 지식이 없다면 이런 고오급 정보를 그저 지나치게 됩니다

3. React 자체의 사용처

추후에 다루시겠지만 react 에서 Error Boundary기능등 제공하는 기능중 과거에 class 로만들어 지금까지도 클래스로만 사용가능한 기능들이 있습니다. 이런 기능들을 사용하기 위해서라도 , 최소한의 클래스 문법은 꼭 알아야 합니다.

답변이 되셨으면 좋겠네요 혹시 애매모호 하시면 멘토링때 한번더 이야기해보시죵 🤡🌹 cc @looks32

[tkp12345]

👍🏻

[cadst]

1. 구조 분해 할당은 무조건 하는 것이 좋은가?

구조 분해 할당을 하는 이유는 코드를 이해하는 가독성 측면에서 사용하기 때문인 것 같아요!
예를 들어, queries라는 2차원 배열에서
for(let [s, e] of queries)를 하면 queries에서 특정 배열 요소만 다룬다는 것을 명시하기에 좋은 것 같습니다!

2. 구조 분해 할당을 하면 성능에도 영향이 있을까?

구조 분해 할당은 배열 혹은 객체의 구조에서 원하는 데이터들을 변수로 할당하는 것이라서
성능에 차이는 없다고 생각합니다!

3. js에서 this를 사용하는 것을 실제로 본 적이 없는데 실제로도 많이 사용하는 걸까?

this는 JS에서 매우 흔히 사용되지만, 클래스, 객체 메서드, 이벤트 핸들러 등 특정 맥락에서 주로 사용된다고 하네요.
요즘은 함수형 프로그래밍 패턴, 화살표 함수, 모듈 패턴을 많이 쓰면서 this 사용이 줄어드는 추세입니다.

이번 프로젝트에서는 axios를 사용하는게 좋을까요 아니면 그냥 fetch를 사용해보는 게 좋을까요?

*fetch와 axios 차이점
단순 GET/POST 요청 → fetch
복잡한 요청, 인터셉터, 에러 핸들링, Node.js 환경 → axios

차이점 요약을 다음과 같이 찾아서 프로젝트에서 사용하는 비동기 작업 요구사항에 따라 사용하면 좋을 것 같습니다 ! :)