정리공간

예제 let testObject = [ { num : 1, name : '선물상자', price : 1000, count : 10 }, { num : 2, name : '선물포장', price : 700, count : 5 }, { num : 3, name : '볼펜', price : 1500, count : 7 }, { num : 4, name : '모니터', price : 2000, count : 15 }, { num : 5, name : '과자', price : 2000, count : 20 }, { num : 6, name : '선물리본', price : 300, count : 21 } ] 위 예제에서 name => "이름", price => "가격" 등 특정 출력을 위해 키 이름을 변경하고자 한..

상황 검색해서 나온 데이터들을 chart로 보여주는데, 같은 페이지 내 검색 조건을 다르게 해서 데이터가 달라질 경우 chart를 다시 띄우는데 새로 그려지지가 않는다. 처음에는 canvas is already in use 오류를 만났고 다음에는 차트가 변경되지 않는 오류를 만났다. 오류 설명 canvas is already in use 는 차트가 이미 있는데 또 New Chart()로 생성을 하려고 해서 생긴 오류다. New Chart()는 처음만들때 한번만 가능하고, 이미 같은 차트가 있는데 또 생성을 할 수는 없다. 재 생성하려면 기존 차트를 없애야 한다. 차트가 변경되지 않는 이유는 분병 리스트의 데이터 값는 달라졌는데 차트가 그대로 유지가된다. 해결방법 1) 차트를 아예 없애고 다시 생성하기 -..

chart.js 는 기본적으로 데이터에 맞게 조정되기때문에 무작정 사이즈를 조절하다보면 아래처럼 될 수도 있다.. 크기를 변경해주려면 option 에서 responsive : false 로 적고 canvas에 width랑 height를 지정해주면 된다. , options: { responsive : false , plugins: { title: { display: true, text: '합계' } } }

switch~case문이란? switch의 뜻은 스위치, "전환"이라는 뜻이고 case는 어떠한 "경우"를 의미한다. 해당 경우에 맞을경우, 그쪽으로 전환시키는 명령어. ​ 쉽게말하면, 자판기에서 1번을 누르면 커피가 나오고 2번을 누르면 우유가 나오는 것처럼 만드는 원리! ​ 앞서 배운 if문과 같은 원리이지만, if문이 엄청 많을경우 또는 조건이 딱 떨어지는경우 swith~case를 통해 간편하게 처리할 수 있다. ​ ​ 언제 Switch~case문을 실행할까? ① if문이 너무 많을 때 사용하면 효과적이다. ②많은 메뉴 구성 중, 딱 하나의 경우만 선택할 때 ​ ​ switch~case문의 구성 :(콜론) ->case뒤에 쓰며, case가 2개 이상일 경우 콜론으로 잇는다. break; ->swit..

예시 let testObject = [ { num : 1, name : '선물상자', price : 1000, count : 10 }, { num : 2, name : '선물포장', price : 700, count : 5 }, { num : 3, name : '볼펜', price : 1500, count : 7 }, { num : 4, name : '모니터', price : 2000, count : 15 }, { num : 5, name : '과자', price : 2000, count : 20 }, { num : 6, name : '선물리본', price : 300, count : 21 } ] 특정 값을 가진 객체만 출력하기 [객체].filter( f => f.[키값] == [조건] ); ex) te..

제어문中 if문 ​ 제어문이란? 프로그램은 일을 순차적으로 처리한다. 일을 처리할때 이쪽 일을 할수도, 저쪽일을 할 수 도있고, 어떤 조건 안에서 반복하여 일처리 할 수도 있다. 이렇게 일처리 방향을 제어하는 문장을 '제어문'이라고 합니다. ​ 제어문의 종류 if문, 조건연산자(3항), swith문, while문, for문 ​ if문이란? 조건이 참인 문장만 실행하고, 조건을 만족하지 않으면 실행하지 않는다. ​ 형식 if : 뒤의 괄호안의 조건을 만족하면 중괄호안의 명령을 수행한다. else if: 첫번째 if 조건이 안 맞을 경우 else if괄호의 조건을 본다. else: 위의 모든 if조건이 안맞을 경우 else명령을 수행한다. ​ 예시) 4개의 혈액형 중 혈액형 O형이 맞으면 "모기 잘물린다 "..

