rhanziy

const player = { // object는 {} name : "rani", age: 98, }; player.name = "rhanziy" // 속성 값 변경 console.log(player); player.cool = true; // 속성 값 추가 console.log(player); // Objects // one of JavaScript's data types // a collection of related data and/or functionality // Nearly all objects in JavaScript are instance of Object // object = { key : value }; // 1. Literals and properties const obj1 = { }..

1. meta viewport 설정 2. 4개의 반응형 분기점 - 낮은 해상도의 PC, 태블릿 가로 : ~1024px - 태블릿 가로 : 768px ~ 1023px - 모바일 가로, 태블릿 : 480px ~ 767px - 모바일 : ~480px 3. 3개의 반응형 분기점 - PC : 1024px ~ - 태블릿 가로, 세로 : 768px ~ 1023px - 모바일 가로, 세로 : ~768px 4. Media Query 사용법 @media screen and (min-width:1024px) { /* Desktop */ } @media screen and (min-width:768px) and (max-width: 1023px) { /* Tablet */ } @media screen and (max-widt..

학원다닐때 열심히 이해하려고 노력했던 부분! 노트에 메모한 것들 다시 한번 복습할겸 작성한다. 뭐든 이해를 해야 습득하는편..... 변수선언? 저장된 공간에 참조해서 데이터를 사용한다. 자료형 + 변수명 자료형? 데이터 형 + 공간의 크기 지정 기본자료형 : 정수형, 실수형, 문자형, 불리언형 > 연산자 사용가능~! 객체형 : 첫글자는 대문자로 ex) String 객체생성 new 연산자로 메모리안에 객체의 주소값 생성 객체의 주소값을 저장할 때는 레퍼런스 변수를 선언한다. 객체의 메서드를 호출할때는 레퍼런스변수.메서드명( ); 클래스 영역 안에 입력한 것을 객체의 필드 = 객체의 속성 = 객체의 데이터 = 전역변수라고 한다. 클래스를 정의하는 순서 1. 객체모델링 2. 코드 가이드 작성 3. 클래스 정의..

'use strict'; // object-oriented programming // class: template // object: instance of a class // 1.Class declations class person { // Constructor constructor(name, age){ // field this.name = name; this.age = age; } //methods speak( ){ console.log(`${this.name}: hello!`); } } const rhanyi = new person('rhanyi', 29); console.log(rhanyi.name); console.log(rhanyi.age); rhanyi.speak( ); // 2. Getter..

* 스크롤에 대한 기초 지식 1. $(window).scrollTop() 2. $(window).height() 3. $(document).height() 이 세 가지만 알면 스크롤이 맨아래 도달시에 조건을 핸들러로 사용하여 글을 불러오는 등의 동작을 할 수 있다. 1. $(window).scrollTop() : 스크롤의 위치에 따라 변하는 값 (세로 좌표) : 맨 위에서 0으로 시작하여 맨아래 도달시 스크롤 길이 max값을 가짐. http://www.trandent.com/jsTest/22393920144658 위 사이트에서 실험가능! 2. $(window).height() : 보여지는 창의 높이길이 3. $(document).height() : jsp, html 등 문서의 높이 길이 : 보여지는 창의..

function changeName(obj) { obj.name = 'coder'; } const rhanyi = { name: 'rhanyi' }; changeName(rhanyi); console.log(rhanyi); function showMessage(message, from = 'unknown') { console.log(`${message} by ${from}`); } showMessage('hi'); function printAll(...args) { // 아래 세개는 같은 결과값. for (let i = 0; i < args.length; i++){ console.log(args[i]); } for(const arg of args) { console.log(arg); } args.forE..

제이쿼리 scroll메서드를 이용해서 간단하게 구현가능하다! $(window).scroll(function(){ scroll = window.scrollY; $('.scar').css({ left : -150+scroll*0.1+"px", top: -120+scroll*0.15+"px" }); }); 브라우저간 호환성을 위해서는 window.scrollY 대신 window.pageYOffset 을 사용하라고 한다. 그러지뭐!

// string concatenation console.log('my' + 'cat'); console.log('1'+2); console.log(`string literals: 1+2 = ${1+2}`); console.log (`rhanyi's \n\tbook`); // \n 줄바꿈 \t 탭 // numeric operators console.log(1+1); //add console.log(1-1); // subtract console.log(1/1); // divide console.log(1*1); // multiply console.log(5%2); // remainder console.log(2**3); //exponentiation // Increment and decrement oper..