Escape

Javascript(Dom 조작 ) .innerHTML 위 명령어를 사용하여 , 특성 요소의 내부를 바꿀 수있다. document.querySelector('p'); 위를 사용하여 CSS 선택자를 활용하여 요소에 접근할 수 있다 document.getElementById('bio').innerHTML = 'The description'; // Set first element of .student class as 'Not yet registered' document.getElementsByClassName('student')[0].innerHTML = 'Not yet registered'; // Set second tag as 'Cedric Diggory' document.getElementsByTagNa..

Building Interactive Webpage (인터랙티브 웹 만들기) HTML이 구조 / CSS는 디자인적인 요소 / JS는 반응성 및 기능성을 담당한다고 크게 개괄을 해놓고 시작 . The 스크립트는 어떻게 로딩이 되는가 ? HTML의 구성요소들은 기본적으로 ‘순차적’으로 렌더링 되어 브라우저에 전달된다. 이는 태그도 마찬가지이다. 따라서 먼저 나온 script 태그가 먼저 렌더링 되고, 이 스크립트의 로딩이 다끝나고 나서야 나머지 html 구성요소들의 렌더링이 시작되는 것이다. HTML parser가 script를 만나면 우선 parsing을 멈춘다. 그 뒤 js 로딩을 마무리한 후 다시 parsing이 재개 되게 된다. 간단하게 해결하기 위해서는 script 태그를 body 태그의 제일 아래..

HIGHER-ORDER FUNCTIONS 인간이 사용하는 어휘들은 대체로 일련의 과정들을 추상화 한 것이다. 예를 들어 ‘제빵’이라는 단어 자체는 오븐을 예열하고 , 반죽을 준비해서 그 안에 넣고 등등의 과정들이 함축된 것이다. 이러한 추상화(abstraction)을 구현 하는 것을 배울 것이고 Higher order functions에 대해서 배울 것이다. Higher order function는 간단히 말하면 argument로 다른 함수를 받는 것을 말한다 . 자바스크립트에서 함수는 first class object 로 분류된다. 이 말은 function도 오브젝트의 일종이기 때문에, .length .name 등의 속성을 가지고 .toString() 등의 메소드도 가진다. 함수의 원 이름을 확인하는 ..

Javascript(반복을 쉽게 해주는 빌트인 메소드) 반복을 쉽게 해주는 빌트인 메소드 들을 iteration methods라고한다*.* .map() .forEach() .filter() The .forEach() Method 괄호 안에 function을 사용해서 call back function으로 불러오는게 되는데, 대략 세가지의 방법을 사용할 수 있다. 우선 첫 번째로는 가장 기본적인 함수의 선언을 활용한 것 const animals = ['dog', 'cat', 'horse']; animals.forEach(function(oneAnimal){ console.log('♥' + oneAnimal); } ); //출력 ♥dog ♥cat ♥horse 두 번째로는 함수의 arrow function 기능..

JavaScript(브라우저) BOM DOM window window 객체(전역객체) alert(’ ‘), confirm(’ ‘), prompt(’ ‘) location 객체 location.host location.port location.pathway location.search location.hash location.href location.reload() 새로고침 효과의 메소드인데 , location.href=location.href 도 같은 뜻임 location.href = “url” 로 하면 해당 url 로 로드됨. 등의 속성와 메소드를 가진다. Navigator 객체 크로스 브라우징 : 각각의 브라우저의 동작방법은 W3C , ECMA 표준화기구에서 정의한 스펙에 따라 브라우저를 만든다. 브..

JavaScript(오브젝트 심화) 오브젝트 심화 how to use the this keyword. conveying privacy in JavaScript methods. defining getters and setters in objects. creating factory functions. using destructuring techniques. This 키워드 const goat = { dietType: 'herbivore', makeSound() { console.log('baaa'); }, diet() { console.log(dietType); } }; goat.diet(); // Output will be "ReferenceError: dietType is not defined" 위의 예..

const menu = { _meal : '', _price : 0, set meal(mealToCheck) { if(typeof mealToCheck ='string'){ //"이 줄이 문제입니다" '='연산자가 아니라 비교연산자 '==='필요 return this._meal = mealToCheck; } } }; console.log(menu); 출력 : SyntaxError: Invalid left-hand side in assignment 해결법은 잘못 쓰인 = 을 ===으로 고친다. 자주 실수하는 것인데 =은 할당하는 것이고 ===이 비교하는 것이다. SyntaxError: Invalid left-hand side in assignment "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른..

한국방송통신대학교 국가장학금 신청 / 누구나 받을 수 있는 장학금! (주의할점은 , 만약 본인이 대학교를 이전에 졸업한 적이 있어서 총 8회~의약학계열은 12회 에 해당하는 국가장학금을 받은적이 있다면 국가장학금 해당이 안된다고 하네요 저도 이전에는 몰랐는데 생각해보니 당연한. . ) 한국장학재단 장학금이란? 한국장학재단이란 정부에서 운영하는 장학재단입니다. 전국의 대학생들에게 소득기준이 맞는다면 많은 혜택을 주고 있는데요, 저도 학교 다닐 때 많은 도움을 받았었습니다. 이번에 방송통신대학교에 입학원서를 넣으면서 혹시 방통대도 대상 대학교에 해당할까, 된다면 어떻게 받지 하는 궁금증이 생겨 이 포스팅을 작성하게 되었습니다. 방송통신대도 장학금을 받을 수 있나요? 결론부터 말하면 네!입니다. 다만 소득 수..

Java Script(오브젝트) Creating Object Literals Key는 스트링이지만, 아무 문자가 없으면 key를 생략할 수 있다.(확인필요) Key는 변수이름? 아래 예시의 경우 빈공간(스페이스 바)을 가지고 있어서 “”안에 표시해야한다. // An object literal with two key-value pairs //아래의 코드는 2개의 properties를 가지고 있다. 1)Fuel type 2) color let spaceship = { 'Fuel Type': 'diesel', color: 'silver' }; Accessing Properties . 으로 spaceship이라는 오브젝트에 접근할 수 있다. 점을 찍고 property name(key)를 작성하여 호출한다. le..

Javascript(어레이) Array 어레이는 일련의 자료들을 정렬 한것이다. 어떠한 데이터 타입이라도 올 수 있다. 예시 let concepts = ['creating arrays', 'array structures', 'array manipulation']; Array 만들기 (array literal) const hobbies = ['nothing', 'nothing', 'nothing']; console.log(hobbies) ; // ['nothing', 'nothing', 'nothing'] 출력 다른방법 const classArray = new Array(0, 1, 2, 3); Array에 접근하기 어레이는 zero index 를 사용한다. 제일 처음오는게 0번으로, 어레이이름[번호] 식으..