JavaScript5 [HTML/CSS] 배경 이미저 넣기 (배경 이미지 설정) 배경으로 특정 이미지를 넣고 싶을때가 있습니다이럴때는 css bacground 기능을 사용하면 됩니다. 1. 이미지 저장 우선 배경으로 설정할 이미지 부터 저장 합시다.저는 public/img 폴더 경로에 저장했습니다. 2. CSS 설정 저장한 이미지를 css를 통해 body태그에 배경으로 설정 해줍니다.아까 이미지를 저장 한 경로와 파일명 확장자까지 정확하게 적어주시면 됩니다. (자동완성 기능을 사용합시다.) 3. 결과 배경에 이미지가 나오기는 하지만 저는 하나의 이미지가 가득차길 원합니다.다시 css를 수정해 봅시다 4. 배경 이미지 수정background-repeat: no-repeat;background-size: cover;'background-repeat: no-repeat'는 .. 2025. 2. 26. JavaScript - 참조에 의한 객체 복사 참조에 의한 객체 복사 객체와 원시 타입의 근본적인 차이 중 하나는 객체는 ‘참조에 의해(by reference)’ 저장되고 복사된다는 것이다. let user = { name: 'John' }; let admin = user; admin.name = 'Pete'; // 'admin' 참조 값에 의해 변경됨 alert(user.name); // 'Pete'가 출력됨. 'user' 참조 값을 이용해 변경사항을 확인함 위 예시와 같이 변수엔 객체가 그대로 저장되는 것이 아니라, 객체가 저장되어있는 '메모리 주소’인 객체에 대한 '참조 값’이 저장되기 때문에 admin의 값을 변경하게되면 user의 값도 변경되게 된다. 객체 복사, 병합과, Object.assign 객체 복제가 필요하다면 for in을 사용하.. 2022. 8. 8. JavaScript - 화살표 함수 기본 화살표 함수 화살표 함수(arrow function)를 사용하면 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들수 있다. // 함수표현식 let func = function(arg1, arg2, ...argN) { return expression; }; // 화살표 함수 let func = (arg1, arg2, ...argN) => expression 위 예시는 함수 표현식을 화살표 함수로 작성한 예시이다. 인자 arg1..argN를 받는 함수 func는 화살표(=>) 우측의 표현식(expression)을 평가하고, 평가 결과를 반환한다. // 인수가 하나만 있을 경우 let double = n => n * 2; // 인수가 하나도 없을 경우 let sayHi = () => alert("안녕하세요.. 2022. 8. 8. JavaScript - 함수 표현식 함수 표현식 자바스크립트는 함수를 특별한 종류의 값으로 취급한다. 다른 언어에서처럼 "특별한 동작을 하는 구조"로 취급되지 않는다. function sayHi() { alert( "Hello" ); } 함수 선언문 방식으로 함수를 만든다면 위와 같이 만들수있다. 위와 같은 함수를 함수표현식으로 표현하면 아래 예시와 같다. let sayHi = function() { alert( "Hello" ); }; 함수 선언문과 달리 함수를 생성하고 변수에 할당해 주었다. 자바스크립트에서는 함수를 값으로 취급을하여 위 예제와 같이 변수에 할당이 가능하다. function sayHi() { // (1) 함수 생성 alert( "Hello" ); } let func = sayHi; // (2) 함수 복사 func(); .. 2022. 8. 7. JavaScript - 함수 함수선언 function showMessage() { alert( '안녕하세요!' ); } 함수 선언은 다음과 같이 function, 함수명, 괄호를 차례로 써주는 방식으로 선언할수 있다. 함수의 동작 내용은 중괄호로 안에 작성해주면 된다. function name(parameter) { alert(parameter); } function name2(parameter1, parameter2) { alert(parameter1); alert(parameter2); } 함수 선언시 매개변수를 포함하고 싶으면 괄호안에 매개변수를 지정해주면 된다. 만약 매개변수가 여러개라면 매개변수들을 콤마(,)로 구분해준다. 함수호출 function showMessage() { alert( '안녕하세요!' ); } showM.. 2022. 8. 7. 이전 1 다음
