반응형 programming language33 string 데이터 배열로 만들기 공통 컴포넌트에서 출력되는 형식에 맞게 데이터를 가공후에 props를 통해 데이터를 내려보내려고 한다. - 서버에서 받아오는 데이터 형식 "testDescription": "-테스트 리스트 입니다 1번째.-테스트 리스트 입니다 2번째.-테스트 리스트 입니다 3번째.", - 만들어져야 하는 형식 newList: [ { "conText": "-테스트 리스트 입니다 1번째." }, { "conText": "-테스트 리스트 입니다 2번째." }, { "conText": "-테스트 리스트 입니다 3번째." }, ] 처음 시도했던 방식 '-' 기호를 가지고 하나의 문자열로 오는 데이터를 리스트로 나눈 후 conText의 이름에 데이터를 넣은 객체 모습으로 리턴시켰다. 그리고 나서 빈 문자열이 있을 경우는 지워주는 .. 2023. 12. 17. 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. 이전 1 2 3 4 5 ··· 9 다음 728x90 반응형
