반응형 프로젝트2 grid 속성 통해서 정렬한 날 , 4주프로젝트 +9, 코드스테이츠 133 grid-template-column : repeat(4,1fr) 아래 사진처럼 한줄에 4개씩 내릴수 있다. 첨 html,css 생활코딩에서 배울때 한번보고 그 이후로는 계속 flex만 사용했는데, grid를 많이 사랑해주어야겠다. 2주 프로젝트때 같이 작업했던 팀장님은 grid를 사용하지 않고 js로 배치시킨다고 하는데 그 이유는 grid는 1000개이후로는 정렬이 되지 않는단다. 그쪽팀은 무한스크롤을 구현중인데 그렇게 되면 유한스크롤이 되기 때문에 grid를 사용하지 않기로 했다고 한다. 무한스크롤을 구현하게 되면 꼭 기억해야 할 꿀팁이다. px, rem, em 언제 언제 사용할 지 알고 사용하기 px: 고정값 rem,em : 글자크기를 기준으로한 상대값, 화면크기에 따른 적절한 비율을 고려할때 사용.. 2021. 12. 1. 프로젝트 +3 , 코드스테이츠 +114 팀명/플젝명 : BestEleven / GatherCoding GatherCoding은 모각코 오프라인 모임이다. 사용 스택 복습할 것 : 리덕스 리액트 라우터 TIL Link 경로를 연결해주는 역할을 하는 컴퍼넌트이다. 페이지 전환을 통해 새로고침하지 않고 애플리케이션을 그대로 유지한다. HTML 5 History API 를 이용해 페이지의 주소만 변경한다. import ReactDOM from 'react-dom'; ReactDOM으로 렌더를 시키면 컴포넌트는 태그로 바뀐다. 와 차이 a 태그 : 페이지를 이동시킬 때, 페이지를 새로 불러온다. 상태값이 유지되지 못하고 속도 저하된다. Link 컴포넌트 : HTML5 Histyro API를 사용하여 브라우저의 주소만 바꿀 뿐, 페이지를 새로 불러오진 .. 2021. 11. 10. 이전 1 다음 반응형
