24년 09월 10일

chart js 사용법

 

        // console.log(중구맛집)

        const arr= 중구맛집.data;   //data 받아옴
        // // console.log(arr)    

        const arr_fd_cs = arr.map((item)=>item.FD_CS)     //arr에 있는FD_CS 에 대한 배열을 만듬
        // console.log(arr_fd_cs)

        //카테고리 배열   지정생성
        // const matjip = addEventListener('onClick'(e)=>{
        //     console.log("맛집ㄱㄱ")
        // })        //이건 아무것도 아닙니다..

        // 누적하기
        const catArr = arr_fd_cs.reduce((obj,item)=>{ //catArr 에 값을 누적하기 위해 
            // consloe.log(item,obj)                  
            if(obj.hasOwnProperty(item)){           //obj 에 item 이 존재한다면
                obj[item]+=1;                       +1

            }else{
            obj[item]=1;                        //존재하지 않는다면 기본적으로 1로 설저앻줌
            }
            return obj;
        },{})
        console.log(catArr)
  

        // KEY , VALUE 따로 추출
        const keys = Object.keys(catArr) //cat 의 key 추출
        const values = Object.values(catArr)//cat 의 value 추출
        
        console.log('keys',keys)
        console.log('values',values)

        const ctx = document.getElementById('myChart');

new Chart(ctx, {
  type: 'pie',
  data: {
    labels: keys,     /key값으로 나타냄
    datasets: [{
    //   label: '# of Votes',
      data: values,   //value값으로 나타내줌
      borderWidth: 1,
      backgorundColor:['red','orange','yellow','green','blue','navy','violet','black']
    }]
  },
  options: {
    scales: {
      y: {
        beginAtZero: true
      }
    }
  }
});

    

 

three:js : 웹페이지 3D객체를 쉽게 렌더링하도록 도와준다

---

오후

three.js 작업중

three js 로 만들어본 3d 렌더링 페이지.

마우스를 잡고 있으면 물체를 움직여볼 수 있다.

---

05 . Java 수업 시작

Programming Language

Pro(앞으로 ,미리) Gram(쓰다) : 앞으로 할일들을 미리 적어놓는 작업

---

RAM : 주기억장치

CPU : 중앙처리장치

package C00;	//패키지명

public class C00Helloworld {	//클래스 영역 - 객체지향 문법 적용단위

	//메서드 (함수) : 작업수행을 하는데 필요한 여러 코드를 묶어서 실행하는 단위
	// main 메서드 : 최초 실행 함수
	// library 메서드 : 미리 만들어져 제공되어지는 메서드
	// 사용자 정의 메서드 : 개발자의 의해 만들어지는 메서드
	public static void main(String[] args) {	//메서드 영역 : 절차지향 문법 적용 단위
//		 TODO Auto-generated method stub
//		System.out.println("hello world");		//라이브러리 메서드 호출
		
	
	}
	}

함수 : 수를 담아 특정처리를 하는 논리적 공간

(==기능 , 메서드)

int main(String[] args)
//int 는 반환자료형
return 123;

 

쌍따옴표는 문자열을 입력할 때 사용 . 

홑따옴표는 문자 한개만 입력할 때 사용

---

이클립스에서 workspace 깃허브랑 연결하기

만든 java project 에서 우클릭 - team -

폴더 선택 - 리포지토리 체크 만들어서 save -

Git Staging 창에서 unstaged changes 에 있는 것들 + 버튼 눌러서 Staged Changes 로 옮기고 commit and push 하면 ? github로 push 완료

---

이제부터 한동안은 java 언어에 대해 배운다.

전에 특강으로 배웠다고 안다고 수업 게을리 듣지 말고 분명히 들으면서 모르는 부분도 엄청 있을거다.

아는 부분은 다시 복기하고 모르는 부분은 새로이 배운다는 생각으로 듣자 !