React

JavaScript와 기본적인 구성은 비슷하지만, 다른 언어라고 봐도 무방하다고 생각하며 HTML, CSS, JS가 모두 포함되어 있다.React(리액트)는 UI를 효과적으로 보여주기 위한 JavaScript의 라이브러리이다.페이스북의 지속적인 관리로 생태계가 활성화

🎈 .map(ele, key) map() 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환하는 메소드이다. > 예를 들어 > let arr = [ 1, 2, 3, 4, 5] 일 때, arr.map ( num => num +

mock data와 리팩토링을 진행하면서 여러가지 헷갈렸던 부분을 정리하기 위해 쓰는 글.

💡 fetch 함수 > methos 패치 함수의 메소드 중 GET은 데이터를 단방향으로 받을 때 사용하며, POST는 서버와 통신하며 서로 주고 받을 때 사용한다. componentDidMount() 기본적인 리액트 Lifecycle은 바로 render 함수가

💡 조건부 렌더링 조건부 렌더링 조건부 렌더링이란, 특정 조건에 따라 다른 결과물을 렌더링 하는 것을 말한다. 작업 중, map()을 사용해 state 값을 자식 컴포넌트로 보내려고 할 때, 없는 값을 map()을 하고 있다는 에러 메시지를 종종 본다. 이는 조건

백엔드와 데이터 통신 중, 데이터를 받아오자 style이 꼬였다. 아무리 생각해도 데이터를 받아왔다고 해서 style이 바뀌진 않을텐데...라고 생각했다.결론적으로, 문제는 map에 있었다. mock data와 백엔드 통신을 번갈아가며 테스트 하는 중에 div에 fle

Route 경로에 특정 값을 넣어 해당하는 페이지로 이동할 수 있게 하는 것 을 동적 라우팅Path Parameter 라우트 경로 끝에 들어가는 id 값들을 저장하는 매개 변수이며, Path Parameter는 Routes 컴포넌트 안에서 아래와 같이 정의된다.hist

아직 익숙치는 않지만 이리저리 코드를 수정하며 사용법에 대한 아주 대략적인 감은 get했나..? hook과 styled component에 대한 내용을 공부하며 작성하는 게시글이 많아질 것 같다.

버튼을 컴포넌트화 시켜 사용할 때, 기본적으로 버튼에 사용되는 속성을 미리 지정해놓고 사용 위치에서 해당 내용을 props로 내려주면 간단히 사용이 가능하다. 💡 기본 형태 버튼 텍스트, 활성화 등 필요한 속성에 대한 값을 사용할 위치에서 지정해 사용한다. 💡

💡 Recoil React는 Angular, Vue.js와는 다르게 기본적으로 부모에서 자식 방향으로만 state를 props로 전달할 수 있는 단방향 라이브러리이다. 물론, 자식에서 부모의 state를 바꿀 수 있는 방법이 존재하지만 규모가 커질수록 관리가 어렵