데굴데굴

⚙️ 오늘 배운 주제 피그마, 와이어프레임, 프로토타입 🐹 오늘의 기분 예전부터 어떻게 쓰는지 궁금했었던 피그마를 배웠다. 오티 때 이번 유닛은 쉬어가는 유닛일 거라고 그러셔서 그 말을 곧이곧대로 믿었건만... 피그마를 아예 처음 써보는 상황에서 설명이 휘몰아치는 튜토리얼 영상을 보니까 완전 허겁지겁 따라갈 수밖에 없었다. 중간에 배속도 되어 있고 전부 순식간에 넘어가버려서 너무 혼란스러웠음. 지금은 처음보다 익숙해져서 괜찮지만 페어 시간 전까지만 해도 앞이 아주 깜깜했다. 페어분이랑 클론해보면서 손에 점점 익기 시작했음. 오늘 두 번쨰 딥토크도 했는데 나는 또 모더레이터가 되었다..😂 이 정도면 숙명인 듯 ㅠ 뭔가 저번 딥토크 질문보다는 더 딥한 질문들이 있었다. 대부분 생각하시는 게 비슷해서 공감이 ..

다른 예시를 들어보려했는데 너무 헷갈림..! 학습하면서 자주 써왔던 Array로 설명해보자 Array로 이해해보기 nums라는 배열을 리터럴 방식으로 정의했다. let nums = [4, 5, 6]; nums 자체에는 메소드 함수가 정의되어 있지 않다. 하지만 우리는 nums.sort, nums.map, nums.filter, nums.reduce 등의 메소드를 자유롭게 사용할 수 있다. 그 이유는 무엇일까? 배열은 이렇게 new 키워드를 이용하여 만들 수도 있다. let nums = new Array(4, 5, 6); nums; // [4, 5, 6] 자세히 보니 어디서 많이 본 것 같다. 클래스로 인스턴스 객체를 만들 때에도 new 키워드를 쓴다! nums는 Array라는 클래스로 새롭게 만든 일종의..

MDN 등 여러 곳에서 자바스크립트를 '프로토타입 기반의 동적 언어'로 설명하고 있다. 프로토타입은 자바스크립트를 설명할 때 빠지지 않는 개념이기에 잘 이해하는 것이 중요하다. 모든 객체는 자신의 부모와도 같은 프로토타입을 가지고 있으며 이것과 연결되어 있다. 객체가 생성될 때 그 객체의 생성 방식에 따라 prototype 객체도 같이 생성된다. class Student { constructor(name, grade, gender) { this.name = name; this.grade = grade; this.gender = gender; } study() { console.log(this.name + '가 공부를 시작합니다.'); } } // 클래스를 이용해 생성한 인스턴스 let chulsoo = ..