함수 (Function)1234function a(x) { const y = x + 1; return y; // y값을 내보내고 함수를 종료한다. } // 끝에 ;을 붙이지 않는다. 1234const a = function(x) { // 함수 선언시 괄호안의 값은 매개변수(parameter)라고 부름. const y = x + 1; return y; }; return 이후 입력한 코드는 실행되지 않는다.12let i = a(1); // 함수 호출시 괄호안의 값은 인자(argument)라고 부름. i; // 2 1234567const b = function(func) { func(); }; const c = function() { alert('alert'); }; b(c); // 'alert' b함수의 인..
연산자 (Operator)증감연산자123let i = 0; i++; // 0 console.log(i++); // 1 먼저 1을 더하고 동작한다.123let i = 0; i++; // 0 console.log(++i); // 2 먼저 동작한 다음 1을 더한다.대입연산자12345let i = 10 i += 2; // i = i + 2 = 12 i -= 2; // i = i - 2 = 8 i *= 2; // i = i * 2 = 20 i %= 2; // i = i % 2 = 5 비교연산자삼항연산자논리연산자&&은 and, ||는 or, !은 not이다.비교연산자값만 비교할 때는 ==를, 자료형까지도 비교할 때는 ===를 사용한다.
DOM 제어 - appendChild() 메소드1234 1 2 다음과 같은 HTML 코드가 있을때1234let node = document.createElement('li'); // li태그 생성 let textnode = document.createTextNode('a'); // 텍스트 생성 node.appendChild(textnode); // 텍스트를 li태그에 부착 document.getElementById('myList').appendChild(node); // li태그를 id가 myList인 ul태그에 부착 12345 1 2 a javascript상에서 HTML을 제어할 수 있게 된다. 이 코드를 반복문으로 응용한다면 li태그 밑에 자동으로 같은 코드가 생선되게 만들 수도 있다.1234567l..
DOM 제어 - 자식태그12345678 HTML CSS sass scss JAVASCRIPT 위와 같은 HTML코드에서1234567const Li = document.getElementsByTagName('li'); const Kinder = Li[1].chilren; const KindNodes = Li[1].childNodes; console.log(Kinder); // (2) [div, p] console.log(KindNodes); // (5) [text, div, text, p, text] children은 태그만 찾는다 childNodes는 태그에 붙어있는 텍스트까지 찾는다. li[1] 바로 뒤에 빈칸도 텍스트로 인식을 한다.
반복문 (Loop)for in문1234567891011const object = {1 : 'a', 2 : 'b', 3 : 'c', 4 : 'd'}; // 객체 for( let i in object ) { console.log(object[key]); // a, b, c, d 속성값 출력 console.log([key]); // ['1'], ['2'], ['3'], ['4'] 속성키 출력 } const array = ['a', 'b', 'c', 'd']; // 배열 for( let i in array ) { console.log(array[i]); // a, b, c, d 속성값 출력 console.log([i]); // ['0'], ['1'], ['2'], ['3'] 인덱스 출력 } 객체가 반복될 때 사..
혜린블로그 이미지 가로넓이 아이폰6s 기준 템플릿. landscape는 가로모드에서 portrait는 세로모드에서 사용한다. 데스크톱, 모바일 가로, 세로 모드로 작성함.데스크톱 모드 : 스크린을 대상 미디어로 하고 화면의 최소 너비가 937픽셀이면 실행시킨다. 모바일 가로모드 : 스크린을 대상 미디어로 하고, 가로모드가 뷰포트의 너비가 높이에 비해 길고, 화면의 최대 너비가 936픽셀이면 실행된다. 모바일 세로모드 : 스크린을 대상 미디어로 하고, 세로모드가 뷰포트의 높이가 너비에 비해 길고, 화면의 최대 너비가 749픽셀이면 실행된다.1234567891011121314// 데스크톱 모드 @media screen and (min-width: 937px) { img { width: 847px; } // ..
반복문 (Iteration)123456789101112131415161718html head body - const items = ['1', '2', '3'] for item in items p= item // 1 // 2 // 3 - const arrays = [ {'task':'todo1', 'date':'2018-6-3'}, {'task':'todo2', 'date':'2018-6-2'}] for array in arrays p= array.task + ', ' + array.date // todo1, 2018-6-3 // todo2, 2018-6-2
애드센스 쓰고싶다. 빨리 돈벌고싶다. 애드센스 신청한다고 되는게 아닌것같다. 블로그에 포스트수도 적정수준 이상이어야 하고 포스트에 텍스트도 적정수준 이상이어야 하나보다. 25개에서 50개정도 필요하다고 한다.가입하고나면 코드를 head태그 사이에 넣으라고 나온다. 코드를 블로그에 삽입하고나서 하루정도 기다리면 인증이 완료된다고 한다. 근데 글이 없어서 인증이 아직 안됐나보다. 인증을 계속 신처아면 인증기간이 하루, 이틀, 사흘 이런식으로 늘어나다가 마지막엔 애드센스에서 컨펌이 안떨어진다고 하니 포스팅 수를 늘린 다음에 도전해야겠다.
페이스북, 인스타그램은 정말 안들어가려고 하는데도 가끔씩 쉬는시간이면 나도 모르게 들어가져 있곤 한다. 그래서 사이트 주소를 치고 들어가도 404에러가 뜨게끔 만드는 방법이 있다. 바로 hosts파일을 손대는 것이다. 윈도우 사용자 사용자 기준으로 작성한다.1C:\Windows\System32\drivers\etc 에 있는 hosts 파일을 관리자권한으로 열어준다. 디렉토리에 들어가 hosts파일을 우클릭하면 관리자권한으로 실행이 있을 것이다. 관지라권한으로 실행하지 않으면 저장이 안되는 모습을 볼 수 있다. 그러면 #(샵 또는 해시기호, 여기선 해시기호라고 부르자)으로 시작하는 텍스트가 나온다. 해시기호는 이 문서에서 주석기호로 사용된다.123456789101112131415161718192021222..