![]()
오늘은 tistory 개발자 스킨으로 유명한 Hello스킨의 적용방법을 알아보겠다.적용화면hello 스킨은 원작자 정상우님에게 모든 저작권이 있다.다운로드 링크 > https://pronist.tistory.com/5#%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C-1 hELLO 티스토리 스킨을 소개합니다.hELLO 는 티스토리에서 많은 블로거분들께 사랑을 받은 스킨입니다. hELLO 티스토리 스킨은 개발자 커뮤니티인 깃허브의 약 천 개에 달하는 티스토리와 관련된 모든 프로젝트 중 가장 많은 별을 받pronist.tistory.com적용 방법)우선 다운로드링크로 들어가 zip파일을 다운로드 받는다.다운로드를 받은 후 집파일을 풀어주면다음과 같은 파일들을 다운 받을텐데 이제 본인의 블로그..
![]()
결과물 미리보기오늘은 페이지네이션과 비밀번호조건을 추가해주었다.페이지네이션을 통해 해당하는 정보를 가져와야했다.HTML nav aria-label="Page navigation example" class ="pagemove"> ul class="pagination justify-content-center"> li class="page-item">a class="page-link" id = "page1" href="#">1a>li> li class="page-item">a class="page-link" id = "page2" href="#">2a>li> li class="page-item">a class="page-link" id = "page3" hr..
![]()
내가 짠 코드function solution(num) { var answer = 0; let count = 0; while(num !== 1) { if(count > 500) { answer = -1; break; } if(num % 2 === 0) { num = num / 2; } else { num = num * 3 + 1; } count++; } ..
![]()
스스로짠 코드function solution(n) { var answer = 0; let num = n.toString().split(''); for(let i =0 ; i 일단 코드를 스스로 짜면서도 비효율 적이라고 생각하면서 짰다. 문제는 정수n 의 자릿수를 내림차순으로 정렬하는 내용이다. 우선 받아온 데이터 n을 문자열화하여 자릿수대로 나누기위해서 n.toString().split('')을 하였다.그리고 내림차순을 어떻게 할까 고민하다가 버블정렬을 배웠던 것이 생각이나서, 버블정렬로 하나하나 비교를 하며 내림차순 해주었다. 그리고 해당하는 정보를 answer에 넣어주면 되는데 그전에 num이 현재 문자열 상태이기때문에 따로따로 적용된 문자열을 join으로 하나로 만들어준다음,..
![]()
오늘은 사이드바를 제작하고, 제작한 사이드바를 기반으로 ui가 바뀌어서 적용되는 스크립트를 작성하였다.사이드바는 div class="left-side-bar"> div class="status-ico"> span>▶span> span>▼span> div> ul> li> a href="#" id="nowpop">인기 영화a> li> li> a href="#" id ="upcoming">개봉 예정a> li> li> a href="#" id = "historypop">역대 흥행 영화a> li> ul> div>와 같이 ..
콜백 함수엔 다양한 함수들이 있다.SetTimeout을 이용한 일정시간 뒤의 log출력setTimeout(function() { console.log("hello");}, 1000);forEach를 이용한 배열 출력const numbers = [1,2,3,4,5];numbers.forEach(function (number) { console.log(number);});와 같은 다른코드의 인자로 넘겨주는 함수를 콜백함수라고 한다. 콜백함수의 경우는 제어권이 원래있던 코드가 아닌 콜백함수에 넘겨준 주체에있다고 생각해야한다.SetTimeout의 경우 1초후 hello라는 로직을 처리하는 제어은 callback함수인 setTimeout에게 있다.콜백함수의 제어권에 대해● 1.함수 호출시점에 대한 제어..
![]()
오늘은 간단한 코딩테스트를 먼저 진행했다.문제 이름은 자연수 뒤집어 배열로 만들기이다. 말 그대로 자연수 N을 받아온 것을 뒤집어서 결과값에 출력해주면 된다.풀이 코드를 먼저 보여주고 설명을 진행하겠습니다.풀이코드function solution(n) { var answer = []; //toString()문으로 num을 문자열로 바꾸고, split('')으로 각문단을 ("1", "2","3") 처럼 나눠준다. let num = n.toString().split(''); for(let i = num.length - 1; i >= 0; i--) { //Number로 감싸줘서 다시 answer로 들어갈때는 정수형으로 들어가게 바꿔줌 ..
![]()
오늘은 영화를 검색할 경우 해당 영화 카드가 나오는 시스템을 제작하였다.function findCard() { let name = document.getElementById('moviefind').value; name = name.toLowerCase(); //데이터 없이 입력했을 경우 if (name === ' ') { for (let i = 0; i targetdata.length; i++) { document.querySelector('.movie-card').remove(); } targetdata = null; targetdata = obj; makeCard(); } else { let foundname = obj.filter(item => ..
