rhanziy

'use strict'; { // 배열 값을 join하여 출력, join(seperator)는 optional // 배열의 모든 요소를 연결해 하나의 문자열로 만든다. const fruits = ['apple','banana','orange']; const result = fruits.join(' and '); console.log(result); } { // make an array out of a string 문자열을 배열로 변환 // seperator 필수! 어떤걸 기준으로 쪼갤지 // limit은 optional > 출력 개수 const fruits = '🍕,🍔,🍟,🌭'; const result = fruits.split(','); console.log(result); } { // make thi..

const toBuy = ["potato", "tomato", "pizza"]; // list는 [] console.log(toBuy); console.log(toBuy.length); toBuy[3] = "olive"; // 배열의 개수를 알때, index는 0,1,2. . . 순서다. console.log(toBuy); toBuy.push("cheeze"); // 배열의 마지막에 값을 넣을때! console.log(toBuy); 'use strict'; // Array 🎉🎉 // 1. Declaration const arr1 = new Array(); const arr2 = [1, 2]; // 2. Index position const fruits = [ '🍎', '🍌' ]; console.log(f..

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..

'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 을 사용하라고 한다. 그러지뭐!