[꼼꼼한 개발자] 꼼코더

🧹 간단 정리 의존성 주입 방법을 선택할 땐 중 생성자 주입을 사용하자 생성자 주입은 코드의 유지 보수성과 테스트 용이성을 향상한다. (자세한 내용은 아래 👀) 🧑🏻‍💻 코드 예제 👉🏻 Setter 방식(생성자 주입 적용 전) public class UserService { private UserRepository userRepository; public void setUserRepository(UserRepository userRepository) { this.userRepository = userRepository; } } 👉🏻 생성자 주입 적용 public class UserService { private final UserRepository userRepository; public UserServ..

🙋🏻‍♂️ 문제 ✅ 정답 💡 느낀 점 뭔가 좀 중요한 내용이라 나중에 블로그 정리글로 한 번 더 작성하고 싶다 예시도 보다보면 알겠지만 스프링이 진짜 개발자의 개발작업 향상에 많은 도움을 주는 거 같다.

🧹 두서없이 적는 쉬운 정리 1. 함수 컴포넌트는 정말 함수처럼 생겼다. 2. 리액트 컴포넌트는 클래스 컴포넌트와 함수 컴포넌트로 나뉜다. 3. 모든 클래스 컴포넌트는 React.Component를 상속받아서 만든다. 4. 컴포넌트 생성 시 첫 글자는 대문자여야 한다.(소문자는 HTML 태그로 인식됨) 5. 이렇게 만들어진 컴포넌트는 엘리먼트를 출력하고 렌더링을 통해 브라우저에 보이게 된다. (자세한 내용은 아래 참고) 🎅🏻 Components의 역사 리액트 컴포넌트는 아래 그림처럼 크게 클래스 컴포넌트와 함수 컴포넌트로 나뉜다. 초기 버전에는 클래스 컴퍼넌트를 주로 사용하였다. 하지만 클래스 컴포넌트가 사용하기 불편하다는 의견이 많이 나와 함수 컴포넌트를 주로 사용하게 되었다. 함수 컴포넌트를 개선하는..

🙋🏻‍♂️ 문제 ✅ 정답 💡 느낀 점 이제부터 하나씩 알아봐야겠다.

🧹 두서없이 적는 쉬운 정리 1. Props의 중요한 특징은 Read-only 즉 읽기 전용이므로 변경이 불가하다. 2. 다른 Props의 값으로 엘리먼트를 생성하려면새로운 Props 값을 컴포넌트의 전달하여 새로 엘리먼트를 생성하면 된다. 3. 위 과정에서 엘리먼트가 다시 렌더링 된다. 4. Props의 값을 넣을 때 문자열 이외 [정수 변수 그리고 다른 컴포넌트 등]이 들어갈 경우 중괄호 {} 를 사용해서 감싸 주어야 한다. 5. Props는 자바스크립트 객체가 된다. 6. JSX 를 사용하는 경우에는 간단하게 컴포넌트의 Props를 넣을 수 있다. 7. JSX를 사용하지 않는경우에는 React.createElement()를 사용하면 된다. (비추천) (자세한 내용은 아래 참고) Props의 특징 P..

🙋🏻‍♂️ 문제 ✅ 정답 💡 느낀 점 음.. 솔직히 아직은 잘 감이 안 잡히지만 우선 외워야 하는 건 맞아 보인... 다?

🧹 두서없이 적는 쉬운 정리 1. 리액트는 컴포넌트 기반의 구조가 특징이며 모든 페이지가 컴포넌트로 구성되어 있다 2. 하나의 컴포넌트는 또 다른 여러 개의 컴포넌트의 조합으로 구성될 수 있다. 4. 다시 말해 컴포넌트들은 마치 내고 블록을 조립하 듯 끼워 맞춰 새로운 컴포넌트를 만들 수 있다. 5. 재사용성 코드 양 감소로 인하여 자연스레 개발 시간과 유지보수 비용도 줄일 수 있다. 6. 컴포넌트는 자바스크립트의 함수와 비슷한데 입력은 Props라는 것이고 출력은 리액트 엘리먼트이다. 7. 컴포넌트는 만들고자 하는 대로 Props 즉 속성을 넣으면 해당 속성에 맞춰 화면에 나타난 엘리먼트를 만들어 주는 것 8. 하나의 컴포넌트로 여러 개의 엘리먼트를 찍어낼 수 있다.(붕어빵 틀 -> 붕어빵(슈크림, 팥..

🙋🏻‍♂️ 문제 ✅ 정답 💡 느낀 점 자주 봐서 꼭 기억하도록 해야 할 내용이다.