코딩/1-JavaScript

B03클래스와데이터_56 - B0301클래스 ~ B0302클래스와데이터

tree0505 2025. 4. 2. 10:27
반응형
  • 자료 구조 => 데이터 저장하는 방식
    • 일차배열 여러개
    • 이차배열
    • 객체 (json)
    • 클래스 
    • 객체. 클래스를 많이 이용 
  • 프로그램설계 할당시
    • 필요한 변수는 이미 다 설정이 된 상태에서 
    • 코딩이 시작되기 때문에 클래스를 쓰면 된다. 

 


  • B0301클래스

B0301개념01_클래스정의.html


  • B0302클래스와데이터

B0302개념01_클래스와배열_출력.html
B0302개념02_클래스와배열_구구단.html
B0302개념03_클래스와배열_합.html
B0302개념04_클래스와배열_추가.html
B0302개념04_클래스와배열_추가.html


  • B0301클래스 - 개념연습 
    • 객체는 그냥 보기
    • 클래스를 만들어서 
    • 변수 4개를 생성
    • 넣는 것 

B0301문제01.html


  • B0302클래스와데이터_개념연습
  • 1번
    • 처음에는 클래스 라는 틀을 잡는다. 탬플릿. 주석같은것 
    • 배열을 생성한다.
      • 결국 배열에 넣는거다. 배열에 넣고 한번에 움직일 수 있으니
    • for(let i = 0; i< arr.length; i++) 
      • 이거는 반복문을 돌려서. 클래스로 바꾸는 것이다. 
      • 객체 변수를 클래스로 담는 것 
      • 위의 객체를 꺼낼때. [ i ] [ " "] 꺼낸다. 
    • student.total = total
      • let total = arr[i]["math"] +arr[i]["eng"]+arr[i]["kor"];
        • 이것은 그냥 total이라는 변수. 즉 클래스의 변수가 아니다. 
      • student. total => 는 . (점)을 통해. 클래스 변수에 total을 넣는 것 
        • 즉 점을 통해서 우선. 클래스 틀에 넣는 것 
      • studentList.push(student);  
        • 최종적으로 배열에 넣는다.
        • 클래스에 넣는 것이 아닌. 
        • 한번에 출력할려고

B0302문제01.html
B0302문제01.html


  •  

B0302문제02.html
B0302문제02.html


 

반응형