js

얕은 복사겉만 복사하고 속은 참조 공유중첩된 객체/ 배열은 같은 메모리 주소를 가리킨다. JavaScript에서 얕은 복사를 만드는 방법은 아래와 같다. 1. Object.assign()const original = { name: '철수', info: { age: 20, city: '서울', }};const copy = Object.assign({}, original);copy.name = '영희'; // ✅ 독립됨 [ name은 기본형 ]copy.info.city = '부산'; // ❌ 원본도 같이 바뀜 [info는 참조형] console.log(original.info.city); // '부산' 2. spread 연산자const copy = {…origin..

== 와 ===은 자바스크립트에서 사용되는 두 가지 비교 연산자이다.==는 동등연산자이고, ===는 일치 연산자이다.== 동등 연산자== 동등연산자는 값을 비교할 때 , 타입 변환을 수행한다.따라서 타입이 다른 두 값의 비교를 할 때 타입 변환이 일어난다.10 == '10'; // truenull == undefined; // true false == '0' // true === 일치 연산자=== 일치연산자는 값과 타입을 모두 비교한다.타입 변환을 수행하지 않고 엄격하게 비교한다.10 === '10'; // falsenull === undefined; // false false === '0' // false따라서, 타입과 값의 정확한 일치성을 확인해야하는 경우에는 === 일치 연산자를 사용하는 것이 좋고..

index.html 코드 YouTube (eng) MY RECORDS 좋아하는 LP 소개, 자주 가는 레코드샵, 나의 음악 취향 조회수 15만회 2년전 #LP #레코드샵 #musicismylife 4.7천 공유 저장 Report KYURIN 규린 구독자 11.5만명 구독 UpNext 2021 KYEJEOL LIVE of BIG Naughty KYEJEOL LIVE 조회수 15만회 [LENIVERSE] EP.18 LE CAFÉ 2편 LE SSERAFIM 조회수 27만회 [playlist] 빈티지 러브 (Vintage Love) 리플레이LEEPLAY 조회수 9.8만회 style.css 코드 :root{ /* Color */ --white-color: #fff; --black-color: #140a00; --..

UpNext 화면 구성 전 코드 /* UpNext */ .UpNext { padding: 0 var(--padding); } .UpNext ul{ padding: 0 var(--padding); } .UpNext > .title { font-size: var(--font-medium); color: var(--grey-dark-color); margin-bottom: calc(var(--padding) / 2); } .UpNext .item { display: flex; padding: 10px; margin-top: var(--padding); } .UpNext .item .img { flex: 1 1 35%; } .UpNext .item .img img{ width: 100%; } .UpNext .i..

https://jsbin.com/?html,output JS Bin Sample of the bin: jsbin.com https://replit.com/~ Log In Run code live in your browser. Write and run code in 50+ languages online with Replit, a powerful IDE, compiler, & interpreter. replit.com https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, p..