잿꽃's posting Garden

임의의 연도를 입력하면 해당하는 년도의 1월 1일의 요일을 구해보자. 이걸 왜 하게 되었냐면 고용노동부에서 학원을 평가하러 왔기 때문이다. 분명 문제를 잘 푼 거 같았는데 몇 가지 연도만 제대로 나오고 나머지는 제대로 나오지 않았다. 시험지에는 {365*4 + (해당년도-1)/4 - (해당 연도-1)/100 + (해당 연도-1)/400} % 7의 값으로 구할 수 있다고 했는데 윤달이 분명 있을 건데 365*4를 한다는 게 말이 안 된다고 생각해서 시험 끝나고(저 공식이 잘못되었기 때문에 제대로 값이 나오는 게 더 이상하다.) 내 코드에 문제가 있나 하고 고민하다가 진짜 요일을 구하는 공식을 찾아봤다. 어쩐지 console.log를 찍어봤는데 무슨 날짜가 소수점으로 나오던데 말이 안 되지.... 네이버에 ..

자바스크립트 또는 제이쿼리를 이용하여 간단한 좌우 슬라이드를 만드는 두가지 방법에 대해 작성한다. 1. 자바스크립트로 좌우 슬라이드 만들기 See the Pen js slide left-right by ssoa1111 (@ssoa1111) on CodePen. 처음에 이렇게 작성했는데 안되었음. slideImg.style.marginLeft -= slideImgWidth[num].offsetWidth + 'px'; 이 부분에서 slideImgWidth[num].offsetWidth가 number속성이고 'px'가 string속성이어서 더하기가 제대로 먹히지 않는게 문제... offsetWidth를 변수에 담아 숫자 계산을 마친 뒤 그 후에 'px'을 붙이는 걸로 해결 slideImg.style.margi..

자바스크립트 또는 제이쿼리를 이용하여 fade-in효과가 있는 간단한 슬라이드를 만드는 두가지 방법에 대해 작성한다. 1. 자바스크립트로 슬라이드 fade-in 효과 만들기 단순히 제이쿼리로 만들었을 때와 동일하게 보이기 위해서 닷 메뉴와 화살표 아이콘이 없다. CSS @keyframes를 통해 fade-in 효과를 만들었다. See the Pen Untitled by ssoa1111 (@ssoa1111) on CodePen. 2. 제이쿼리로 슬라이드 fade-in 효과 만들기 별 다른 CSS효과 없이 제이쿼리 CDN을 HTML에 삽입하고 js파일에 이 내용을 그대로 써주면 된다. $(function(){ ///////slide // 전체 이미지 숨기기 $('#slide ul img').hide(); /..

입력한 내용이 숫자로만 이루어져 있으면 true를 출력하고 아니면 false를 출력한다. ex) a123은 false 처음에는 81.3점이 나왔었다. 질문하기에서 힌트를 봤는데 알파벳이 'e'일 경우 지수로 생각하기 때문에 e를 포함하고 있으면 숫자로 나온다는 것이다. 질문에 s의 길이가 4일 때 또는 6일 때라고 조건이 있어서 if()문을 작성하였다. function solution(s) { var answer = false; if(s.length == 4 || s.length == 6){ if(s.includes('e')){ answer = false; }else{ answer = isNaN(s)? false : true; } } return answer; } 알파벳과 숫자가 섞여있을 때 숫자 데이터..

월과 일을 입력하면 해당하는 요일을 출력한다. ex) 5월 24일은 TUE 요일을 일, 월, 화, 수, 목, 금, 토, 일 순서로 배열에 담았다. 월에는 달의 일 수를 0, 31, 29, 31, 30...로 담았다. 1월 1일은 0(월) + 1(일)로 값이 나와야 하므로 월에 0이 맨 처음에 들어갔고 12월은 사실상 필요가 없기 때문에 제거했다. function solution(a, b) { var answer = ''; const day = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"]; const month = [0,31,29,31,30,31,30,31,31,30,31,30]; let sum = 0; for(let i = 0; i < a; i++){ sum ..

문제가 너무 쉬워서 두 개를 같이 넣었다. 두 문제 결국 짝수 홀수 문제다. 코딩테스트 연습5 임의의 숫자가 짝수일 경우 'even', 홀수일 경우 'odd'를 반환한다. ex) 3은 odd function solution(num) { var answer = ''; num % 2 == 0 ? answer = 'Even' : answer = 'Odd'; return answer; } if문도 쓸 필요가 없어서 삼항연산자를 썼다. 2로 나눈 나머지가 0이면 true에 해당하는 값, 1이면 false에 해당하는 값을 반환한다. 코딩테스트 연습6 임의의 숫자에 따라 수박수박수...길이를 출력하세요 ex) 3은 수박수 function solution(n) { var answer = ''; for(let i=0; ..

임의의 배열에서 두 수를 뽑아 더해서 만들 수 있는 모든 수를 나타내기 ex) [2,1,3,4,1] -> [2,3,4,5,6,7] 배열[0]번일 때 배열[0]을 고정시키고 배열[1], 배열[2], 배열[3]... 를 각각 배열[0]과 더하고 배열[1]번일 때 배열[1]을 고정시키고 배열[2], 배열[3], 배열[4]... 를 각각 배열[1]과 더하는 방식을 이용하였다. index가 증가함에 따라 i의 초기값도 증가해야 하므로 i와 index를 연결하였다. function solution(numbers) { var answer = []; let result = []; for(let index = 0; index < numbers.length; index++){ for(let i = index+1; i < ..

임의의 값을 입력했을 때 나눈 나머지가 1이 되는 가장 작은 자연수를 찾기 ex) 10 % 3 == 1, 가장 작은 자연수 : 3 function solution(n) { var answer = 0; let x; for(x = n-1; x > 1; x--){ n % x == 1 ? answer = x : null; } return answer; } n이 입력되는 임의의 값이면 x는 가장 작은 자연수이다. 나누려는 값은 원래 값보다 작아야 하며 값과 같으면 나머지가 0이 된다. for문이 작동되면 삼항 연산자의 조건이 해당될 때마다 answer의 값이 덮어씌워진다. 맨 마지막에 덮어 씌워지는 값이 가장 작은 값이 되어야 하므로 x--로 x가 가장 작은 값을 가질 때 answer의 값을 구할 수 있다.