2022-01-05 수요일 / 12시가 넘어서 7일이지만..
하드트레이닝
real world
react router의 useSearchParams 사용
todo MVC
내일 정리.. ㅋ
오늘 배운 유용한 정보들
- 컴포넌트는 좀 더 의미 있는 기능별로 나누기
- commit도 기능별로? 열심히!
- README.md 자세히 기록하기
- React의 Virtual DOM (가상돔)
- 뭐가 삭제되고 뭐가 추가됐을까? 를 key로 계산하기 때문에 고유한 key가 필요
- before after를 비교
- document는 그냥 문자열, 코드 -> dom(document object model) -> document.getElementById(), document.querySelector(), ..
- JS로는 createElement와 append를 이용해 dom을 조작했음. 바꿔치기는 replace? -> 귀찮음 -> 실제돔이 아닌 가벼운 가상돔. 함수가 return 하는 React 등장! -> 상태가 바뀌면 그림 불변성 돔을 처음부터 다시 그림 diff(차이)를 찾아서 실제돔에 반영
- 하나하나 다 비교하는 것은 비용이 너무 많이듦. key만 비교. 보통은 key를 문자열 아이디로 넣어서 비교함. 유일성 unique slug, id
가상도란 설계를 만들고 실제 집을 비교해서 실제 집을 고침
사본(설계)가 리액트의 가상도
가짜와 실제를 비교해서 실제를 화면에 그림.
가상돔도 비효율적인 면이 있어서 -> 스벨트 등의 기술들이 나옴.
- 리액트의 스케줄러는 할일목록, 주문서 같은 느낌
- webpack -> bite
- 타입스크립트의 제네릭이란? & 타입스크립트 타입 등 편하게 작성하는법(날로먹기)
- setState는 비동기로 작동 & 사용시 무조건?! prev, old 등으로 이전 값을 가져와서 작성
- axios -> ky 배우기
- 클라우드와 cdn
- 트렌드를 따라가는 것도 좋지만 중요한 건 나한테 쓸모가있고 편리한 기술을 배우기
- CSR vs SSR vs SSG 개념
- JAM stack?!
- 함수형 프로그래밍 동기와 비동기...
일단 오늘 토끼님께 들은 정보들이 정말 많은데 내일부터 하나씩 공부해야겠다.
회고
- 오늘
아침에 딱 9시에 일어나서 목소리가 잠긴 채로 하드 트레이닝을 하고, 어제오늘 계속 수다만 떤 것 같다.. 즐겁지만 공부를 위해 자제하도록 노력해야지ㅜㅜ 근데 토끼님의 지식은 끝이 없어서 계속해서 나도 궁금한 게 생기고 이전에 궁금한 걸 물어보다 보면 1시간이 후딱 지나가서 너무 신기하당. 어쨌든 오늘은 todo mvc를 git commit을 따라가면서 열심히 코딩하고 토끼님의 말씀을 열심히 받아 적었다..! 팽귄님이 들어오시고 내가 궁금한 거나 생각하지 못했던 질문을 많이 하셔서 나도 조금은 사소한? 질문이라도 같이 토기님께 열심히 여쭤보게 돼서 좋았다. - 어려운
항상 조급해하다 요즘엔 너무 여유로워졌고 기분이 맨날 왔다갔다해서.. 내 기분을 어떻게 통제해아 할지 그리고 현실을 깨닫기 ㅜ - 내일은
수다시간을 줄이고 딴 길로 세지 않도록 노력하고 real world, todo mvc 만들고 복습하고 직접 하드트레이닝 해보고 싶고, 팀프로젝트 제발 진행도를 올려야겠다. 알고리즘 블로그글쓰기 등도..
천재토끼님과 같이 공부할 분들을 만난 나는 정말 행운아인듯..?! 열심히 공부해서 다 같이 좋은 곳에 취직하길 🍀
꾸준히 자유롭게 즐겁게