typescript

맨날 정해져있는 템플릿을 이용한 기능 개발만하다가 모처럼 새로운 UI를 짜야하는 일이 생겼다. 밑밥을 깔아보자면 ㅋㅋ... 처음부터 빌드한 프로젝트가 아니라 중간에 끼여든 프로젝트였기에 코드를 읽을 때부터 버벅이긴 했다. 자 이제 밑밥은 깔림. 내가 해야할 목록 1. swiper 라이브러리를 쓴다. 2. navigator 버튼을 나오게하고 첫 슬라이드에서는 왼쪽 버튼이 사라지게 마지막 슬라이드는 오른쪽 버튼이 사라지게한다. 3. 슬라이드는 마우스 드래그로도 가능하게한다. Code import React, { useState } from 'react'; import { Swiper, SwiperSlide } from 'swiper/react'; const Projects = () => { const [sw..

업무를 보면서 현재 진행 중인 프로젝트의 코드를 조금 더 개선시키고 앞으로의 작업을 편하게 가져가기 위해서 어떤 일들을 할 수 있을까? 하는 생각을 하다가 테스트 코드 셋팅을 해보자라는 다짐을 하게 되었다. 현재 진행 중인 코드에서는 할 수 없기 때문에 비슷한 환경을 조성한 테스트 코드를 가지고 시험 삼아서 테스트 개발환경을 조성하려고 시도했다. 웬걸? 삽질을 이틀 사흘 동안 하고 끝냈다. 하지만 여전히 미궁에 빠져있고 이걸 다시 재연해낼 수 있을까? 하는 의문이 강하게 들어서 다급하게 이곳에 남겨보려고 한다. 맨날 듣기만하고 여기저기 구글링 하다가 보기만 했지. 정작 써본 적은 없는 테스트 코드. 여러 블로그를 참고해서 진행을 했었는데, 뭐하나 제대로 이해하는 게 없으니 코드는 완전 짬뽕이 되고 tes..

▪ Literal types const userName1 = "Bob"; let userName2 = "Tom"; const는 상수로 변하지 않는 값을 선언할 때, let는 재할당이 가능한 값을 선언할 때 사용합니다. 저 상태에서 VSC같은 에디터에서 마우스를 올려보면 const는 "Bob"이라고 선언 된 값이 뜨고, let은 let userName2 : string이라는 타입 값이 뜹니다. let은 언제든 다른 값으로 변할 수 있기 때문입니다. userName2 에 숫자를 넣고 싶다면? let userName2 : string | number = "Tom"; 이렇게 타입을 둘 다 명시해줍니다. type Job = "police" | "developer" | "teacher"; interface User..