Mango is Mango

Array 와 Object 차이점 설명이 필요하지 않은 데이터 리스트들은 array로, 설명이 필요한 정보가 담긴 데이터 리스트들은 object로! object는 property를 가진 데이터를 저장해주며, { } 를 사용한다. const player = { name : tomato, color : red, food : true, }; console.log(player); property를 불러오는 방법은 2가지가 있다. 1. console.log(player.name); => tomato 2. console.log(player["name"]); => tomato 또한 property를 바꾸는 것은 가능하지만 선언된 object를 바꾸는 것은 불가능하다. //example const player = { ..

1. 개발환경 설정 후 컴포넌트 생성 2. header 태그에 title props 추가 import logo from "./logo.svg"; import "./App.css"; function Header(props) { console.log("props", props.title); return ( WEB ); } function Nav() { return ( html css js ); } function Article() { return ( Welcome Hello Web ); } function App() { return ( ); } export default App; 추가한 props 부분 콘솔로 확인 3. props를 이용하여 태그에 title과 body props를 추가하여 내용반영 시키기 ..

let | var | const의 차이점 const : 상수이며 값이 바뀔 수 없다, 재선언 금지, 재할당 금지 let : 새로운 것을 생성할때 쓴다, 재선언 금지, 재할당 가능 var : 재선언 가능, 재할당 가능 // alert("hi"); const a = 6; const b = 3; // const myName = "Sumin"; let myName = "Sumin"; console.log("lalala"); console.log(a - 2); console.log(a * 2); console.log(b * 2); console.log("Hello " + myName); myName = "Kim Sumin"; console.log("My full name is " + myName); let으로 바..