브라우저와 리액트 앱의 라우터를 연결하게 되면 라우터가 history api에 접근 가능,각각의 Route와 연결된 컴포넌트에 props으로 match,location,history라는 객체를 전달하게 된다Route path와 URL의 매칭정보가 담겨져 있음path:
여러 리듀서를 하나로 합친다middleWare가 장착된 store를 생성하여 state, API 관리 등을 해줄 수 있다.보일러플레이트를 걷어내서 편하게 action, type등을 쓸수 있음생성한 스토어를 import해서 Provider에 연결한다.툴킷은 기본으로 de
회사 기존코드 공부하며 새로 배운 것 정리history.push("/login")과 같이 사용한다history stack을 활용한다jsx에서 쓸수 없다. 어떠한 event가 일어났을 때 작동할 함수 안에서 활용하위(자식) 컴포넌트에서 history객체를 사용하려면, p
React로 NodeBird 만들기앱이 크지 않으면 -> contextAPI앱이 크고 능숙하지 않으면, 디버그 용이 -> redux앱이 크고 능숙하면, 디버그는 미흡 -> mobx컴포넌트에서는 화면 그리는 것만 집중, 데이터 요청은 별도의 모듈이나 라이브러리가 해야한다
Let's Get IT 자바스크립트 프로그래밍func처럼 함수를 만드는 함수를 고차 함수(high order function)라고 한다.화살표 함수 문법에 따라 함수의 본문에서 바로 반환되는 값이 있으면 {와 return을 생략할 수 있다.문자열을 그대로 실행한다.해킹
Header 세부사항 마무리 / 커스텀 <Grid/> 변경 / 반응형 작업 / 하단 슬라이드 작업
디자인 볼수있는 곳은https://ui.class101.dev/깃허브는 우측 상단 아이콘https://github.com/pedaling/class101-uiPlayGroundContainer 등 임시로 만들어져있는 컴포넌트 찾으려면깃에서 class1
json-server를 json파일로 교체 / SwiperSlider 보여지는 슬라이더 갯수 props로 내림 / 진행중인 인기 이벤트 날짜 부분 day.js적용
Card 컴포넌트 변경 / 슬라이드설정(slick,swiper) / 배포 테스트 (vercel)
git / react + typescript / class101 UI / json-server / emotion
강좌보다가 잠시 테스트바로 prompt창 뜨고, 입력한 값이 test에 할당됨test2()해야 콘솔이 뜸바로 123이 뜸실행하는 함수코드를 변수에 할당하느냐, 함수 자체를 할당하느냐 차이인듯
vscode css 한줄 정리 프로그램css-compacthttps://marketplace.visualstudio.com/items?itemName=jsonchou.css-compact뷰티파이 쓰면 엔터쳐서 정렬해주는데이거 쓰면 한줄로 정렬해줌. 난 이게 더
ES2021 자바스크립트 강좌 - 제로초익명함수는 주로 콜백으로 쓰인다함수를 호출할떄 넣은 값(argument)을 인수, 선언할떄 사용한 변수(parameter)를 매개변수라고 함함수 내에서 arguments라는 값을 사용 가능 -> 호출시 넣은 parameter값을