아니..! 티스토리 사진 왜 한 번에 10장밖에 첨부 못하죠? 분노! 배우 한소희님 블로그에서 이 사진을 보았는데 완전 멘토님께 질문할 때의 나.. 멘토님 오시면 제가 “이거 해봤는데 안돼요ㅠ”라고 하는데 멘토님이 하시면 갑자기 되는 매직..? 혹시 맥북도 자아가 있나요? 나 같은 초보자는 안된다? 근데 진짜 위코드에서 제공해주는 서비스 중에서 정말 장점이라고 느낀 건!! 첫째도 멘토님 둘째도 멘토님 셋째도 멘토님 멘토님 최고입니다 ❤️❤️❤️멘토님 미담 심기❤️❤️❤️ 저의 중구난방 코드를 보시고 어떻게 1초 만에 오류를 찾아내시고 해답을 찾아내시죠...? 진짜 대박입니다 처음엔 그 멘토제도?를 보고 아 어디 다른 방에 멘토님이 계셔서 거기로 찾아가야 하나.. 그럼 너무 번거로울 텐데라고 생각했는데 각..

Props Props의 정의 - 컴포넌트의 속성값 > 부모 컴포넌트로부터 전달받은 데이터를 지니고 있는 객체 - 전달하고자 하는 어떤 값이든 자식 컴포넌트에 전달가능 > 문자, 숫자, 변수, 함수 등 State state를 생성하기 위해서는 useState라는 react의 내장 hook을 사용해야함 import React, { useState } from "react"; const Main = ) => { const [color, setColor] = useState("red"); return ( 여기는 메인페이지입니다. setColor("blue")}>배경색 변경 ); }; export default Main; 요약 - state란 해당 컴포넌트가 UI에 보여줄 정보를 결정할 때 사용할 수 있는 상태값..

React의 정의 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 React는 UI, 즉 사용자 인터페이스를 구축하는데 사용할 수 있는 JavaScript 라이브러리입니다. 우리는 이 리액트를 이용해 선언적이면서 컴포넌트 기반으로 UI를 편리하게 개발합니다. 여기서 선언적과 컴포넌트 기반이라는 단어는 리액트가 가진 특징을 표현하는 단어입니다. 컴포넌트 컴포넌트의 정의 - 독립적이고, 재사용할 수 있는 소프트웨어 구성 요소 - 프론트엔드에서 컴포넌트란? "독립적이고 재사용 가능한 UI 단위" - 컴포넌트 === 레고 블럭 - 레고블럭을 조립해서 큰 성을 만들듯이, 작은 UI를 조합해서 큰 UI를 구성 컴포넌트의 특징 1. 컴포넌트는 독립적이고 재사용할 수 있습니다. -> 유지보수에 용이 2...

Read.me # 10. filter 2 ## Assignment (Google Classroom) courses 라는 배열이 있습니다. level이 'hard'인 과목들로만 이루어진 새로운 배열을 filter()를 이용하여 반환해주세요.결과는 아래와 같아야 합니다. ```js [ { level: 'hard', subject: 'Mathmatic' }, { level: 'hard', subject: 'Science' } ] ``` index.js // Assignment 2 let courses = [ {level:'easy', subject: "English" }, {level:'hard', subject: "Mathmatic" }, {level:'medium', subject: "Literature"..

Read.me # 09. filter 1 ## filter filter() 메서드는 array 관련 메서드로 조건에 맞는 요소들만 모아서 새로운 배열을 반환합니다. 만약 조건에 부합되는 요소가 아무것도 없다면 빈 배열을 반환합니다. filter() 메서드도 map() 메서드와 마찬가지로 크게 filter(callbackFunction, thisArg) 2개의 인자를 가집니다. 그리고 callbackFunction 안에서 3개의 인자 (element, index, array) 를 가지는데 첫번째 부분인 element 인자만 필수로 지정되어야하고 나머지는 선택적입니다. 아래의 코드를 보면서 이해해봅시다. `value > 10` 이라는 조건에 맞는 요소들로만 이루어진 새로운 배열이 생겼습니다. ```js le..

Read.me # 08. splice splice 메서드는 배열 내의 특정한 요소를 삭제하거나, 다른 요소로 대치하거나 새로운 요소를 추가할 때 사용합니다. splice 메서드를 쓸 때는 인자의 순서에 주의해야 합니다.  위의 그림에서는 인자 3개가 들어갔지만, splice 메서드는 필요에 따라 인자를 최소 1개만 쓸 수도 있습니다. - 첫번째 인자 : 배열의 ..