● 오늘 공부 한 것 마지막으로 제네릭을 공부하였습니다. 제네릭을 공부하면서, 왜 제네릭을 쓰는지에 대해서 이해할 수 있었습니다. useState나 useRef같은 훅들은 타입을 지정해야할때 제네릭을 사용한다는 것을 알게되었으며, DOM요소 같은 경우에도 제네릭을 활용한다는 것을 알게되었습니다! (이벤트 객체 등등) ● 공부 이외에 한 것 솔로 프로젝트 typescript로 리팩토링 https://github.com/ddaeunbb/solo-shoppingmall/pull/16
CodeStates BootCamp
● 오늘 공부 한 것 [기본 타입] ● 기본타입 강의를 듣는 것만으로는 좀 부족함이 들어 핸드북을 보며 제대로 공부를 해볼까하고 포스팅합니다. ❍ string 기본 문자열로 아래와 같이 표기합니다. let name: sring = 'daeun' ❍ number let ddaeunbb.tistory.com ❍ Enum 열거형을 알고는 있었지만, 어떻게 써야할지에 대해서 고민을 했던 것 같습니다. 오늘 공부를 하면서 타입의 '쓰임새'에 집중하다보니 좀 더 쉽게 이해할 수 있었던 것 같습니다. Enum같은 경우에는 상수화하여 상수들의 네임스페이스화?를 활용할 때 쓰기 좋을 것 같다고 생각했습니다. 또한 기존 자바스크립트는 키를 통해서만 값에 접근할 수 있었는데, enum같은 경우에는 키와 값이 서로 접근이 가..
● 오늘 공부한 것 Union Type (유니온 타입) - 유니온 타입은 합집합을 의미하며, 어떤 타입이든 들어올 수 있음을 이야기합니다. 유니온 타입(Union Type)이란 자바스크립트의 OR 연산자(||)와 같이 A이거나 B이다 라는 의미의 타입입니다. function something(x: number | string){ return x } 위의 예제 코드를 보면, x라는 매개변수에 2가지 타입이 모두 올 수 있습니다. 하지만 유니온 타입을 사용하는 경우에 타입가드가 필요합니다. 예를 들어 여러가지의 모양의 객체가 매개변수가 들어온다고 가정해보겠습니다. interface Person1 { name: string; age: number; } interface Person2 { name: string..
● 오늘 공부한 것 늘 express로 서버를 구축했는데 오늘은 json-server라는 라이브러리를 사용해 서버를 구축하고 활용하였습니다. json 파일 하나만 만들고 api요청도 된다니 너무 신기했습니다.. 서버에 요청하는 건 하도 많이 하다보니 정말 많이 익숙해졌다고 느꼈습니다••• 만이 성장했다..^^ ● 이외에 공부한 것 TypeScript (any타입, union type, function 타입) 알고리즘 공부 (버블정렬, 선택정렬, 삽입정렬, 퀵정렬) - 정렬 진짜 다공부해간다!! 토이플젝
● Custom Component 개발자가 스스로 커스텀한 훅을 의미하며 이를 이용해 반복되는 로직을 함수로 뽑아내어 재사용할 수 있습니다. 여러 url을 fetch할 때, 여러 input에 의한 상태 변경 등 반복되는 로직을 동일한 함수에서 작동하게 하고 싶을 때 커스텀 훅을 주로 사용합니다. 이를 이용하면 상태관리 로직의 재활용이 가능하고 클래스 컴포넌트보다 적은 양의 코드로 동일한 로직을 구현할 수 있으며 함수형으로 작성하기 때문에 보다 명료하다는 장점이 있습니다. (e.g. useSomething) Custom Hook을 정의할 때는 함수 이름 앞에 use를 붙이는 것이 규칙입니다. 대개의 경우 프로젝트 내의 hooks 디렉토리에 Custom Hook을 위치시킵니다. 오늘은 노마드 코더의 커스텀 ..
● 솔로프로젝트 그동안 기능은 모두 구현하였으나, 이후 디버깅과 코드 최적화과정 + git 관련 공부를 진행하였습니다. 중복되는 코드들을 최대한 제거하려고 하였으며, 확실히 중복 제거 이후에 코드가 짧아지는걸 경험할 수 있었습니다.. GitHub - ddaeunbb/fe-sprint-coz-shopping Contribute to ddaeunbb/fe-sprint-coz-shopping development by creating an account on GitHub. github.com ❍ 코드 수정사항 무한스크롤 로직과 네브바 중복 코드가 있어서, 사실 코드를 모두 짜놓고 나서도 '아..언제 중복제거하지..' 생각만 하고 있었는데 17일~18일 동안 중복코드를 제거하면서 확실히 코드 최적화가 되는 과..
