react 4

[react] Props 낱낱이 파헤치기

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

[react] Component와 Component의 라이프 사이클(Lifecycle)

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

[맛집 지도앱] 오류와의 싸움1<Error: EMFILE: too many open files, watch>

"풍부한 포트폴리오를 위해서 2차 프로젝트 전까지 사이드 프로젝트를 해야겠다. "라고 다짐했다.다소 실행력이 있는 편으로 척척 진행되었다. with 영순언니 일요일 11시 강의를 처음 들었다. 개발환경 셋팅은 강의가 10분 정도 되길래 가볍게 시작했지만, 현재 오후 6시...이제 막 개발 환경 셋팅을 마쳤다.나는 무엇을 간과했는가?!!!! 너무 배고프고 눈이 흐리멍텅 해졌다. 아무튼 오류 해결했다.이걸 한 번 기록을 해보고자 허기진 배를 웅크리며.. 글을 적는닷. 간단하게 소개를 하자면 react-native를 활용하여 맛집 지도앱을 만든다. 학원에는 윈도우로 개발을 하다보니 맥 환경에는 낯설기도 하다.   아무튼! 내가 마주한 오류.Error: EMFILE: too many open files, wat..

Project/SideProject 2024.09.08

[react]Map()함수

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