본문 바로가기

반응형

Welcome !

(441)
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. 이미지 내용 올려서 - 바로 보..

반응형