본문 바로가기

웹 퍼블리셔 기록/vanila javascript

 (7)
[코딩 공부일지] 시작해봅니다 - this 그날 그날 공부했던 것들을 조금 더 오래 기억하기 위해 코딩공부 일지라는 것을 한번 끄적여 볼까 합니다. 뭐..정성스레 기록할 생각은 없구요..(귀찮) 😒 그냥 이 날 이거 공부했었지 정도로 저 만을 위한 그런...어떠한...일지랄까? 그래서 오늘은.....!! 두구두구 자바스크립트에서 그렇게 자주 사용한다는 " this " 두둥 this 라는 가까우면서 먼듯한...이 아리까리한 녀석이 어디서 사용하느냐에 따라 가리키는 대상이 다르더라구요 1. 그냥 console.log(this) 나 그냥 함수 안에 사용하면 window{}, 즉 윈도우 오브젝트를 가리킵니다. * 윈도우 오브젝트 모든 전역변수, 함수, DOM을 보관하고 관리하는 전역객체를 의미 document.getElementById(), alert(..
[JS] 두 배열 비교하여 중복되는 값 찾기 [1,2,3,4,5] 와 [2,4,5,7,8] 비교하여 중복값 찾아내기 예상 답 : 2,4,5 공감❤과 구독하기✔를 눌러주시면 블로거는 힘이나요😊
Number.parseInt vs Number vs parseInt Number.parseInt() vs Number() vs parseInt() 이 세가지 메서드는 참 비슷해요. 그래서 오늘은 이 세가지 메서드의 차이점을 알아볼까합니다. Number() 이 메서드는 무조건 숫자로 이루어진 것만 숫자로 리턴해줍니다. ex) "2014" --> 2014 (숫자리턴완료) "2014년도" --> NaN (Not a Number 리턴) 그리고 숫자에 강하므로 소수점도 인식합니다. ex) "10.124" --> 10.124 parseInt() 숫자와 문자 중 숫자만 인식하여 숫자로 리턴해 줍니다. ex) "2014년도" --> 2014년도(숫자리턴완료) 하지만 문자가 앞에 있는 경우는 불가능합니다. ex) "제2014년도" --> NaN(Not a Number 리턴) 그리고 10..
AddEventListener 오류 해결방법 (업데이트) 이전 글은 정말 JS의 J자도 모른채로 글을 써버렸네요 ㅠㅠ 다시 수정하여 올립니다. 1. 기본적으로 script는 body태그의 가장 아래에 작성해야합니다. script를 body의 상단에 작성하게 되면, 간혹 html이 로드 되기 전에 script를 먼저 불러와버리는 경우가 생깁니다. 그렇게되면 addEventListener을 부여할 DOM을 찾지 못하게 되는 현상이 발생하는 것이죠. 1. script 태그에 defer 을 삽입해 줍니다. (defer 스트립트) 브라우저는 defer 속성이 있는 스크립트를 백그라운드에서 다운로드 합니다. defer 스트립트를 다운로드 하는 도중에도 HTML 피싱이 멈추지 않습니다. 그리고 defer 스크립트 실행은 페이지 구성이 끝날 때까지 지연됩니다. 참고 링크 :..
Math.random/Math.floor 사용하여 랜덤운세 만들기 See the Pen xxwveGK by jiyunryu (@whatIDavailable) on CodePen. 1. 배열에 운세 내용을 넣기 2. Math.random()*배열.length 로 소수점 달린 length 값 랜덤으로 뽑기 3. 2를 Math.floor()에 담아 정수로 만들어주기 4. 배열[] 안에 3을 넣고 출력하면, 운세가 랜덤으로 출력이 된다.
[DAY 01] 홀수, 짝수 판별하기 - %로 나머지값 보기 문제 숫자를 매개 변수로 전달받아 짝수인지 홀수인지 판별하는 함수를 isODD 라는 이름으로 작성하고, 이 함수를 호출해 실행한 결과를 HTML 문서에 표시하세요 정수가 2로 나눠서 0이 나오면 : 짝수 정수가 2로 나눠서 1이 나오면 : 홀수
var, let, const 차이점 정리(링크) https://gist.github.com/LeoHeo/7c2a2a6dbcf80becaaa1e61e90091e5d javascript var, let, const 차이점 javascript var, let, const 차이점. GitHub Gist: instantly share code, notes, and snippets. gist.github.com var (function scope) - 전역에서 선언하면 전역에서 인식됨 - function name(){ 이 안에서 선언한 것은 이 안에서만 인식됨 } - $(function(){ 이 안에서 인식된 것도 이 안에서만 인식되어야 하는데 }) 전역에서도 인식되는 경우가 있음 var 로 선언하는 변수는 function 안에서 선언한 변수가 전역에서도 작동하..

티스토리툴바