모닝코딩

ES2015 전에는 var를 사용하는 것이 변수를 선언하는 유일한 방법이었다. 하지만 이제는 더 나은 기능을 제공하는 몇 가지 변수 선언 방법이 추가되었다. const const는 값을 변경할 수 없는 변수이다. 우리가 작성하는 자바스크립트 코드에서는 변경해서는 안 되는 변수가 많다. const name = "JS"; name = true; console.log(name); // Error let js에서 구문적인 변수 영역 규칙을 지원한다. let은 값을 변경할 수 있는 변수이고, 지역변수로 사용 가능하다. js에서는 중괄호를 사용해 코드 블록을 만든다. const title = "js"; if (title) { let title = "python"; console.log(title); // pytho..

Map은 반복문이다. array 자료 앞에 map을 붙일 수 있다. 함수 안에서 card라는 파리미터는 array의 자료가 순서대로 받아지게 된다. 그러면 Card라는 서브컴포넌트가 card를 받고 순서대로 div 태그를 출력하게 된다. 위의 코드가 출력되면 이렇게 출력된다. 만약 이런 사이드바를 제작해야한다고 치자 이러한 객체를 받아왔을 때 이렇게 객체를 받아와서 map에 뿌리면 바로 제작 가능이다!! 마지막 연습으로 게시물 객체를 map으로 받아와서 하드코딩 없이 만들어보자 객체 : const backendInformation = [ { title: "HTML", content: "HTML은 어쩌고 저쩌고...", image: "#", }, { title: "CSS", content: "CSS는 어쩌..

Subcomponent mui 서브컴포넌트는 주로 mui 컴포넌트의 속성(props)으로 전달되며, 필요한 경우 커스터마이즈 하거나 조정할 수 있다. 쉽게 말해 반복되는 코드가 있을 때 짧게 줄여주는 역할을 한다. 이런 반복적인 div 태그들이 반복될 때 컴포넌트를 사용하게 되면 이렇게 사용할 수 있다. 오른쪽 코드는 Subcomponent 라는 이름을 가진 Subcomponent를 정의하고있고, 왼쪽에서 는 오른쪽에서 정의된 Subcomponent를 가져오는 역할을 한다. 이렇게 이름을 Card라고 변경하게 된다면 더욱 명시적은 코드를 작성할 수 있게 된다. div라고 적혀있으면 무슨 기능을 하는지 한눈에 보기 어렵지만, Card 라고 적어놓으면 바로 어떤 역할을 하는지 알 수 있게끔 작명할 수 있게된..