728x90 반응형 SMALL TIL & WIL & 회고록/TIL25 2022.08.05 / 리액트 주특기 심화주차 시작 주특기 리액트 마지막 심화주차가 시작되었다. 이번주는 React toolkit, json-server, Axios, Thunk, React Hooks: optimizing, Custom hook, 마지막 배포까지!! 많은 것을 배울 예정이다. 오늘은 Redux Toolkit과 json-server에 대해 공부했는데, Redux를 공부했지만 Toolkit이 축약형이라 더 어려웠다. json-sever를 설치하고 3001포트를 보여주는 명령어를 썼었는데, 에러 떠서 찾아보니까, yarn을 명령어 앞에 붙여주지 않아서 그랬다고 한다... 내일은 오늘 보다 더 집중력 있게 공부할것이다. Thunk에 대해 더 이해해보자!!! 그리고 학습자료 다 보는게 내일의 나의 목표다!!!! 좋은 팀원들과 다함께 으쌰으쌰!!!.. 2022. 8. 6. 2022.08.04 / useRef와 툴킷의 장점 매니저님이 개인적으로 내주신 숙제 두가지를 했다. useRef는 언제 쓰는지, 리액트 툴킷의 장점을 찾아보았다. useRef useRef를 쓰면 안되고, 이 경우에는 let으로 선언을 해줘야한다!! useRef로 관리하는 값은 바뀌어도 컴포넌트가 리렌더링이 되지 않는 특징 때문에 이렇게 변수를 선언하면 다음 리렌더링 될 때 그 변수 값은 초기화된다. // id 값 오류 해결 **let nextId = 0;** const Form = () => { const [title, setTitle] = useState(''); const [content, setContent] = useState(''); const dispatch = useDispatch(); const handleInputTitle = (e) =.. 2022. 8. 5. 2022.08.03 / 리액트 Todolist 프로젝트 추가 내용 어제 코드리뷰를 통해 추가가 필요한 내용을 구현했다. Todolist에서 제목과 내용을 쓰지 않은 경우에 alert를 띄워주는 부분을 추가했다 ID가 초기화되는 것은 아직 이유를 찾지 못했다 그래서 매니저님의 자문을 얻어 useRef에 대해서 왜 초기화가 되는지 찾아보기로 했다 내일 할 것 - useRef 조사 - react toolkit의 장단점 조사 - 리덕스 관련 내용 tistory 정리하기 - 리액트 강의 듣기! 2022. 8. 4. 2022.08.02 / 리액트 Todolist 완성 드디어!!! Redux, Router를 이용한 Todolist를 완성했다 깃허브 주소는 아래에 ↓ https://github.com/suzzeong/Todolist2 투두리스트 프로젝트 할 때 오류가 뜨는 경우의 대부분은 코드는 잘 구성했는데.. 오타가....ㅎㅎㅎ 꼼꼼하게 잘 체크해야하는데 그 부분이 아직 부족한거 같다ㅜㅜ Readme 작성하려니까 어떻게 써야할지 몰라서 찾아본 블로그 설명이 잘 나와있다~! [Git] GitHub README 작성법 (마크다운, 이미지, Gif, 코드 블록 사용법) (tistory.com) 내일 CS스터디 발표가 있고, 마지막 팀과제 마무리 하는 작업이 남아있다 그리고 리액트 툴킷 공부를 더 해야겠다 오늘은 특별히 TIL을 일찍 써봤다~!! 2022. 8. 2. 2022.08.01 / 리액트 Redux로 Todolist 만들기 제목과 내용을 쓰고 만들기 버튼을 누르면 밑에 todolist 카드가 나오고, 카드의 삭제버튼을 누르면 삭제되고, 완료버튼을 누르면 아래로 내려가서 완료 되는... 그런 todolist를 만들어 보았다 오늘은 삭제와 완료버튼까지이 끝! CSS는 아직 작업이 필요한 상태지만 구현은 했다 내일은 남은 CSS작업과 상세페이지로 넘어가는 작업을 할 예정이다 저번주에는 혼자서 과제를 진행했다면, 이번주에는 이해를 돕기 위해 개인과제를 팀으로 진행했다 확실히 속도도 빠르고 이해하는데 도움이 많이 됐다 내일은 빨리 이 과제를 마무리하고, 리액트 공부를 더 해야할 것 같다....ㅎ 오늘 팀원들이 없었으면 난 아마....ㅎㅎㅎ 내일도 화이팅!!!!! 2022. 8. 2. 2022.07.30 / 리액트 라우터는 뭐지? 여전히 리덕스 개념... 쉽지 않다.... 따라하면 이해가 되는데 막상 혼자하면 안되는... 오늘은 리액트에서 라우터는 무슨 역할을 하는지 알아봤다. 일단 라우팅의 개념부터!! 라우팅이란? 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이라고 생각하면 된다 리액트에서는 라우팅 관련 라이브러리가 많이 있는데 리액트 라우터(React Router)가 가장 많이 쓰인다고 한다 리액트 라우터를 왜 써야하는가? angular나 backbone 같은 프레임워크는 프레임워크이기 때문에 라우터 기능이 포함되어 있지만, React는 View만을 담당하는 라이브러리다 그래서 react-router을 설치해줘야한다 특히 React는 SPA방식이다 SPA 방식은 무엇인가? SPA는 Single Page.. 2022. 7. 31. 이전 1 2 3 4 5 다음 728x90 반응형 LIST
