본문 바로가기

Javascript39

제너레이터, 이뉴머레이터, 캔버스(Canvas) 사용하여 3차원 곡선, 그래프 이동 구현하기 1. Generator란? generator : iterator를 생성해주는 함수, 함수안에 yield 키워드를 사용함 genrator 특징 iterable한 순서가 지정됨(모든 generator는 iterator) 느슨하게 평가된다.(순서의 다음 값은 필요에 따라 계산됨) 함수의 내부 로컬 변수를 통해 내부상태가 유지된다. 무한한 순서가 있는 객체를 모델링할 수 있다.(명확한 끝이 없는 데이터 스트림) 자연스러운 스트림 처리를 위 파이프라인으로 구성할수 있다.(Java에서 파일스트림 처리시에 특정 바이트단위로 반복하는 것을 말하는듯..) 제너레이터는 발전기라는 의미처럼 이 객체를 호출할 때마다 yeild가 작동되 값을 순차적으로 산출 함수 내부에서 yield가 사용하면 그 함수는 제너레이터가 되며, 제.. 2023. 7. 27.
과목별 학생 평균 데이터 출력, 다이아몬드 만들고 객체화 안녕하세요 오늘은 심화 버전입니다. 학생별 과목/점수 데이터가 들어왔을때, 이 데이터를 변형하여 과목별 학생들의 점수데이터를 뽑고 과목별 평균데이터를 산출하여 그래프로 표시하는 방법을 알려드리도록 하겠습니다. jumsuList = [ { "조대룡" : { "자바스크립트" : 88, "파이썬" : 99 } }, { "자드" : { "자바스크립트" : 90, "파이썬" : 88 } } ]; ===========================> 1.다음과 같은 형태로 뽑기 배열안에 객체 형태로 과목 [index, 이름, 점수] [ { "자바스크립트": [ [ 1, "조대룡", 88 ], [ 2, "자드", 90 ] ] }, { "파이썬": [ [ 1, "조대룡", 99 ], [ 2, "자드", 88 ] ] } .. 2023. 7. 26.
데카르트 좌표계, Canvas 캔버스 그리기 1.데카르트 좌표계 데카르트 좌표계(영어: Cartesian coordinate system)는 임의의 차원의 유클리드 공간(혹은 좀 더 일반적으로 내적 공간)을 나타내는 좌표계 중 하나. 직교 좌표계(直交座標系, 영어: orthogonal coordinate system)는 데카르트 좌표계를 포함하여 극좌표계, 원통좌표계, 구면좌표계 등 좌표축과 평행한 단위벡터끼리 항상 서로 수직한 모든 좌표계를 총칭하는 표현. 데카르트 좌표계는 나타내는 대상이 평행 이동에 대한 대칭을 가질 때 유용하나, 회전 대칭 등 다른 꼴의 대칭은 쉽게 나타내지 못한다. 일반적으로 주어진 유클리드 공간에 기저와 원점이 주어지면 이를 이용하여 데카르트 좌표계를 정의할 수 있다. 가장 흔하게 볼 수 있는 좌표평면이나 좌표공간의 경우.. 2023. 7. 24.
큐를 활용하여 데이터 자료구조 변경하기 안녕하세요 오늘은 객체, 배열로 이루어진 짬뽕의 데이터가 들어왔을때, 상사가 보기 힘들어 하겠죠. 이를 구분하고 하나하나 파싱하여 원하는 구조로 다시 만드는 형태입니다. 예를 들면 데이터가 이렇게 들어왔습니다. originList = [ { "아이유" : { "자바스크립트" : 88, "파이썬" : 99 } }, { "제드" : { "자바스크립트" : 90, "파이썬" : 88 } } ]; 이를 이렇게 자료구조를 변경하라고 할때 어떻게 해야 할까요? [ { "자바스크립트": [ [ 1, "조대룡", 88 ], [ 2, "자드", 90 ] ] }, { "파이썬": [ [ 1, "조대룡", 99 ], [ 2, "자드", 88 ] ] } ] 다음과 같이 여러가지 학습 방법들을 익히고 나서, 각각 파싱을 해본 .. 2023. 7. 21.

티스토리툴바