코딩 공부 기록

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array - JavaScript | MDN다른 프로그래밍 언어의 배열과 마찬가지로, Array 객체는 여러 항목의 컬렉션을 단일 변수 이름 아래 저장할 수 있고, 일반적인 배열 연산을 수행하기 위한 멤버가 있습니다.developer.mozilla.org  *조건을 만족함 = 판별 함수의 값이 true some()반환: boolean배열의 요소 중 하나라도 조건을 만족하면 true//배열const array = [1, 2, 3, 4, 5];//판별 함수const even = (element) => element % 2 === 0;console.log(arr..

vue의 ref는 반응형(reactive) 상태를 만드는 데 사용되는 기능이다. 1. 반응형이란?변수가 반응형인 경우, vue에서 다음과 같은 기능을 사용할 수 있다.1) template에서 {{ 변수명 }} 사용 → UI 자동 업데이트- 변수가 반응형이 아닌 경우, 변수의 값이 변경되어도 UI에는 반영되지 않는다.2) 관련된 computed 값 자동 재계산3) watch로 변경 감지 가능  2. ref 사용 방법1) 선언//문자, 숫자const stringNumberRef = ref('');//booleanconst isTrue = ref(true);//배열const arrayRef = ref([]);//객체const emptyObject = ref(null);const filledObject = re..

1. 데이터 가공1) 페이지가 로드될 때 서버에서 데이터를 받아 옴created(){ getAllData()}methods: { async getAllData(){ try{ const response = await axios.post(`${this.baseUrl}/api/data`, { opt: 'all' //통신에 필요한 파라미터 }) console.log('데이터 조회 응답: ', response) this.allData = response.data this.data1 = response.data } catch(error){ ..

1) 데이터export default{ data(){ keyValueData:{ A: valueA B: valueB C: valueC } }} 2) select의 option 생성: v-for {{ valueD }}  ① v-for="value in keyValueData"- keyValueData라는 객체/배열의 각 항목을 순회하면서 반복- 각 반복에서 현재 항목을 value라는 변수로 참조(for문의 i)② :key="valueD"- Vue의 가상 DOM 업데이트를 위한 고유 키 설정- 각 option 요소를 구별하는 데 사용- ':'는 v-bind와 같음(단축 문법)③ :value..

1. 정렬 - 숫자order by에서 asc를 사용하면 10, 11, 12가 2보다 먼저 나온다.해결: CAST-- 예시: nameColumn의 값이 '문자열 + - + 숫자'로 구성된 상황CAST(SUBSTRING_INDEX(nameColumn, '-', -1) AS UNSIGNED)-- nameColumn의 값이 '문자열 + 숫자'로 구성된 경우에도 대응CAST(REGEXP_SUBSTR(nameColumn, '[0-9]+$') AS UNSIGNED)   2. 웹페이지에서 datetime에 9시간씩 더해져서 나옴function formatDateTime(dateString) { if (!dateString) return ''; const date = new Date(dateString); ..