본문 바로가기

반응형

전체 글

(441)
JavaScript 자바스크립트 Number.isInteger() 란? + 사용법 JavaScript Number.isInteger() 란 주어진 값이 정수인지 판별한다. 기본 구문 Number.isInteger(value) 매개변수 value - 1개 (정수인지 확인하려는 값) 반환값 -> Boolean (true or false) 예제 1 console.log(Number.isInteger(0)); //true console.log(Number.isInteger(1)); //true console.log(Number.isInteger(1000)); //true console.log(Number.isInteger(-0)); //true console.log(Number.isInteger(-100)); //true console.log(Number.isInteger(0.1)); //f..
JavaScript 자바스크립트 typeof() 란 ? 사용법 JavaScript typeof 란 피연산자의 평가 전 자료형을 나타내는 문자열을 반환 typeof 연산자는 피연산자 앞에 위치한다. 기본구문 typeof operand =피연산자 //괄호 없어도 가능 typeof (operand =피연산자) 매개변수 자료형을 가져올 객체 or 원시값을 나타내는 표현식 반환값 typeof 는 항상 string으로 반환한다. typeof가 반환하는 형식 (result) Type Result Undefined "undefined" Null "object: Boolean "boolean" Number "number" BigInt "bigint" String "string" Symbol "symbol" 호스트객체 (js 환경에서 제공) 구현체마다 다름 function 객체 "f..
JavaScript 자바스크립트 .toUpperCase() 란? 사용법 알아보기 JavaScript Stiring.prototype.toUpperCase() toUpperCase() 메서드는 문자열을 대문자로 변환하여 반환 한다. JavaScript의 문자열은 불변하므로 원본 문자에는 영향을 주지 않는다. 기본 구문 str.toUpperCase() 예외 function.prototype.call()등을 사용해 null이나 undefined에서 호출 시 예제1 let a = 'asdf' let b = 123 let c = '123' let d = 'abcDEF' console.log(a.toUpperCase()); // console.log(b.toUpperCase()); -> 오류 남 console.log(c.toUpperCase()); console.log(d.toUpperCase..
JavaScript 자바스크립트 .toLowerCase() 소문자로 변환하기 방법 JavaScript String.prototype.toLowerCase() .toLowerCase()는 문자열을 소문자로 변환해 반환 한다. 원래 문자열 string 에 영향을 주지 않는다. .toLowerCase() (소문자 반환) toUpperCase (대문자 반환) 기본 구문 str.toLowerCase() 반환값 - 문자열을 모두 소문자로 변환한 새로운 문자열 예제 1 let a = 'asdf' let b = 123 let c = '123' let d = 'abcDEF' console.log(a.toLowerCase()); // console.log(b.toLowerCase()); 오류 남 console.log(c.toLowerCase()); console.log(d.toLowerCase()); ..
JavaScript 자바스크립트 Math.PI란 ? 사용법 JavaScript Math.PI 란 ? = π 말그대로 PI 파이 원의 둘레와 지름의 비율 = 원주율 3.14159.... 의 값을 가짐 예제1 : 반지름을 인자값으로 받아서 원의 둘레 계산하기 function calculateCircumference(radius){ return Math.PI*radius*2; } console.log(calculateCircumference(1)); //
[46일차] 20210518 팀프로젝트 4일차 에제 css 기본 틀 잡음 오늘의 목표 - 고칠 것 : userid 다를 때 글 안써지는 거 pull 이후 없어져서 다시 만들기 ok - write쪽 고치기 ok - css 마무리 ok - 아래 목표 최대한 하기 - fixed header 만들기 & 설정 ok - 비회원 시 특정 사진 나오도록 설정ok - 글씨체 변경 ok - top2.html 생성, Event 넣기ok 목표 ! 0. 로그인, 회원가입 , db연결 ok 1. 게시판 글쓰기 db연결, ok 2. 수정 ok 3. 삭제 ok 4. 게시판 글 번호 차례대로 나오게 하기 ok 5. 댓글 ok 6. 내가 쓴글이 아니면 수정, 삭제 안되도록 만들기 ok 7. 조회수 ok 8. 새로고침할 때 조회수 안올라가게 만들기 9. 게시판 게시물 클릭했을 때 기..
[프로그래머스 코딩테스트 JavaScript] Level 1-15 문자열을 정수로 바꾸기 [프로그래머스 코딩테스트 JavaScript] Level 1-15 문자열을 정수로 바꾸기 문제 설명 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한 조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니다. s는 "0"으로 시작하지 않습니다. 입출력 예 예를들어 str이 "1234"이면 1234를 반환하고, "-1234"이면 -1234를 반환하면 됩니다. str은 부호(+,-)와 숫자로만 구성되어 있고, 잘못된 값이 입력되는 경우는 없습니다. 나의 답 어제 프로그래머스 어디선가 배운 parseInt 를 썼다. 다른 분들의 답 나누기 더하기 사칙연산으로 자동으로 parsing이 되게 만듬 ! 사친연..
[프로그래머스 코딩테스트 JavaScript] Level 1-14. 제일 작은 수 제거하기 문제 설명 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3,2]를 리턴 하고, [10]면 [-1]을 리턴 합니다. 제한 조건 arr은 길이 1 이상인 배열입니다. 인덱스 i, j에 대해 i ≠ j이면 arr[i] ≠ arr[j] 입니다. 입출력 예 arrreturn [4,3,2,1] [4,3,2] [10] [-1] 처음 답 (실패) 요렇게 적었는데 테스트는 통과하는데 제출 채점하면 다 실패로 떴다. 질문하기를 보니깐 배열의 순서가 바뀌면 안된다고.......... 실패2 결국 이것도 배열 순서가 바뀌어서 탈락 성공!..
[프로그래머스 코딩테스트 JavaScript] Level1-13. 자연수 뒤집어 배열로 만들기 문제 설명 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. 제한 조건 n은 10,000,000,000이하인 자연수입니다. 입출력 예 nreturn 12345 [5,4,3,2,1] 나의 답 뭔가 너무 복잡하다ㅠㅠ -> ['5','4','3','2','1'] 여기서 숫자인 배열로만 추출하는 함수를 알면 좋을텐데......... 찾앗다! map(Number)를 쓰면 ['5,'4','3','2','1'] -> [5,4,3,2,1]이 된다! 다른 분 문자풀이와 숫자풀이 두개를 하심 숫자 풀이는 진짜 생각지도 못한 방법이라 신기하다.... while(n>0) 동안 arr에 n나누기 10의 나머지값을 push 한다. (1의자..
[프로그래머스 코딩테스트 JavaScript] Level1-12. 두 정수 사이의 합 문제 설명 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 제한 조건 a와 b가 같은 경우는 둘 중 아무 수나 리턴하세요. a와 b는 -10,000,000 이상 10,000,000 이하인 정수입니다. a와 b의 대소관계는 정해져있지 않습니다. 입출력 예 abreturn 3 5 12 3 3 3 5 3 12 나의 답 Math.abs라는 자연수로 만드는 함수를 찾아서 만들었다. 가우스의 답 ㅎ... Math.abs(b-a)+1 으로 a,b사이의 개수 를 a+b의 합과 곱해서 2로 나눴다. 가우스의 재림.. 따라 쳐봤다. 이렇게 간단할수가........
JavaScritp 자바스크립트 Math.max() 사용법 Math.max() 함수는 입력값으로 받은 0 개 이상의 숫자 중 가장 큰 숫자를 반환한다. 아무 요소도 주어지지 않았다면 -Infinity 반환 인수 중 하나라도 숫자로 변환하지 못하면 NaN로 반환 기본틀 Math.max([값1[, 값2[, ...]]]) 예제1 let x = 10 , y = -20 console.log(Math.max()); // 인수가 주어지지않은 경우 -Infinity console.log(Math.max(x,'안녕')); // 인수 중 하나가 String => NaN console.log(Math.max(x,y)); // 큰 수 10 반환 예제2 let a = [1,2,3,4,5,6,7,8,9,10]; let b = [10,9,8,7,6,5,4,3,2,1]; console.lo..
JavaScript, 자바스크립트 Math.min() 사용법 Math.min() 함수는 주어진 숫자 중 가장 작은 값을 반환한다. 주어진 인자값이 없는 경우 Infinity 반환 1개의 인자값이라도 숫자형으로 변환 불가능한 경우 NaN 반환 기본틀 Math.min([value1[, value2[, ...]]]) 예제1 let a = 10 , y = -20 console.log(Math.min(x,y)); 예제2 let a = [1,2,3,4,5,6,7,8,9,10]; let b = [10,9,8,7,6,5,4,3,2,1]; console.log(Math.min(...a)); console.log(Math.min(...b)); console.log(a.indexOf(Math.min(...a))); console.log(b.indexOf(Math.min(...b)));
[45일차] 20210517 팀프로젝트 css 오늘의 목표 ! CSS 시작 ! 최대한 많이 하기 - layout top, bottom.html에 연결 - views- index.html은 경로가 달라서 html 해당 파일에 style 추가해서 처리 - my info, info_modify 파일 제외 css 기본 틀 완성 ! 내일 학원에서 - 고칠 것 : userid 다를 때 글 안써지는 거 pull 이후 없어져서 다시 만들기 - css 마무리 목표 ! 0. 로그인, 회원가입 , db연결 ok 1. 게시판 글쓰기 db연결, ok 2. 수정 ok 3. 삭제 ok 4. 게시판 글 번호 차례대로 나오게 하기 ok 5. 댓글 ok 6. 내가 쓴글이 아니면 수정, 삭제 안되도록 만들기 ok 7. 조회수 ok 8. 새로고침할 때 조회수 안올라가게 만들기 9. 게..
[프로그래머스 코딩테스트 JavaScript] Level1-11. 자릿수 더하기 자릿수 더하기 문제 설명 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 제한사항 N의 범위 : 100,000,000 이하의 자연수 입출력 예 Nanswer 123 6 987 24 입출력 예 설명 입출력 예 #1 문제의 예시와 같습니다. 입출력 예 #2 9 + 8 + 7 = 24이므로 24를 return 하면 됩니다. 나의 답 다른 분의 답 String(n) 대신 (n+"") 으로 문자열로 만들었다. 그리고 .split("")으로 [ '1', '0', '0'] 배열로 만들고 reduce를 사용해서 모두 더함. parseInt는 문자열-> 숫자로 만들기 let n ..
[프로그래머스 코딩테스트 JavaScript] Level1-10. 하샤드 수 [프로그래머스 코딩테스트 JavaScript] Level1-10. 하샤드 수 문제 설명 양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를 들어 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다. 자연수 x를 입력받아 x가 하샤드 수인지 아닌지 검사하는 함수, solution을 완성해주세요. 제한 조건 x는 1 이상, 10000 이하인 정수입니다. 입출력 예 arrreturn 10 true 12 true 11 false 13 false 입출력 예 설명 입출력 예 #1 10의 모든 자릿수의 합은 1입니다. 10은 1로 나누어 떨어지므로 10은 하샤드 수입니다. 입출력 예 #2 12의 모든 자릿수의 합은 3입니다. 12는 3으로 나누어 ..
[프로그래머스 코딩테스트 JavaScript] Level1-9. K번째 수 [프로그래머스 코딩테스트 JavaScript] Level1-9. K번째 수 문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 [5, 2, 6, 3]입니다. 1에서 나온 배열을 정렬하면 [2, 3, 5, 6]입니다. 2에서 나온 배열의 3번째 숫자는 5입니다. 배열 array, [i, j, k]를 원소로 가진 2차원 배열 commands가 매개변수로 주어질 때, commands의 모든 원소에 대해 앞서 설명한 연산을 적용했을 때 나온 결과를 배열에 담아 return 하도록 solution 함수를..
[프로그래머스 코딩테스트JavaScript] Level1-8. 콜라츠 추측 [프로그래머스 코딩테스트JavaScript] Level1-8. 콜라츠 추측 문제 설명 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을 반환해 주세요. 제한 사항..
JavaScript, 자바스크립트 Array.prototype.map() Method map 메서드란? map() Method - 배열 내의 모든 요소에 각각 대하여 주어진 함수를 호출한 결과를 새로운 배열에 담아 반환 각 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만든다. undefined도 포함해서 처리하기 때문에 호출한 중간이 비어있는 경우, 동일한 인덱스를 빈 값으로 유지한다. 기본 구문 arr.map(callback(currentValue[, index[, array]])[, thisArg]) Parameters, 매개변수 casllback - 새로운 배열 요소를 생성하는 함수 (세 가지 인수를 가짐) currentValue - 처리할 현재 요소 index (Optional) - 처리할 현재 요소의 인덱스 arry (Optional) - map()을 호출한 배열 this..
[프로그래머스 코딩테스트 JavaScript] Level1-7. x만큼 간격이 있는 n개의 숫자 [프로그래머스 코딩테스트JavaScript] Level1-8. x만큼 간격이 있는 n개의 숫자 처음에 x+=x 로 풀었다가 제곱으로 커져서 고민하다가 찾음 제출 후에 다른사람 코드를 보니 i=1; i
[프로그래머스 코딩테스트JavaScript] Level1-6. 완주하지 못한 선수 한 번 푼적이 있어서 다른 방법 해보려고 indexOf를 사용했는데 오류가 나는 것도 있고 통과한 것도 있다. 왜 어떤건 안되는지 잘 보니 동명이인이 있는 테스트는 실패함. 문제에 동명이인이 있을 수 있다고 적혀있다.. 요건 팀원들이랑 한번 풀어봤어서 기억이 났다. sort를 쓰고 그럼 위에 한 것처럼 해보면 된다 언제 if와 ()를 쓰고 안써도 되는지 헷갈린다 다른 사람 풀이 ㅋ 읽어도 이해가 안간다.. ^^ 눈물..
[프로그래머스 코딩테스트JavaScript] Level1-5. 가운데 글자 가져오기 substr, substring 차이 / 문자열 글자 가져오기 [프로그래머스 코딩테스트JavaScript] Level1-5. 가운데 글자 가져오기 요 문제도 오래 고민했다. s.splice() 를 쓰려고했는데 안돼서 이리저리 해보고 vs에도 실행시켜보고 고민고민하다가 다시 문제를 읽어보니 s는 배열이 아닌 그냥 단어string이였다. 이 상태로 계속 틀리고 고민하다가 결국 인터넷 사용 charAt/ substring이라는 method 를 찾음 요렇게 제출 다른 사람들의 풀이 Math.floor를 안쓰고 홀수에 +1 을해서 더 깔끔하게 함 감탄 여기서 substr 도 알게됨 substr VS substring 차이 let a = "Hello" .substring(start, 끝나는지점+1) - 끝나는 지점+1 이 문자의 0번째 순서부터 카운트 .substr(start..
[프로그래머스 코딩테스트JavaScript] Level1-4. 같은 숫자는 싫어 [프로그래머스 코딩테스트JavaScript] Level1-4. 같은 숫자는 싫어 요것도 어떻게 풀어야 하나 고민고민하다가 배열의 push, pop으로 풀었다. arr 배열에 forEach 구문을 돌려서 각각의 요소를 차례로 answer라는 배열에 push 를 하고 만약 방금 push한 ele 요소가 answer배열의 두번째 마지막 (이전에 넣은 값) 과 같다면 pop을 해라 그리고 본 다른 사람의 코드 현타가 온다. filter를 사용했다... 이건 또 뭘까 대단.. 요게 가장 많은 사람들이 한 코드 나는 붙이고 빼고 두 번이 실행시켰는데 요렇게 하면 한 번만 push하면 된다. .filter Method
[프로그래머스 코딩테스트JavaScript] Level1-3. 서울에서 김서방 찾기 생각보다 오래걸린 김서방 찾기........... indexOf의 기능을 알고 있었는데 계속 console.log 값이 -1 로 떴다. 아무리 찾아봐도 배열에서 요소 자리 찾는건 indexOf인데 ! 왜 -1 일까 찾아보니 -1 = 찾을 수 없으면 나오는 값이라고 한다. 김서방이없다니 다시 잘 보니 "김서방" 이아니고 "Kim" 이라는 이름으로 찾았어야했다... 문제 잘 읽자 그리고 김서방은 ~에 있다 에 . 점을 찍어도 틀린다. 문제 출제한 거에 완전 똑같이 답을 줘야한다. 얄쨜없다 다른 사람들의 풀이 : for, while 등을 쓴 풀이가 많았다. for 문은 생각지도못했는데 친숙한 for구문도 가능했다. idx 변수에 0을 넣고 for 문을 배열의 length만큼 돌려서 if 만약 seoul배열의 ..
[프로그래머스 코딩테스트JavaScript] Level1-2. 평균 구하기 [프로그래머스 코딩테스트JavaScript Level 1] 평균 구하기 forEach 구문을 써서 arr 배열안의 원소 (ele) 를 += 계속 더해서 answer 변수 안에 넣고 arr.length로 나눴다. 맞은게 신기하다..... 다른 사람들의 풀이를 보는데 진짜 다양하다. 똑같은 문제인데 다양한 풀이가 있어서 뭔가 더 재밌ㄴ다 reduce를 사용한 다른 사람 코드 reduce 예전에 배웠는데 지금 기억이 가물가물치 다시 찾아보니 .reduce() Method 는 4개의 매개 변수 parameters를 가진다. 축적값(acc) , 현재 값(curr), 현재 인덱스(index), 원본 배열(arr) 축적값 accumulator = acc 현재값 current value 인 것 같다 다시 저 코드를 보..
[프로그래머스 코딩테스트JavaScript] Level1-1. 짝수와 홀수 오늘부터 코딩 테스트 알고리즘 공부하기 시작 Level 1 문제들을 봤을 때 문제도 사실 잘 이해가 안가고 오른쪽에 미리 주어진 것도 어떻게 쓰는지 잘 몰랐다. 어제 팀원분께 사용하는 법 설명을 듣고 이제 조금씩 풀고 분석해보기! 한 문제 한 문제 풀 때마다 기록해 놓기 프로그래머스 코딩테스트 짝수와 홀수 오른쪽 solution에 solution이라는 이미 주어진 함수에 코딩하면 되고 return answer;
20210515 팀프로젝트 주말 계획! 오늘 토요일, 팀원들과 카페에서 겅부 즁 목표 ! 0. 로그인, 회원가입 , db연결 ok 1. 게시판 글쓰기 db연결, ok 2. 수정 ok 3. 삭제 ok 4. 게시판 글 번호 차례대로 나오게 하기 ok 5. 댓글 ok 6. 내가 쓴글이 아니면 수정, 삭제 안되도록 만들기 ok 7. 조회수 ok 8. 새로고침할 때 조회수 안올라가게 만들기 9. 게시판 게시물 클릭했을 때 기존 댓글들 뜨도록 + 대댓글 기능 - 동철님 10. 비회원으로 들어가기 readonly - 로그아웃 빼기 11. write, modify = 내용 없으면 작성 안되게 설정 ok 12. - 회원가입 완료 시 회원의 이미지 뜨게 ok - info 정보에 이미지 넣기/ table구조 변경 ok 13. 좋아요 (수 + ( boolean) ..
[44일차]20210514 서버 만들기 팀 프로젝트 2일차 게시판의 기능들(?) 은 거의 만들었는데 이제 세부 기능들 만들기 오늘 작업할 목표 ! 0. 로그인, 회원가입 , db연결 ok 1. 게시판 글쓰기 db연결, ok 2. 수정 ok 3. 삭제 ok 4. 게시판 글 번호 차례대로 나오게 하기 ok 5. 댓글 ok 6. 내가 쓴글이 아니면 수정, 삭제 안되도록 만들기 ok 7. 조회수 ok 8. 새로고침할 때 조회수 안올라가게 만들기 9. 게시판 게시물 클릭했을 때 기존 댓글들 뜨도록 + 대댓글 기능 - 동철님 10. 비회원으로 들어가기 readonly 11. write, modify = 내용 없으면 작성 안되게 설정 ok 12. - 회원가입 완료 시 회원의 이미지 뜨게 ok - info 정보에 이미지 넣기/ table구조 변경 ok 13. 좋아요 (수 + ..
[43일차] 게시판 만들기 팀프로젝트 시작날 ! 각자 코딩을 해온 부분을 github를 통해 합쳐보았다. pull, fetch, clone 부분은 이제 조금 익숙해졌지만 merge 부분, branch 등은 아직 어렵다.. 오늘 할 일 0. 로그인, 회원가입 , db연결 ok 1. 게시판 글쓰기 db연결, ok 2. 수정 ok 3. 삭제 ok 4. 게시판 글 번호 차례대로 나오게 하기 ok 5. 댓글 ok 6. 내가 쓴글이 아니면 수정, 삭제 안되도록 만들기 ok 7. 조회수 ok 8. 새로고침할 때 조회수 안올라가게 만들기 9. 게시판 게시물 클릭했을 때 기존 댓글들 뜨도록 + 대댓글 기능 - 동철님 10. 비회원으로 들어가기 readonly 11. write, modify = 내용 없으면 작성 안되게 설정 ok 12. 이미지 내용 올려서 - 바로 보..

반응형