잿꽃's posting Garden

문제가 너무 쉬워서 두 개를 같이 넣었다. 두 문제 결국 짝수 홀수 문제다. 코딩테스트 연습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의 값을 구할 수 있다.

임의의 배열에서 임의의 숫자~임의의 숫자 내에서 임의의 숫자 번째를 추출하기 ex) 배열[1,5,2,6,3,7,4]에서 [2,5,3]를 입력하면 2번째 배열에서 5번째 배열까지를 추출한다. 추출한 [2,3,5,6] 3번째 배열은 5를 얻을 수 있다. 요청값이 여러 번일 수 있으므로 for in을 이용했다. slice(num1, num2)로 인덱스 값이 num1~num2전까지 가져올 수 있다. 추출한 값이 오름차순으로 새로 배열되어야 하므로 sort를 사용하였다. 이 값을 결과 값으로 push를 통해서 넣었다. function solution(array, commands) { var answer = []; let i = 0; let result = []; for(index in commands){ resu..

숫자와 영문자가 섞인 문자를 숫자로 변환하기 ex) one4seveneight -> 1478 문자와 숫자가 섞인 문자열이 입력되면 숫자열로 변환되어서 나타나야 한다. 테스트를 통과했는데 채점하니까 5, 7, 8에서 문제가 생겼다. 왜 안 되는거지 한참 헤맸다. 알고 보니 replace는 하나만 바꿔줘서 twotwo 이런 식으로 있으면 22가 아닌 2two로 되기 때문이었다. replaceAll이 사용이 전혀 안되었는데 정확한 원인은 알 수 없지만 node version이 v10.16.0은 replaceAll을 사용할 수 없다는데 이 사이트가 그런 건가 싶었다. 그래서 while문에서 s의 내용이 문자가 아닐 때까지 반복실행하는 것으로 수정했다. function solution(s) { const num ..

2022.05.10 - [WEB] - 자바스크립트로 메뉴 dropdown - slidedown효과 만들기 자바스크립트로 만드는 메뉴 dropdown - slidedown효과 자바스크립트로 만드는 서브메뉴 slidedown효과 자바스크립트로 메뉴를 만들 때 제이쿼리를 이용하지 않고 dropdown시에 slidedown의 효과를 만들고 싶은데 단순히 height값만 조정으로는 잘 되지 않았 flowerofashes.tistory.com 저번 글에 이어서 자바스크립트로 메뉴가 나타나는 효과 중 fade-in를 적용해본다. 0. CSS의 :hover를 이용하여 CSS로만 구현하기 .menu_list .main .sub{ opacity: 0; visibility: hidden; transition: all 0.4..

자바스크립트로 만드는 서브메뉴 slidedown효과 자바스크립트로 메뉴를 만들 때 제이쿼리를 이용하지 않고 dropdown시에 slidedown의 효과를 만들고 싶은데 CSS를 단순히 height값만 조정으로는 잘 되지 않았다. 평소 궁금하던 차에 검색을 해보았다. 이유가 height에 transition이 작동하지 않는다라는 답변을 보았는데 단순히 그런 문제인지 왜 작동하지 않는지 확인해보기로 했다. 이것은 단순히 CSS로 구현했을 때에도 해당되는 내용이다. 0. CSS의 :hover를 이용하여 CSS로만 구현하기 .menu_list .main .sub{ height: 0; overflow: hidden; transition: all 0.4s; } .menu_list .main:hover .sub{ h..

자바스크립트로 숫자야구 게임을 만들어보았다. 사담 : 'let/'s get it 자바스크립트'라는 책에 자바스크립트를 연습하기 위한 여러가지 다양한 게임이 있어서 메소드를 복습하면서 새로운 메소드를 익히고 있다. 책을 보고 게임의 구조의 흐름을 대강 파악한 뒤 책을 보지 않고 새로 작성해보는 것이라 책에 나온 코딩과 다를 수 있습니다. 순서도 1. 랜덤한 4개의 숫자를 얻는다. 2. 사용자가 입력창에 4자리를 입력한다. 3. 사용자가 입력한 숫자가 4자리 인지 검사한다. 4자리가 맞으면 숫자가 중복되지 않는지 검사한다. 4. 숫자가 중복되지 않으면 랜덤하게 얻은 결과 값을 비교해서 얼마나 맞췄는지 알려준다. 아주 간단하게 입력창과 버튼을 html 만들었다. 확인 css는 안 만들었다.... 일단 블로그에..