scanf입력함수의 기초를 배운 후 문제를 통해 활용해보는 글입니다. 앞에서 배운 printf, scanf, 연산자, 서식문자 등을 모두 활용합니다. scanf의 기초↓ https://luanaeun.tistory.com/250 ​ 문제1) 회원의 정보를 입력받고 출력하세요. 다음과 같이 출력하세요. ↓ 회원의 이름: "홍길동" 나이: 100 생일(월): 7 전화번호: 01011112222 ​ ​ 문제2) 국어, 영어, 수학 점수를 입력받고 총점과 평균을 출력하세요. 다음과 같이 출력하세요. ↓ 국어점수: 70 수학점수: 90 영어점수: 85 총점: 245 평균: 81.67 (소수점 둘째 자리까지 출력) ​ ​ ​ ​ ​ **문제 풀기가 너무 어렵다면??** 어떻게 손대야 할지 감이 안오는 분들만 보시고..

Visual studio에서 scanf함수를 알맞게 썼는데 아래와 같은 오류가 납니다. ​ 'scanf': this fuction or variable may be unsafe Consider using scanf_s instrad.... _CRT_SECURE_NO_WARNINGS. ​ 원래 입력함수는 scanf()였으나, scanf는 입력을 한계없이 마구 받아들입니다. 나중에 결국 용량이 끝까지 차는 해킹 공격인'버퍼 오버플로우'가 이슈화되면서 입력한도를 결정하는 기능이 추가된 scanf_s()함수가 들어왔습니다. ​ 앞으로는 여러분들이 편하신대로 scanf와 scanf_s둘 중 사용하면 됩니다. ​ scanf를 사용하고 싶다면 오류를 풀어야 합니다. ​ 해결 방법 오류 설명 중간에 있는 "_CRT_S..

scanf는 사용자에게 입력을 받는 입력함수로, 입력을 받은 값을 변수에 저장하고 printf로 출력하는 원리다. 형식: ​[ scanf("서식문자%", &변수명); ] 예시: scanf("%d", &a); ​ **&가 뭐지?? scanf에서는 변수명 앞에&를 붙입니다. &는 변수의 주소를 가리키는 것으로, "해당변수가 있는 자리로 가라~"라는 뜻. 왜냐면 사용자가 입력한 값을 그 변수의 자리에 놓아야 하니까요ㅎㅎ ​ scanf함수의 사용예시를 들겠습니다. 혹시 scanf를 쓸때 오류가 나시는 분은 아래 페이지를 참고해주세요↓ https://luanaeun.tistory.com/251 ​ 정수 입력과 출력 a라는 변수를 선언하고 10이라는 숫자를 넣고 출력하는 과정입니다. 아래와 같이 입력하고 실행을 시..

프로그래밍을 하는 주요 이유 중 하나는 사람이 계산하기 귀찮고 힘들어서 기계에게 맡기기 위해 하는 이유다. 그래서 컴퓨터에게 계산을 시키기 위해 우리는 각종 수식과 연산자들을 알아야 한다. ​ ​ 1. 기본(산술) 연산자 **추가) %은 나누기가 아닌 나머지 값 연산자. 10을 3으로 나누면 몫이 3, 나머지가 1. 10 / 3 = 3 10 % 3 =1 같은 나누기 관련 연산자지만, 출력값이 다르다. ​ ​ ​ 2. 비교(관계) 연산자 왼쪽과 오른쪽을 서로 비교하여 참이면 1, 거짓이면 0을 출력한다. ​ ​ 3. 복합 대입 연산자 산술연산자와 대입연산자(=)를 합져서 줄여쓴 것. 프로그래밍을 보기에 간편해야 하기에 줄여서 많이 사용한다. **C언어에서" ="은 같다의 표시가 아닌, 대입연산자. 따라서 ..