일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 모두가 기다리는 사람
- 이펙티브 자바
- Container
- Infresh
- java
- 수부타이
- 참조 계수
- HTML
- 레퍼런스 복사
- colllection
- 도파민형 인간
- 칭기즈칸의 위대한 장군 수부타이
- ESG
- try width resources
- node
- 뉴 컨피던스
- apache kafka
- docker
- kubernetes
- CSS
- 쿠버네티스
- try-with-resources
- 공헌감
- 월칙
- 히든 스토리
- 아웃풋법칙
- sentry
- 비메모리 자원
- 과제의 분리
- 부자의그릇
- Today
- Total
Hi
console.log($);// $, vanilla js 의 근본적인 목적은 dom을 제어한다. console.log($('a.login-button'));선택자는 tag, class, attribute, id$('#loginText').text('WT!!!'); //카카오 톡의 '로그인' 글자가 'WT!!!'로 바뀐다.sellector $({OPTION})//jquery 객체 var $input = $('#messageInput'); var $sender = $('#sender');
html(pug)의 제일 아랫부분에script(src="/javascripts/login.js")를 입력한다.
window.location = 'http://naver.com';
$sender.on('click', function() { var message = $input.val(); $('.chat-state-container') .append('' + message + '') });var template = $('.chat-state-container') .append(' ~~ ~~ ~~${message} // + 라는 뜻 ~~ ') ${message} //더하기가 됩니다. // 긴 문장 삽입시 ` ` 사용한다. ${variable} 은 variable에 대한 값이 `template string` 안에 들어간다는 뜻이다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals
변수var a = 10; var b = 'a'; var c = null; var d = undefined; var e = [1, 2, 3, 4]; var f = { a: 10 }; // json //json을 잘 알아야 한다! var g = [1, 2, 'a', {a: [2, 3, 4] }]; // 함수도 변수로 선언할 수 있다. //선언 var h = function() { console.log('나는 함순데') } //호출 h();
127.0.0.1