잿꽃's posting Garden

주어진 배열 안에서 끝말잇기에 일치하지 않거나 중복되는 단어가 있으면 몇 회째에 몇 번째 사람이 틀렸는지 찾는다. ex) n = 3, words = ["tank", "kick", "know", "wheel", "land", "dream", "mother", "robot", "tank"], return = [3,3] 3 ["tank", "kick", "know", "wheel", "land", "dream", "mother", "robot", "tank"] [3,3] 전에 끝말잇기를 한번 만들어 봤었어서 그나마 수월하게 진행... 기존의 값을 새로운 배열에 push하고 맨 뒷자리와 기존의 맨 앞자리가 같은지 비교한다. 또는 기존의 값들을 담은 새로운 배열에서 중복되는 단어가 있는지 확인한다. 찾으면 bre..

버튼 클릭하면 물결처럼 원이 나타나는 효과를 만들어 보았다. 이런 기능 진짜 해보고 싶었는데 마침 유튜브의 '맛있는코딩'님의 영상에 이런 내용이... 정말 취향저격 영상밖에 없다... 맛있는 코딩 yummy coding - YouTube 맛있는 코딩 yummy coding HTML5, css, Javascript와 React.js기반의 다양하고 재미있는 프로젝트들을 연구하는 개발자입니다. 많은 분들께 영감을 주기 위해 노력하겠습니다. www.youtube.com 원래 영상들 보면 배속해서 보는데 영상이 빨라서 정지 버튼 누르면서 보는 게 함정... 영상 보고 따라 만들어 봤는데 모르는 부분이 꽤 많았다. 사실 마우스에 대한 효과를 주는 것들을 배우지 않아서 대강 마우스의 x, y 값을 읽어와야 한다는 것..

임의의 배열에서 n의 숫자 이상의 숫자의 개수가 n개 이상일 때 최댓값 n을 구한다. ex) [1,2,4,6,7]의 최대값은 3 3이상 숫자 [4,6,7] 이고 length 3이기 때문에 최댓값은 3 사실 프로그래머스에 나온 예시가 한 개밖에 없어서 이해를 잘 못했음;; 배열 내에 있는 숫자가 그 숫자 이상의 숫자 개수라고 이해했는데 질문하기 보니까 배열 내에 있는 숫자가 아닌 그 사이 값이 될 수 있다고 말해줘서 알았다. function solution(citations) { var answer = []; let result = 0; let filters; for(index in citations){ filters = citations.filter(item => item >= citations[inde..

임의의 연도를 입력하면 해당하는 년도의 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 ..