ChoJinmok / TIL

📝 Today I Learned / 나의 학습 기록

Today I Learned (TIL)

개발관련 학습, 경험들을 기록해두는 저장소 입니다.
한정수(Integerous)님, 김남윤(Cheese10Yun)님, 김남준(namjunemy)님, 진유림(milooy)님, HomoEfficio님의 GitHub TIL, 한정수님의 '비정공자를 위한 개발자 취업 올인원 가이드'강의를 많이 참고했습니다.
Since 2022.11.3

---

ETC

• 🍞 빵 부스러기 저장소
• 배포
• 인가 (Authorization)
• CI/CD with Github
• Webpack(dev),Vercel(production)에서 proxy로 COR 해결
• RegExp
• SEARCH ENGINE OPTIMIZATION

Next.js

• From React to Next.js(Next.js 튜토리얼)
• How Next.js Works
• CREATE YOUR FIRST APP
• Dynamic Routes
• Move to detail page
• Image Optional Props
• Catch All url
• Customizing Not Found Page
• Next.js에서 Redux 초기세팅

React.js

• jsx의 div에 이벤트 주기
• React Router의 Route
• control(interactive element)는 label과 연결되어야 한다.
• jsx에서 mouse event는 key event로도 가능해야한다.

TypeScript

• event의 type
• Next.js의 Catch All url에서 type
• Redux의 useSelector, useDispatch type mocking
• Keyof Type Operator
• TypeScript possibly undefined value 에러
• React의 defaultProps
• import type

JavaScript

• Key event 처리
• DOM
• Custom createElement
• DOM Events
• 이벤트 전파
• 자바스크립트 비동기 처리의 이해 및 사용 패턴

HTML & CSS

• CSS Transition for only one type of transform?
• flex: 1
• aria-label, aria-labelledby, aria-describedby ?
• CSS opacity, visibility, display
• position: sticky가 overflow: hidden일때 왜 적용되지 않을까

TDD

• Testing Library fireEvent에 대한 고려 사항
• Mocking useState
• CSS hover test ?

Svelte

• Svelte의 특징
• 시작하기
• 라이프사이클
• 보간법
• 반응성