분류 전체보기

[React] class component와 state 활용- 라이프 사이클, React.Component

우리는 function App 컴포넌트를 사용해 뷰를 만들어주었습니다. function App(){ return( hello ) } 하지만, 여기서 즉 function에서는 우리가 state를 사용해줄수없습니다. state를 사용해 주기위해서 class component와 state를 같이 써주어야합니다. **중요** 우리가 class를 써줘야하는 이유는 function에서는 react.component에있는 state를 쓸수없기때문에 class를 써주는것입니다. 반대로 state가 필요없다면 function을 써줘도됩니다. Class를 사용해주는 이유 우선 class를 생성해주는 방법입니다. function App()을 지워주고 아래와 같은 class를 작성해줍니다. import React from ..

[React] map 활용

이번포스트에서는 "맵(map)" 을 활용한 예제를 다뤄보려합니다. 아래와같이 여러 view를 만들어주어야한다고 가정해봅시다. 그리고 각각 Potato가 가진 구성요소(예를 들면 타이틀과 이미지를 하나씩)는 모두 같고, 이름만 다르게 위와같이 만드려합니다. 이때 우리가 위와같이 만들기위해서 potato라는 함수를 3번 만들어주면 갯수만큼 만들어줘야함으로, 재사용 불가능한 코드가됩니다. 이 문제를 해결하기위해서 맵을 쓰려합니다. Map을 써야하는 이유 위와같이 이름만 다르게 해주려한다면, 기존 우리가 알고있던 방법으로는 컴포넌트를 3가지를 그려줬어야했습니다. 하지만 오브젝트에, 텍스트 데이터를 모두 집어넣고, map을 통해 그 오브젝트 하나씩 접근하며 같은 타입의 뷰를 컨텐츠 데이터만 바꿔서 리턴하면, 같은..

[JavaScript] 33. Search in Rotated Sorted Array - 쉬운설명 바이너리 서치 활용

33. Search in Rotated Sorted Array There is an integer array nums sorted in ascending order (with distinct values). Prior to being passed to your function, nums is possibly rotated at an unknown pivot index k (1

[React] Visual Studio Code에서 Github 활용 필수 기본 정리 - 깃헙에 업로드 하기, 클론

깃헙에서 리포지터리 생성 GitHub 세팅 리포지터리는 저장소 역할을 합니다. 만든 리엑트앱이 업로드 되기전 리포지터리가 생성되있어야합니다. 깃헙에 들어간후, 새로운 리포지터리를 만들어주세요. 이제 리포지터리 이름을 만들어준후, public이나 private 설정후 확인을 눌러주시면 Github에서 세팅은 끝납니다. 만들어주면 리포지토리 로 이동하게 됩니다. 이제 리포지토리의 url을 복사해주세요. Visual Studio Code 터미널을 열어줍니다. 이제 Visual Studio Code에서 방금 생성해줬던 repository로 업로드하라고 명령해주어야합니다. 먼저 git init을 입력해준후 git remote add origin [리포지터리 주소] 를 해주시면 업로드할 리포지터리가 어디인지 인식합..