Project/프로보노8 [React] useEffect로 api 받아와서 렌더링하기 useEffect를 사용하면 입맛에 맞게 렌더링을 할 수 있다고 해서 사용했다. 그런데 api 비동기 요청 후 state 변경하는 과정에서 오류가 난다😥 대충 이런 식으로 코드를 작성했다. App = () => { var [data, setData] = useState({}); async function fetch1() { data["1"] = await fetchApi1(); } async function fetch2() { // fetch1 과 동일 } async function fetch3() { // fetch1 과 동일 } function getData() { fetch1(); fetch2(); fetch3(); } useEffect( ()=> { getData(); },[]); return (.. 2023. 7. 2. [React] destroy is not a function 에러 destroy is not a function useEffect가 함수가 아닌 값을 반환하거나 비동기 함수를 콜백하는 경우 발생한다. 2023. 7. 1. [React] 라이브러리 오픈소스가 많다 컴포넌트 하나하나 언제 구현하나 머리 빠개고 있는데 찾아보니 라이브러리가 엄청 많네? 부트스트랩 정도랑 통계, 그래프류는 있을 거라고 예상했는데 귀엽고 깔끔한 디자인된 컴포넌트까지...!! 갑자기 프론트 개발이 재밌어진다🤭 리액트만 알다가 플러터를 알았을 때의 새로움*1000 정도의 느낌을 받았다!!!!!!! 디자인, CSS로 고통받는 거 때문에 프론트 재미 없던 건데 미쵸따 귀여운 거 좋아 TOAST UI :: Make Your Web Delicious! TOAST UI is an open-source JavaScript UI library maintained by NHN Cloud. ui.toast.com MUI: The React component library you always wanted MU.. 2023. 6. 24. React Hook Mount : 화면에 첫 렌더링 Update : 다시 렌더링 Unmount : 화면에서 사라짐 useEffect(콜백함수) : 첫 렌더링과 렌더링 될 때마다 실행 useEffect(콜백함수, 배열) : 첫 렌더링과, 배열에 인자들이 업데이트 될 때마다 실행 reducer (state를 업데이트 하는 역할), dispatcher (state 업데이트를 위한 요구), action (요구의 내용) useReducer(reducer, 초깃값) const reducer = (state, action) => { // switch나 if문을 사용해 action을 분리함. return state + action.props; }; function App() { const [money, dispatch] = useRedu.. 2023. 6. 22. 3. Re:제로부터 시작하는 프론트엔드 생활 안녕하십니까 드디어 개발이 시작됐습니다. 이런저런 이유로 백이 아닌 프론트를 맡게 됐습니다. 좌충우돌 우당탕탕 리액트 개발기가 될 것 같습니다. 왜냐면 지금 input 박스조차 못 만들고 있기 때문이죠. 후후... JS 문법조차 몰라서 정말 zero부터 시작합니다. 개인 프로젝트야 유야무야 나만 알아볼 수 있게 해도 됐는데 팀플인만큼^^.. 깔끔하게 개발해 보겠습니다. 2023. 6. 21. 2. 최근 진행 상황 그동안 글은 안 썼지만 잘 되어가고 있었습니다. 1. 하드웨어 관련 실제 동작하는 데모까진 개발하고 싶어 하드웨어 내가 책임지고 하겠다 주장해서 개발하기로 했다. 하드웨어 부품 신청까지 완료한 상황이다. 라즈베리파이를 사용하려고 했는데 os까지 다룰 필요는 없어보여 아두이노로 진행한다. 하드웨어는 아주 가볍게 개발할 것이다. 2. 알고리즘 설계가 잡혀가고 있다. 프로젝트를 시작하기 전엔 단순하게 사용량이 줄면 위험하다 판단하면 되겠다! 라고 생각했는데, 파고 들수록 제약 조건이 많았다. 전화, 전력, 수도, 가스 데이터를 하루에 몇 번 입력받느냐, 어떤 정보를 입력받느냐, 어떻게 조건을 매치시킬 것이냐, 외출 또는 그냥(?)의 이유로 사용량이 확 줄게 되면 어떻게 처리할 것이냐, 지역마다 사용량 차이는 .. 2023. 6. 2. 1. 기획/설계 개발 배경 현재 사회적 약자(특히 독거 노인) 등의 도시 내 생활을 돕는 스마트시티형 서비스들은 대부분 IoT센서 등을 활용 움직임 감지를 바탕으로 공급되고 있는데, 감시 당하는 느낌으로 인해 사용율 및 만족도가 떨어짐 개발 목적 현재 사회복지사가 수십 명의 사회적 약자를 담당해 관리하고 있다. 관리사들을 돕는 서비스를 개발하는 것이 1차 목표이다. 서비스의 전체적인 설계는 다음과 같다. 사회적 약자의 생활 데이터(전화, 수도, 전기 등)의 사용량 등을 융복합 분석하여 일일 생활 안부를 확인(사용량 적은 경우 이상 상황으로 인지)하고 또 필요시 대응(출동 등)지원 할 수 있는 서비스를 개발한다. 개발 착수 본래는 가상의 데이터를 사용하여 AI 모델을 제작하는 것이 목적이었다. 하지만 아무리 소프트웨어를 .. 2023. 4. 15. 0. 프로젝트 승인 2023년 3월 31일 ICT 한이음(프로보노) 프로젝트 드디어 승인! 약 9개월의 긴 프로젝트가 시작됐다. 주제도 좋고 꽤 괜찮은 팀프로젝트가 될 것 같아서 기대가 된다. 열심히 해야지. 난 대상을 노린다. 2023. 4. 1. 이전 1 다음
