CodeW3C 온라인 강의
HTML 시리즈 강의
브라우저 스크립트
서버 스크립트
프로그래밍 강의
XML 시리즈 강의
웹사이트 만들기 가이드
참조 매뉴얼
과정표
JS 참조 메뉴얼
JS 참조 메뉴얼(분류 순서)
JS 참조 메뉴얼(알파 순서)
JavaScript
JS 배열
JS 보일리언
JS 클래스
JS 날짜
JS 에러
JS 글로벌
JS JSON
JS 맵
JS 마�
JS 숫자
JS Promise
JS RegExp
JS Set
JS 문자열
JS 객체
JS 연산자
JS 연산자 우선순위
JS 문
JS 타입화 배열
윈도우
Window 객체
윈도우 콘솔
윈도우 히스토리
윈도우 위치
윈도우 네비게이터
윈도우 스크린
HTML DOM
HTML 문서
HTML 요소
HTML 어트리뷰트
HTML 이벤트
HTML 이벤트 객체
HTML 컬렉션
HTML NodeList
HTML DOMTokenList
HTML 스타일
웹 API
API 캔버스
API 콘솔
API fetch
API fulled
API 지오로케이션
API 히스토리
API MediaQueryList
API 스토리지
API 검증
API 웹
HTML 객체
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
</a></li> <li><a href="/ko/jsref/dom_obj_time.html" title="HTML DOM Time 객체"><tr></a></li> <li><a href="/ko/jsref/dom_obj_title.html" title="HTML DOM Title 객체"><textarea></a></li> <li><a href="/ko/jsref/dom_obj_track.html" title="HTML DOM Track 객체"><time></a></li> <li><a href="/ko/jsref/dom_obj_u.html" title="HTML DOM Underline 객체"><title></a></li> <li><a href="/ko/jsref/dom_obj_ul.html" title="HTML DOM Ul 객체"><track></a></li> <li><a href="/ko/jsref/dom_obj_var.html" title="HTML DOM Variable 객체"><u></a></li> <li><a href="/ko/jsref/dom_obj_video.html" title="HTML DOM Video 객체"><ul></a></li> </ul> <h2><var></h2> <ul> <li><a href="/ko/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration 객체"><video></a></li> <li><a href="/ko/jsref/jsref_type_conversion.html" title="JavaScript 타입 변환">JS 타입 변환</a></li> </ul> </div> <div><h3><center> 선택 과정 </center><h3> <h2>과정 추천:</h2> <ul> <li><a href="/ko/howto/index.html" title="CodeW3C.com 보물함">CodeW3C.com 보물함</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>JavaScript Object.create()</h1> <div class="prenextnav-ref"> <ul> <li> 이전 페이지 <a href="/ko/jsref/jsref_object_constructor.html" title="JavaScript 객체 constructor 속성">constructor</a></li> <li> 다음 페이지 <a href="/ko/jsref/jsref_object_defineproperties.html" title="JavaScript Object.defineProperties() 메서드">defineProperties()</a></li> <li> 上一层으로 돌아가기 <a href="/ko/jsref/jsref_obj_object.html" title="JavaScript 객체 참조 매뉴얼">JavaScript 객체 참조 매뉴얼</a></li> </ul> </div> <section> <h2>정의와 사용법</h2> <p><code>Object.create()</code> 기존 객체에서 새 객체를 생성하는 메서드입니다.</p> <h3>관련 메서드:</h3> <p><code><a href="/ko/jsref/jsref_object_assign.html" title="JavaScript Object.assign() 메서드">Object.assign()</a></code> 소스 객체의 속성을 목표 객체에 복사합니다.</p> <p><code><a href="/ko/jsref/jsref_object_create.html" title="JavaScript Object.create() 메서드">Object.create()</a></code> 기존 객체에서 새 객체를 생성합니다.</p> <p><code><a href="/ko/jsref/jsref_object_fromentries.html" title="JavaScript Object.fromEntries() 메서드">Object.fromEntries()</a></code> 키/값 쌍 목록에서 객체를 생성합니다.</p> </section> <section> <h2>인스턴스</h2> <pre class="language-js"> // 객체를 생성합니다 const person = { firstName: "Bill", lastName: "Gates" }; // 새 객체를 생성합니다 const man = Object.create(person); man.firstName = "Peter"; </pre> <p class="tiy"><a target="_blank" href="/ko/tiy/t.html?f=jsref_object_create_met">직접 시도해보세요</a></p> </section> <section> <h2>문법</h2> <pre class="language-js"> Object.create(<i>object</i>, <i>properties</i>) </pre> <h3>매개변수</h3> <table class="parameter"> <tr> <th style="width: 25%;">매개변수</th> <th>설명</th> </tr> <tr> <td><i>object</i></td> <td>필수 사항입니다. 존재하는 객체.</td> </tr> <tr> <td><i>properties</i></td> <td> <p>선택 사항입니다. 추가하거나 수정할 속성 설명자를:</p> <ul class="listintable"> <li>value: <i>value</i></li> <li>writable : true|false</li> <li>enumerable : true|false</li> <li>configurable : true|false</li> <li>get : <i>function</i></li> <li>set : <i>function</i></li> </ul> </td> </tr> </table> <h3>반환 값</h3> <table class="technical-details"> <tr> <th style="width: 25%;">타입</th> <th>설명</th> </tr> <tr> <td>Object</td> <td>생성된 새 객체.</td> </tr> </table> </section> <section> <h2>브라우저 지원</h2> <p><code>Object.create()</code> ECMAScript5 (ES5)의 특성입니다.</p> <p>2013년 7월부터 모든 현대 브라우저는 ES5 (JavaScript 2009)를 완전히 지원합니다:</p> <table class="browser-support"> <tr> <th class="bsChrome">크롬</th> <th class="bsEdge">엣지</th> <th class="bsFirefox">파이어폭스</th> <th class="bsSafari">사파리</th> <th class="bsOpera">오페라</th> </tr> <tr> <td>크롬 23</td> <td>IE/엣지 11</td> <td>파이어폭스 21</td> <td>사파리 6</td> <td>오페라 15</td> </tr> <tr> <td>2012년 9월</td> <td>2012년 9월</td> <td>2013년 4월</td> <td>2012년 7월</td> <td>2013년 7월</td> </tr> </table> </section> <section class="related-pages"> <h2>관련 페이지</h2> <p>튜토리얼:<a href="/ko/js/js_objects.html" title="JavaScript 객체">JavaScript 객체</a></p> <p>튜토리얼:<a href="/ko/js/js_object_definition.html" title="JavaScript 객체 정의">JavaScript 객체 정의</a></p> <p>튜토리얼:<a href="/ko/js/js_object_methods.html" title="JavaScript 객체 메서드">JavaScript 객체 메서드</a></p> <p>튜토리얼:<a href="/ko/js/js_object_properties.html" title="JavaScript 객체 속성">JavaScript 객체 속성</a></p> </section> <div class="prenextnav-ref"> <ul> <li> 이전 페이지 <a href="/ko/jsref/jsref_object_constructor.html" title="JavaScript 객체 constructor 속성">constructor</a></li> <li> 다음 페이지 <a href="/ko/jsref/jsref_object_defineproperties.html" title="JavaScript Object.defineProperties() 메서드">defineProperties()</a></li> <li> 上一层으로 돌아가기 <a href="/ko/jsref/jsref_obj_object.html" title="JavaScript 객체 참조 매뉴얼">JavaScript 객체 참조 매뉴얼</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> 도구함 </center><h3> <h5 id="tools_reference"><a href="/ko/jsref/index.html">JavaScript 및 HTML DOM 참조 매뉴얼</a></h5> <h5 id="tools_example"><a href="/ko/js/js_examples.html">제이스크립트 예제</a></h5> <h5 id="tools_quiz"><a href="/ko/js/js_quiz.html">제이스크립트 테스트</a></h5> <h5 id="tools_tutorial"><a href="/ko/js/index.html">제이스크립트 튜토리얼</a></h5> </div> <div><h3><center> 스폰서 링크 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com에서 제공하는 내용은 교육 및 테스트 용으로만 사용되며, 내용의 정확성을 보장하지 않습니다. 이 사이트의 내용을 사용함으로써 발생하는 모든 위험은 이 사이트와 무관합니다. 저작권 소유, 모든 권리를 보유합니다. </p> <p id="p2"> <a href="/ko/about/index.html" title="CodeW3C.com에 관해">CodeW3C.com에 관해</a> <a href="/ko/about/about_helping.html" title="CodeW3C.com 도움말">CodeW3C.com 도움말</a> <a href="/ko/about/about_use.html" title="사용에 관해">이용 조건</a> <a href="/ko/about/about_privacy.html" title="개인정보에 관해">개인정보 보호 조항</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Ce4e.com으로 구동됨"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>