본문 바로가기
반응형

Dev

 (122)
알고리즘 문제 | 프로그래머스 - 수박수박수박수박수박수? 바로 본론~ 보자보자~ 우선, 문제에서 n이 4이면 "수박수박"을 리턴하고 n이 3이면 "수박수"를 리턴이라.. 오케이~ 그럼 홀수 짝수로 하면 되니까 조건을 (n % 2 === 0) ? 로 하면 되겠고~ 짝수 일 때 "박", 홀수 일 때 "수"가 와야 하니까 (n % 2 === 0) ? answer = '박' : answer = '수'; 로 하면 ~ 끝! 이 아니지 이렇게 되면 한개씩만 출력되지! 그렇다면 반복문! function solution(n) { var answer = ''; for(var i=0; i
알고리즘 문제 | 프로그래머스 - 문자열을 정수로 바꾸기 알고리즘 코딩 테스트~ 하고 싶은 맘만 가득했는데 이제 진짜 해봐야겠다~~ 거두절미하고 바로 고고고고ㄱ~ 문자열을 정수로 바꾸는 문제! 아래 보이는 solution.js를 통해서 문제를 푸는 방식!! 우선 알고리즘이니 차근차근 풀어서 해석하자면! 문자열 s를 숫자로 변환해야 하니 function solution(s) { var answer = 0; answer = Number(s); return answer; } 인자를 Number를 통해 숫자로 변환!! 잉 끝인감?? 결과는?? 아싸바리요~~ 정답을 맞히고 나니 다른 사람의 풀이를 볼 수 있었다! 다 똑같겠지 했건만........................ 미쳤다 미쳤어.... 그저 str/1이라는 짧은 return을 통해서 숫자로 인식.... 진짜 ..
forEach() vs map() 언제 무엇을 써야할까? 우선 MDN을 보고 원리를 이해하면 베스트!! forEach() : developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach map() : developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map 시간 없어도 나중에 꼭 찾아보고!! 간단하게 보자면! forEach() 주어진 함수를 배열 요소 각각에 대해 실행! map() 주어진 함수를 배열 요소 각각에 대해 실행하고 그 결과를 모아 새로운 배열을 반환! 정의는 이래! 그럼 똑같이 배열 요소 전부를 실행하는건데 차이점이 뭘까?! 가장 큰 차이점은 새 배열을 리턴한다는거야! 그게 ..
for ...in for ...of 반복문 비교!!! + forEach문 추가! ES6부터 추가된 for ...in, for ...of 둘 다 반복문으로 사용 되는데!! 뭐가 다르길래 나눠놨을까? 하나는 객체를 탐색하고 또 다른 하나는 배열을 탐색한다!! 무엇이 객체를 탐색하냐 바로 for ...in ! const myObj = { a: 1, b: 2, c: 3 } for(const item in myObj) { console.log(item) // a, b, c } for ...in을 쓰면 myObj 객체의 프로퍼티가 나오는 것을 확인 할 수 있다!! 그렇다면 for ...of !! const myArray = [1, 2, 3]; for(const item of myArray) { console.log(item); // 1, 2, 3 } 배열 순환이 잘 되는구만! 궁금점!! 배열에..
JavaScript 객체 기본 중의 기본 중의 기본 중의 기본!! 객체를 이해한 줄 알았는데 다른 사람한테 설명하려고 하니까 막막... 그래서 다시 한번 정리 해보려고 글 씀ㅠㅠ 이번엔 확실히 잡고 가자ㅏㅏㅏㅏ 바로 본론으로 들어가서!! 객체란 무엇이냐? 관련된 데이터와 함수의 집합이야 (일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 불러) 예제를 통해서 실제 객체가 뭔지 보자! var person = {}; 생성하고 콘솔에 person 입력 ㄱㄱ 결과는? 축하해~ 너는 지금 객체를 생성 했엌ㅋㅋㅋㅋㅋㅋㅋ 하지만 이건 텅 빈 객체여서 우리가 이걸로 뭘 할 수는 없어.. 수정해보자! var person = { name : ['Bob', 'Smith'], age: 32, gender: 'male', interests: ['m..
reset.css /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption..
페이지 로드 후 스크립트 실행! window.onload, ready, DOMContentLoaded 뭘 써야할까?! 코딩을 하다 보면 가끔 스크립트가 제대로 작동하지 않는데 여러 이유가 있겠지만 그중 하나는 페이지가 로드되기 전에 스크립트가 실행되는 이유가 있다. 이러한 점을 방지하기 위한 방법은 여러 가지가 있는데 스크립트를 바로 위에 로드해서 마지막에 실행되게 하는 방법, onload, jquery.ready, DOMContentLoaded를 사용해 특정한 콘텐츠가 로드된 후 실행되도록 하는 방법 등 여러 가지가 있다! 오늘은 여러 방법들 중 window.onload, jQuery.ready, DOMContentLoaded의 차이점을 알아보고 무엇을 써야 할지 알아볼 것이다! 우리는 항상 시간이 없다.. 바로 본론으로 들어가자!! DOMContentLoaded 브라우저가 HTML을 전부 읽고 DOM 트리를 완성하는..
casamia 쿠폰 보호되어 있는 글입니다.
반응형

티스토리툴바