ParkYeseul's Archive

오늘은 기분이 좋다. 왜냐면 어제 진~ㅉㅏ 많이 먹었는데 먹고 누워서 책 읽고 핸드폰 하다 디비 자니까 행복했다.먹고 싶었던 500kcal가 넘는 아주 맛있는 과자를 혼자 다 먹었다.(마라탕, 밥 두공기, 제육볶음, 강된장, 온갖 쌈, 과자, 아이스크림 ...내 혈당은 누가 막아주지?)그런데 오늘도 많이 먹을거라서 기분이가  좋다.기운이 딸려서 먹고 힘 좀 내야겠어! 무튼 오늘 공부한 props를 정리해보겠다. ('초보자를 위한 리액트200제'를 통해 공부한 내용을 복기하는 시간입니다.모든 내용과 코드는 위 책을 통해서 적었습니다!)   🧚‍♂️Props?props는 부모 컴포넌트가 자식 컴포넌트에 데이터를 전달할 때 사용한다.특이점은 props를 전달받은 자식 컴포넌트에서는 데이터 수정 X그래서 데이..

리액트를 처음 접했을 때 컴포넌트가 뭐지?라는 생각을 했다. 컴포넌트가 정확히 무엇인지 모른채로 프로젝트를 진행했고, 컴포넌트를 어깨 너머로 감만 잡고 넘어갔던 것 같다.리액트를 너무 잘하고 싶어서, 기반을 단단하게 다지려고 처음부터 하려고 한다. 리액트! 기다려 너. 내가 잡아 버린다!어렵지만 재밌어 리액트 혼내줄거야!    Component리액트는 화면에서 Ul 요소를 구분할 때 '컴포넌트'라는 단위를 사용한다.리액트에서 앱을 이루는 작은 조각이라고 볼 수 있다!   Component의 구성요소1. Property(props)부모 컴포넌트에서 자식 컴포넌트에 전달되는 데이터.property값은 자식 컴포넌트에서 수정 불가 2.state컴포넌트의 상태를 저장하고 수정 가능한 데이터 3. context부..

리액트 까막눈인 나도 보이는 map()함수의 중요성...아주 많이 사용되는 것 같다.나에겐 너무도 어려운 Map()..함수! 오늘로 너 정복한다.  >  ( •_•)>⌐■-■  🪐 Map() 함수의 정의 map() JavaScript의 배열 메서드 중 하나로, 반복되는 컴포넌트를 렌더링하기 위해 사용된다.배열 내 각 요소를 원하는 규칙에 따라 변환한 후 새로운 배열 혹은 리스트를 생성한다.   react의 jsx에서는 if문과 같이 for문을 사용할 수 없어서, 반복문을 사용하려면  map함수를 써야한다!    🌌Map()함수 기본 구조const newArray = array.map((currentValue, index, array) => {                    return newVal..