Minsoftk

21.09.03 오탈자 수정 1. 더보기 버튼 클릭 시, 버튼의 상태 공유 문제 남자 상품에서 더보기 버튼 클릭하고 나열할 항목이 없으면, 위의 사진과 같이 더보기 버튼이 비활성화가 된다. 비활성화가 된 후 여자 상품 카테고리로 갔을 때, 나열할 여자 상품들이 있지만 위와 같이 비활성화가 되는 문제가 있었다. 해당 코드는 아래와 같다. (ShoesLIst.js 변경전 코드) (...) return( {props.num === 1 ? : } { fetchData(props.num); }}> 더보기 ); }; 이를 해결하기 위해서 버튼에 대한 상태를 남자, 여자 따로 가지게 했다. props.num===1에 따라 상품을 보여주는 것처럼 버튼도 아래와 같이 UI 컴포넌트로 따로 만들어서 보여줬다. 그리고 남자..

21.09.03 오탈자 수정 & flowchart 재첨부 🤔 React에 대하여 시작 전에 React에 대한 이야기. 사실 React를 배웠었던 가장 주된 이유는 인턴을 했던 회사에서 React를 사용했다. 그게 가장 컸다... 이제 와서 React에 대해서 다시 공부하게 된 이유도 익숙해서가 제일 컸다. 현재까지도 가장 큰 커뮤니티를 가지고 있고, 사용되는 곳이 많다. Vue.js나 Angular.js는 사용을 안 해봤기에 정확한 체감 비교까지 할 수 없지만, 모두 SPA(Single Page Application)인 웹 앱을 만드는데 큰 도움이 되는 도구들이다. 최근에 와서는 "Vue.js가 뜨고 있다. React는 지는해다." 말이 많다. 그럼 나 같은 신입 개발자를 준비하는 사람들은 '어? 그럼 ..

Astronaut 🚀계기 엄청 대단한 프로젝트도 아니고... 공개하기도 부끄럽지만 주기적으로 프로젝트에서 배우거나 느낀 것들을 정리해서 올릴 계획. 개인적으로 JS를 빠르게 습득하기 위해 만든 웹앱 Toy프로젝트 이전에 React를 활용한 프로젝트들은 인턴 때 처음 경험했다. 하지만 JS에 대한 학습도 없이 React를 먼저 학습했다. 무작정 부딪히면서 배우다 보니 기본적인 UI는 ant-design, bootstrap에서 가져와 짜깁기할 수 있었다. 하지만 JS를 제대로 공부하지 않은 상태에서 웹 페이지를 UI만 구성한다는 것은 큰 의미가 없었다. 그래서 다시 JS를 공부했다. React는 자바스크립트 라이브러리이기 때문에 기본적으로 JS에 대해 많은 이해가 필요했다. 그래서 나의 Astronaut 프..