정현's 블로그

SQL 1) 오늘 배운 내용 SELECT role_id , account_id , role_name FROM roles =============== 만약 role_name 다음에 , 나 특수문자가 오면 에러남. 특수문자를 사용하고 싶다면 ![CDATA[특수문자]] 처리해주면 됨. 참고로 XML 문법 - , , 사이에 들어가는 특수문자는 상관없음.

?? -> Nullish Caolescing Operator -> Null인 것 같은 애들 걸러주는 연산자다. ex) A ?? B // A가 Null이거나 Undefined이면 B로 해라

OS: MAC OS(Ventura 13.0.1) 1) 에러 내용 1) gyp gyp: No Xcode or CLT version detected! gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1 2) 해결 Xcode를 설치한다. -> 앱스토어에서 설치함 -> 아니면 터미널에서 설치 sudo rm -rf /Library/Developer/CommandLineTools xcode-select --install 잘 설치되었는 지 확인한다. xcode-select --print-path 아래와 같이 정상출력되면 npm install 실행한다. /Library/Developer/CommandLineTools 3) 원인 no..

Vue3 체크박스 1) 배운 내용 전체 동의 (선택항목 포함) {{ list.label }} {{ list.content }} 다음 별거 아닌데 이틀 반을 태웠다. 1) 체크박스 전체 클릭 시 나머지 체크박스 전체 체크됨.(반대로도 가능) 2) 필수 체크박스 2개 체크 시, 체크박스 전체 체크됨. 3) 전체 체크박스 클릭된 상태에서 필수 체크박스 2개 중 1개 해제했을 때 전체 체크박스 해제됨. 4) 선택 체크박스는 제외. 5) 위 조건대로 '다음' 버튼 활성화 & 비활성화 구현. 2) Trouble Shooting -> document.querySelectorAll로 가져올 경우, 배열이 아닌 NodeList를 가져온다.(배열을 새로 생성한 후 작업해야함) -> 조건식 if, elseif 보다는 혹여 ..

public, private, setter, getter // 자바스크립트 클래스 문법에 대해.. 1. public -> writable, enumerable, configurable( 해당 속성의 값을 변경할 수 있고, 열거가 가능하며, 속성 재변경을 방지하는 특성) -> public 필드는 생성자나 함수를 통해 동적으로 필드를 생성할 수 있다. class Rectangle { height = 0; width; constructor(height, width) { this.height = height; this.width = width; } } 2. Private -> 클래스 외부나 서브 클래스에서 접근할 수 없다. class CoffeeMachine { #waterLimit = 200; #checkWa..

1. 얕은 복사 -> 객체를 얕은복사하면 객체의 원소 중 원시타입이 아닌 객체에 대해 참조를 공유한다. 참조에 대해 먼저 알아보자 1) 컨테이너에 대한 참조 ※ 컨테이너: 원본 객체 그 자체 const obj = {a:1, b:2, c:{d:7. e:8}} 자바스크립트에서는 변수 obj에 무언가를 대입하면 이 변수를 참조 방식으로 가리킨다. 2) 참조의 좋은 점 const obj = {a:1, b:2, c:{d:7, e:8}} // 원본 const obj_copy = obj; obj_copy['d'] = 99; console.log(obj); // {a:1, b:2, c:{d:7, e:8}, d: 99} console.log(obj_copy); // {a:1, b:2, c:{d:7, e:8}, d:99}..

※ 익명함수, 유명함수, 즉시실행함수 / 클로저 1. 일급함수 - 함수를 다른 변수와 동일하게 다루는 언어는 일급 함수를 가졌다고 표현한다. 일급 함수를 가진 언어에서는 함수를 다른 함수에 인수로 제공하거나, 함수가 함수를 반환할 수 있으며, 변수에도 할당할 수 있다.(함수가 다른 일급 객체와 동일하게 다루어 질때, 일급 함수라고 지칭한다.) const foo = function() { console.log("foobar"); } // 변수를 사용해 호출 foo(); 함수를 인자로 전달하는 예시 function sayHello() { return "Hello, "; } function greeting(helloMessage, name) { console.log(helloMessage() + name);..

1. Array: map, filter, reduce, push, pop, slice 1) map() - 콜백함수의 리턴을 모아서 새로운 배열을 만들 수 있다. - 요소를 일괄적으로 변경하는 데 효과적임 배열.map(function(현재값[, index[, array]])[, thisArg]); Callback: 새로운 배열요소를 생성하는 함수로 다음 세가지 인수를 가진다. currentValue: 처리할 현재 요소 index(optional): 처리할 현재 요소의 인덱스 array(optional): map()을 호출할 배열 thisArg(optional) : callback을 실행할때 this로 사용될 값 리턴값: 배열의 각 요소의 callback 결과를 모은 새로운 배열 ex) // 문자열 배열에서..

1. Vue3 1) 이번주 배운 내용 - 이미지 불러올 때 require 사용. - Swiper 사용 Partners 2) Trouble Shooting - Swiper, Carousel 사용 시 사용법 정확히 인지할 것.(for문 어디에 써야할 지 주의)

1. Vue js 1) 에러 발생 - 화면 하단 버튼에 조건식(삼항연산자) 사용. 사진이 있는 경우만 나타나게 끔 설정. 그런데 컴퓨터에서는 잘 나타나는데 모바일에서는 사진이 없는데도 나타남. 2) 해결 - store 내 값과 page 내 값을 일치시켜줌. 3) 원인 photo.js const getDefaultState = () => { return { imageAfter: Array.from({ length: 4 }, () => undefined), // undefined } } pageX.vue created () { this.isUploaded = this.photoStore.getImageAfter() !== null // null } -> store(photo.js)에서는 undefined 인..