HYEWON JUNG의 개발일지

아직 진행중이지만 지금 현재 해결중인 문제는 HashRouter ! 클론 코딩이라서 코드를 그대로 따라치면서 공부를 하는데 2020년도 책이라 리액트가 엡데이트 된 항목들이 생기면서 조금씩 다른 것이 나온다..그래도 페이지 간단 구성까지는 잘 했었는데 HashRouter 가 해결이 되지 않았다. 책에 나온대로 했더니 Error A is only ever to be used as the child of element, never rendered directly. Please wrap your in a . 라고 나왔다. 그래서 직관적으로 routr는 routes안에 있어야한다는 말인가? Route를 감싸주었다. 그러고 만난 것이 No routes matched location "/" 구글링을 해도 잘 모르겠..

오늘의 목표 React강의 다 듣기 TIL 미리 만들기 알고리즘 문제 2개 풀기 오늘의 개발, 새롭게 알게된 것 2023.11.01 - [React] - state , state와 불변성, 전개구문을 이용한 불변성 유지 state , state와 불변성, 전개구문을 이용한 불변성 유지 state를 쓰는 이유 UI를 바꾸기 위해서다, 렌더링을 다시하기 위해서 const [state, setState]= useState('initial Value') 배열 안의 'state'는 초기값을 받을 변수, 'setState'는 변수를 제어할 메소드 , 'initial Value' hyewonjung-coding.tistory.com 2023.11.01 - [React] - 반복되는 컴포넌트 처리, 나누기 반복되는 컴..

이번주의 목표 자바스크립트 강의 정리 끝내기 리액트 강의 2회독 내가 만들고 싶은 페이지 구성해보기 부채 강의 없애기 오늘의 목표 React 강의 1회독 자바스크립트 4강 정리 오늘의 개발, 새롭게 알게된 것 React component 2023.10.31 - [React] - React Component 구성/JSX문법 React Component 구성/JSX문법 컴포넌트를 통해 UI를 재사용이 가능한 개별적인 여러조각으로 나누고, 각조각을 개별적으로 살펴볼수 있습니다(독립적이다.). 개념적으로 컴포넌트는 JavaScript함수와 유사합니다. "prop"(input)라 hyewonjung-coding.tistory.com React Props 2023.10.31 - [React] - React prop..

오늘의 목표 3강 정리 async await 이해하기 이해도 문제 4번 풀기 오늘의 개발, 새롭게 알게된 것 보충반 특강에서 async await, .then .catch등을 배웠는데 한가지 확실하게 안 것은 await가 붙어있는 곳이 기다리다가 실행이 된다고 생각했는데 await가 붙은 로직의 다음 로직에 적용이 된다는 것? => 확실하게 이해가 된 것은 아니지만 개인과제의 .then을 async await로 바꿔보는 연습하기 비동기함수를 어느정도 더 이해하고 나니까 모달을 만들기 위한 머리에 한단계 다가간 느낌이다. 지금의 fetch를 async 함수로 묶어서 선언해주고 검증 후 await으로 기다렸다가 실행 할 수 있도록 해봐야겠다. 그리고 개인 과제의 피드백이 왔다. 깃에 정신 없이 올리느라.. ..

오늘의 목표 3강 복습 2강 정리 modal 만들기 오늘의 개발, 새롭게 알게된 것 예성님의 코드가 조금 수정됐는데 수정된 코드가 이해하기 시워져서 이젠 정말 해낼 수 있을 것 같다고 느꼈다. 궁금했던 부분도 해결되었다. 지금 내가 시도하고 있던 방식은 모달이 하나만 열릴 건데 그 열릴 애의 기준은 카드에 타이틀과 같은 애만 hidden이 풀리는 거야. 였는데 => 기준을 어디에 써야할 지 모르겠고 아무대나 쓰다보니 먹히지 않았다. 그래서 검사해서 확인해 봤더니 클릭이벤트가 실행될때 hidden이 사라져서 모달이 보이게 되는건데 그게 첫모달만 사라졋다. 그래서 전체 모달에 반복될수 있게 해야한다 생각했지만.. 아직 다른 카드들이 버튼으로 인정되있지도 않은 것을.. 그래서 방법을 바꿨다. 모달 하나가 아니..

오늘의 목표 내 개인 과제에 대입해보기=> 실패 3강 정리하기=> 2강 재복습 오늘의 개발, 새롭게 알게된 것 예성님의 코드 설명을 들으면서 내가 어디가 부족한지, 코드를 복붙하면서 코드를 이해하지 않고 채우는 데에만 집중했는지 알 수 있었다. 코드를 볼때는 전혀 이해가 가지 않았는데 설명을 들으니까 다 들어본 내용이었고 내가 한 방식이랑은 조금 달라서 신기했다. 우선 설명을 들으면서 공부해야겠다 느낀 것들은 Promise, find, parent, child, Map 등등.. 들어보고 보긴 했지만 내가 활용하지 못하는 것들을 알아야 해결할 수 있겠다싶었다. 지금 현단계에서 도움 없이 구글링 만으로 코드를 짜는게 원래 어려운 건지 아니면 내가 공부를 제대로 안한 건지 알 수 없지만 보충반 수업을 들으면서..