반응형 programming language32 vanillaJS 페이지네이션 구현 각 구현되는 조건에 따라 파마리터명은 다르겠지만 초기 설정값을 정한다. 보통 화면 구현에는 이런 형식을 많이 사용하는 편인거 같다. 각 회사마다 다른 이름을 사용하고 있으니 참고! pageNum: 현재 페이지 pageSize: 한 페이지 당 나타낼 데이터의 갯수 totalRow: 총 데이터의 갯수 pageCount: 페이지 리스트 갯수 1. 먼저 페이징할 수 있는 데이터를 만들기 대략적으로 데이터가 담긴 리스트를 먼저 만들어 본다. 혹은 json-server등 유용한 API를 사용해도 무관하다. const someList = []; for (let i = 1; i { /** * 어디서 부터 어디까지 출력 시킬것인지 * slice : index를 이용해서 자름 (endIndex앞에자름) */ const s.. 2023. 12. 17. NestJS 애플리케이션 만들기_1 [생성하려는 애플리케이션] NestJS에서 사용할 것들 (앱 구조) 각 모듈을 구성하는 Controller Service Respository AppModule(root) BoardModule: 게시글에 관한 모듈 BoardController BoardEntity BoardService BoardRepository ValidationPipe AuthModule: 게시글을 만드는 사람에 대한 인증 모듈 AuthController UserEntity AuthService UserRepository JWT, Passport provider란? 프로바이더는 Nest의 기본 개념이다. 대부분의 기본 Nest클래스는 서비스, 리포지토리, 팩토리, 헬퍼 등이 프로바이더로 취급된다. 객체는 서로 다양한 관계를 만들 수.. 2023. 6. 26. NestJS Nest JS란? 효율적이고 확장 가능한 Node.js 서버 측 어플리케이션을 구축하기 위한 프레임 워크이다. progress Javascript사용하고 Typescript로 빌드되고 지원한다. 내부적으로 Nest는 Express와 같은 강력한 HTTP 서버 프레임 워크를 사용하며 선택적으로 Fastify를 사용하도록 구성할 수도 있다. 개발자와 팀이 고도로 테스트 가능하고 확장 가능하며 느슨하게 결합되고 유지관리가 쉬운 애플리케이션을 만들 수 있는 즉시 사용 가능한 애플리케이션 아키텍쳐를 제공한다. 공식문서: https://docs.nestjs.com Documentation | NestJS - A progressive Node.js framework Nest is a framework for buil.. 2023. 6. 25. 제네릭(Generics) 재 정리!! 제네릭은 재사용성이 높은 컴포넌트를 만들 때 자주 활용되는 특징 중 하나이다. 한가지 타입보다 여러가지 타입에서 동작하는 컴포넌트를 생성하는데 사용된다. function logText(text: T): T { console.log(text); return text;}logText(10);logText("ttt");logText(true);제네릭은 logText의 함수를 호출할 때 파라미터의 타입을 넘길 수 있다. 호출할 때 파라미터의 타입을 같이 지정하면서 넘기는 것이다. [기존 타입 정의 방식과 제네릭의 차이점 알아보기]1. 함수 중복 선언의 단점- 타입을 다르게 받기위해 중복되는 함수 생성을 막을 수 있다. function logText(text:string) { console... 2022. 12. 28. 이전 1 2 3 4 5 ··· 8 다음 728x90 반응형
