[꼼꼼한 개발자] 꼼코더

🧹 간단 정리 enum 타입은 변하지 않는 것을 묶어놓은(열거한) 타입이다. ex) > enum Tier {Gold, Platinum, Diamond} (자세한 내용은 아래참고) 🙋🏻‍♂️ enum 타입 소개 enum은 열거형(enumaration)의 줄임말로, 연관된 상수들을 묶어서 사용하는 타입이다. 여러 개의 관련된 값을 한 곳에 모아 놓음으로써 가독성과 유지보수성을 향상시킬 수 있다. enum은 주로 숫자나 문자열과 연결된 값들을 나타내는데 사용된다. 👍🏻 enum 타입의 장단점 장점 가독성 향상: 코드 내에서 명시적인 이름을 사용하여 상수를 참조할 수 있다. 유지보수 용이성: 관련된 상수들을 그룹화하여 관리하므로 코드 수정 시 편리하다. 단점 타입 안정성 감소: enum 값은 숫자로도 접근 가능..

🧹 간단 정리 Tuple 타입은 TypeScript에서만 지원하는 데이터 타입이다. Tuple 타입은 배열의 값과 길이를 고정하는 것이라고 생각하면 쉽다! ex) > let person: [string, number, boolean]; 설명 : 길이 3, [문자열, 숫자, 참 거짓]만 올 수 있는 person변수 선언완료! (자세한 내용은 아래참고) 🙋🏻‍♂️ Tuple 타입 소개 Tuple 타입은 배열의 확장된 형태로, 고정된 길이와 서로 다른 타입의 요소를 갖는다. 각 인덱스에 해당하는 요소에 명시된 타입의 값이 저장되며, 데이터 구조를 명확하게 표현하는 데 사용된다. 👍🏻 Tuple 타입의 장점 Tuple 타입을 사용하면 1. 데이터의 구조와 타입을 동시에 정의하여 코드를 더 명확하게 표현할 수 있..

🧹 간단정리 타입스크립트는 자바스크립트에 타입을 부여한 것이라고 생각하면 쉽다! [let apple] 에 값을 넣는다고 가정해보자 자바스크립트 : let apple = "나는 문자열" or 010 or true >> 즉 아무런 값을 넣어도 됨 타입스크립트 : let apple : string = true >> 명시한 타입 이외에 다른 값은 에러발생 (자세한 내용은 아래참고) 🎅🏻 타입스크립트 소개와 역사 JavaScript 구문에 선택적으로 타입 주석을 추가함으로써 타입스크립트는 컴파일 시간에 오류를 잡고 코드 품질을 향상시키려는 목표를 갖고 있다. 타입스크립트는 JavaScript의 슈퍼셋으로, JavaScript 개발에 정적 타이핑을 도입하는 데서 인기를 얻었다. 2012년에 처음 출시되었으며 Mic..

🙋🏻‍♂️ 문제 ✅ 정답 💡 느낀 점 음.. CSR은 또 무엇인고.. 찾아봐야겠다..!

🙋🏻‍♂️ 문제 ✅ 정답 💡 느낀 점 SSR의 종류들과 장단점도 올려봐야겠다.

🙋🏻‍♂️ 문제 ✅ 정답 💡 느낀 점 리액트와 Next.JS를 사용하는 것이 SEO와 연관이 있어 보여 좀 더 찾아봐야겠다.

🙋🏻‍♂️ 문제 ✅ 정답 💡 느낀 점 리액트가 정말 똑똑하다 싶다..

🧹 두서없이 적는 쉬운 정리 1. State는 리액트 컴포넌트의 변경 가능한 데이터. 2. Class 컴포넌트의 생성자에서는 추후 사용할 데이터를 state에 넣어서 초기화한다. 3. state를 업데이트하기 위해 setState() 함수를 사용. 4. 클래스 컴포넌트에서 컴포넌트의 생명, 인생, 죽음을 의미하는 함수를 사용할 수 있다. (componentDidMount(), componentDidUpdate(), componentWillUnmount() 5. map() 함수를 사용시 엘리먼트를 구분하기 위하여 key 값을 필수적 넣어야 한다. (자세한 내용은 아래 참고) 😊 실습 시작 클래스 컴포넌트로 스테이트 와 생명주기 함수를 직접 사용해 보도록 하자 🧑🏻‍💻 Notification 컴포넌트 생성 ..