🍋 프로젝트 소개 간단하게 할 일을 입력, 수정, 삭제, 완료할 수 있는 프로그램입니다. 프론트엔드 기술로만 구현되었고, 타입스크립트의 학습을 위해 진행한 프로젝트입니다. 👍 사이트 체험해보기 ➡️ 깃허브 보러가기 개발 기간, 인원 11. 16 - 22. 11. 22(7일), 개인(1인) 프로젝트 (개발 기간 후에도 필요한 부분 리팩토링 중입니다.) 사용 기술 React TypeScript styled-components recoil fontawesome react-bootstrap �

➡️ 투두리스트 전체 코드 구경하기 ➡️ 이 포스팅 관련 코드만 보기 투두리스트를 만들던 도중 수정버튼을 클릭했을 때 해당 투두의 input으로 바로 focus가 가지 않아서 한번 클릭해야 하는 점이 불편하게 다가왔다. 수정 버튼을 클릭하면 바로 해당 input에 focus가 가고, 사용자가 다른 동작 없이 바로 수정할 내용을 입력하게 하고싶었다. useRef를 통해 element에 직접 접근하는 방법을 사용해보았다. react, typescript를 사용했다. <img width="7

Javascript의 filter메서드를 이용해서 투두리스트 삭제기능을 구현해보자. Typescript를 사용하긴 했지만 filter메서드는 JS 문법! > ➡️ 깃허브 가기 filter() callback: 각 요소를 시험할 함수. true를 반환하면 요소를 유지하고, false를 반환하면 버린다. 세가지 매개변수를 받는다. element: 처리할 현재 요소. index(옵션): 처리할 현재 요소의 인덱스. array(옵션): filter를 호출한 배열. thisArg(옵션): callback을 실행할 때 this로 사용하는 값. filter() 예시 투두리스트

노마드코더 Typescript로 블록체인 만들기 강의 정리 - 2 (챕터3)👊 내 것으로 만들자 🎞️3-0강 Call Signatures 인자의 타입과 함수의 반환값의 타입을 알려준다. 함수가 어떻게 구현되는지가 아닌, 어떻게 호출되는지 설명해주는 부분. 함수 작성 전, 타입을 생각하도록 해준다. 실질적인 코드와 타입 선언을 분리해준다. 🎞️3-1강 Overloading function overloading, method overloading 등 다양하게 불린다. 오버로딩 된 함수를 직접 작성할 일이 많지 않지만 외부 패키지나 라이브러리에서 많이 사용되기 때문에 어떤 것인지 알고있어야 한다. 오버로딩은 함수가 여러 call signatures를 가지고 있을 때 발생한다. >참고✔️ 예제1과 2는 같은 call signa

타입스크립트의 기본 개념을 잡기위해 노마드코더 무료강의 수강 중! 챕터 1은 거의 타입스크립트를 왜 사용하는지에 대한 설명이라 필요한 부분부터 포스팅합니다:) 노마드코더 Typescript로 블록체인 만들기 강의 정리 - 1 (챕터2까지)👊 내 것으로 만들자 🎞️2-1강 명시적표현과 암시적표현 타입스크립트는 똑똑하게 타입을 추론할 수 있지만 만약 추론을 하지 못할 경우에는 명시적표현을 통해 타입을 지정해주어야한다 명시적 표현을 하지 않아도 되는 경우 명시적 표현을 해야 하는 경우 > 주의사항⛔ 타입 추론이 가능한 상황에서는 명시적표현을 생략해야 코드의 길이, 코드작성시간, 가독성 측면에서 더 좋다. 명시적표현은 최소한으로 사용하기! 🎞️2-2강 TS의 Types - part 1 1. o