웹개발 공부방

Options API Composition API beforeCreate X (setup) created X (setup) beforeMount onBeforeMount 렌더링 직전 호출 mounted onMounted 렌더링된 후 호출 beforeUpdate onBeforeUpdate 데이터 변경될 때 호출 updated onUpdated 데이터 변경으로 DOM이 다시 렌더링되고 호출 beforeUnmount onBeforeUnmount Vue객체 제거되기 전 호출 unmounted onUnmounted 컴포넌트가 unmount된 후 호출 errorCaptured onErrorCaptured 자식 컴포넌트 에러 발생될 때 호출 renderTracked onRenderTracked (Dev only) r..

flask에서 로그인하면 access_token 값을 return 해줄때 AttributeError: 'str' object has no attribute 'decode' 에러가 나왔다. jwt 토큰을 암호화하고 utf-8 로 다시 디코딩해줘서 return 해줬는데 python3에서는 기본이 UTF-8이므로 decode를 사용할 필요가 없다고 한다. # 기존 에러코드 token = jwt.encode(payload, app.config['JWT_SECRET_KEY'], 'HS256').decode('UFT-8') # 해결코드 token = jwt.encode(payload, app.config['JWT_SECRET_KEY'], 'HS256') return jsonify({ 'access_token': t..

Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style .eslintrc.js 파일의 rules에 'linebreak-style': 0 을 추가하는 것으로 해결했다. 'linebreak-style': 0

1. 직사각형 그리기 rect(x, y, width, height) 좌측 상단이 (x, y)이고 폭과 높이가 width와 height인 직사각형을 그립니다. fillRect(x, y, width, height) 색칠된 직사각형을 그립니다. strokeRect(x, y, width, height) 직사각형 윤곽선을 그립니다. clearRect(x, y, width, height) 특정 부분을 지우는 직사각형이며, 이 지워진 부분은 완전히 투명해집니다. See the Pen canvas-Rect by mk (@kmeijing) on CodePen. 2. 삼각형 그리기 moveTo(x, y) 펜을 x와 y로 지정된 좌표로 옮깁니다. lineTo(x, y) 현재의 드로잉 위치에서 x와 y로 지정된 위치까지 선을..

시저 암호 어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다. 예를 들어 "AB"는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a"가 됩니다. 문자열 s와 거리 n을 입력받아 s를 n만큼 민 암호문을 만드는 함수, solution을 완성해 보세요. 제한 조건 공백은 아무리 밀어도 공백입니다. s는 알파벳 소문자, 대문자, 공백으로만 이루어져 있습니다. s의 길이는 8000이하입니다. n은 1 이상, 25이하인 자연수입니다. 입출력 예 s n result "AB" 1 "BC" "z" 1 "a" "a B z" 4 "e F d" 나의 풀이 function solution(s, n) { var answer = '..

정수 제곱근 판별 임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다. n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요. 제한 사항 n은 1이상, 50000000000000 이하인 양의 정수입니다. 입출력 예 n return 121 144 3 -1 입출력 예 설명 입출력 예#1 121은 양의 정수 11의 제곱이므로, (11+1)를 제곱한 144를 리턴합니다. 입출력 예#2 3은 양의 정수의 제곱이 아니므로, -1을 리턴합니다. 나의 풀이 function solution(n) { var x = Math.sqrt(n); return Number.isInteger(x) ? Math.pow(x..

콜라츠 추측 1937년 Collatz란 사람에 의해 제기된 이 추측은, 주어진 수가 1이 될때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다는 추측입니다. 작업은 다음과 같습니다. 1-1. 입력된 수가 짝수라면 2로 나눕니다. 1-2. 입력된 수가 홀수라면 3을 곱하고 1을 더합니다. 2. 결과로 나온 수에 같은 작업을 1이 될 때까지 반복합니다. 예를 들어, 입력된 수가 6이라면 6→3→10→5→16→8→4→2→1 이 되어 총 8번 만에 1이 됩니다. 위 작업을 몇 번이나 반복해야하는지 반환하는 함수, solution을 완성해 주세요. 단, 작업을 500번을 반복해도 1이 되지 않는다면 –1을 반환해 주세요. 제한 사항 입력된 수, num은 1 이상 8000000 미만인 정수입니다. 입출력 ..

약수의 개수와 덧셈 두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ left ≤ right ≤ 1,000 입출력 예 left right result 13 17 43 24 27 52 입출력 예 설명 입출력 예 #1 다음 표는 13부터 17까지의 수들의 약수를 모두 나타낸 것입니다. 수 약수 약수의 개수 13 1, 13 2 14 1, 2, 7, 14 4 15 1, 3, 5, 15 4 16 1, 2, 4, 8, 16 5 17 1, 17 2 따라서, 13 + 14 + 15 - 16 + 17 = 43을 return ..

Number 객체 메서드 객체 설명 Number.toExponential([fractionDigits]) Number를 지수표기법으로 반환된 문자열 반환 Number.toFixed([digits]) 소수점 digits 자리만큼 반환 (소수의 자리수의 길이 제한) Number.toPrecision([precision]) 인자로 전달된 길이의 수를 반환 (수의 길이 제한) Number.toString(radix) Number를 문자열로 반환 Number.valueOf() Number에 대한 원시데이터형(primitive value) 반환 Number 메서드 메서드 설명 Number.isNaN(value) 주어진 값이 NaN(Not a Number)인지 확인 Number.isFinite(value) 주어진 값..

Math 객체 Math 객체는 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 자바스크립트 표준 내장 객체입니다. Math 객체는 다른 전역 객체와는 달리 생성자(constructor)가 존재하지 않습니다. 따라서 따로 인스턴스를 생성하지 않아도 Math 객체의 모든 메서드나 프로퍼티를 바로 사용할 수 있습니다. Math 메서드 메서드 설명 Math.min(x,y[,...z]) 가장 작은 수를 반환, 인자가 없으면 Infinity를 반환 Math.max(x,y[,...z]) 가장 큰 수를 반환, 인자가 없으면 Infinity를 반환 Math.random() 0과 1사이의 랜덤한 수를 반환 Math.round(x) 소수점을 가장 가까운 정수로 반환 Math.floor(x) 소수점을 가장 가까운 정..