반응형 분류 전체보기137 01_변수와 타입 컴퓨터 메모리 (RAM)은 수많은 번지들로 구성된 데이터 저장 공간이다. 프로그램은 데이터를 메모리에 저장하고 읽는 작업을 빈번히 수행한다. 변수는 하나의 값을 저장할 수 있는 메모리 번지에 붙여진 이름을 의미한다. 변수에 값이 처음 저장될 때 메모리 번지를 참고한다. 초기값을 주지 않으면 메모리 번지를 참조할 수 없다. 자바의 변수는 다양한 타입의 값을 저장할 수 없다. 정수형 변수에는 정수값만, 실수형 변수에는 실수값 타입에 맞는 값만 저장할 수 있다. [변수를 생성하는 방법] 선언을 통해 변수를 생성하는데, 변수 선언은 어떤 타입과 어떤 데이터를 저장할 것인지 그리고 변수 이름은 무엇인지 결정한다. 변수를 통해 이름은 가급적이면 값을 표현할 수 있는 이름을 카멜케이스 스타일을 적용해 생성한다. 또한.. 2023. 12. 24. [vue2] css position > transition 사용하기 카테고리 더 보기가 접혀있을 때는 최소 아이템 4개를 보여주고, 더보기를 눌렀을 때 있는 아이템 갯수만큼 4개씩 배치된 리스트가 출력되는 형식의 모습이다. 데이터가 없는 상태라고 가정했을 때 하드코딩으로 리스트를 데이터에 넣어서 구현을 해봤다. setExpand() { this.expandStatus = !this.expandStatus const refHeight = this.$refs.prdtList.clientHeight + 24 if (!this.expandStatus) { this.foldStyle.top = '106px' } else { this.foldStyle.top = `${refHeight}px` } }, clientHeight로 리스트의 높이값과 + 기본적으로 열려있는 값을 refHe.. 2023. 12. 19. 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. 이전 1 2 3 4 5 6 7 8 ··· 35 다음 728x90 반응형
