본문 바로가기

🔑Code/TypeScript2

TypeScript | 게시판 리스트 추가 기능 구현(+리스트번호 매기기) 게시판 리스트 추가하기 타입스크립트로 게시판 리스트 추가하기 기능 구현을 연습하고 있는데 문제점이 있었고 해결과정에서 사수님의 도움도 들어가있기 때문에 다시 생각해보고 적어보려고 한다. BoardItemType.tsx 'boardItemType' 이 나열되어 있는 목록 전체(배열)를 recoil상태관리 라이브러리를 사용해 'list' 에 할당해주었다. 는 boardItemType 으로 된 객체를 담고 있는 배열 타입으로 지정해준다는 거다. Atom은 상태의 일부를 나타내는데, Atom에 어떤 변화가 있으면 Atom 을 구독하는 모든 컴포넌트가 재렌더링된다. list.ts ‘BoardDetail’ 은 글쓰기 페이지로 'boardItemType' 이 나열되어 있는 배열인 'list' 를 가져왔다. ‘list.. 2023. 5. 20.

TypeScript | UUID로 고유 스트링 타입 id값 가져오기 처음엔 input에 적는 할 일과 함께 타입이 숫자인 id 를 같이 객체에 담아 활용하려고 했었다.근데 펼침연산자를 또 쓰게 되고, id를 숫자로 가져오면 +1 이런식으로 넣다보니 복잡해짐을 느끼고 고민하던 끝에 동기 분이 추천해준 uuid 방식을 적용해보게 되었다. UUID(Universally Unique IDentifier) 네트워크 상에서 중복되지 않는 id를 만들기 위한 표준 규약이다. UUID 는 8-4-4-4-12 형태의 문자이고, 각 문자는 16진수 숫자다. UUID 버전은 1, 3, 4, 5 가 있는데, 랜덤으로 생성되는 4버전이 가장 많이 쓰인다고 한다. npm install --save @types/uuid 자바스크립트에서는 UUID가 npm 패키지이기 때문에, 설치해준다. (나는 타.. 2023. 5. 14.

이전 1 다음

티스토리툴바