-
[React MUI 5] 인스타그램 클론코딩 - Feed Layout 구성
결과물 구현 1. src/components 폴더 아래에 Feed.js, Stories.js, MiniProfile.js 추가 import Box from '@mui/material/Box'; import MiniProfile from './MiniProfile'; import Stories from './Stories'; function Feed() { return ( {/* posts */} {/* sugestions */} ); } export default Feed; 2. Feed.js의 main 컴포넌트에 display: grid 및 grid-template-columns 설정 function Feed() { return ( ...... ) } 3. 왼쪽 Stories가 포함된 section은 ..
-
codeload github 주소 의미 해석
예시 명령어 curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/nextjs-with-typescript codeload.github.com github 파일 다운로드 및 보관을 위한 캐싱 목적의 subdomain mui github 계정 소유자 id (owner) material-ui 해당 계정의 repository 이름 (repo) tar.gz 다운로드 받을 압축파일 형식 (tar, zip 등) master branch 이름 ( 주로 main, master ) tar 관련 명령어 -xz x는 압축해제, z는 gzip 사용 —strip=2 상위 2개의 경로를..
-
firebase algolia extension 설정 (Algolia API Key)
firebase extension으로 algolia 사용하려는데 Aloglia API Key 부분에서 막혀서 삽질의 기록을 남김 1. Algolia에 로그인 후 왼쪽 하단 Settings를 클릭 2. API Keys 클릭 3. All API Keys 탭에서 New API Key 버튼 클릭 4. 여러 정보들을 입력 후 가장 아래 ACL 에서 addObject, deleteObject, listIndexes, deleteIndex, editSettings, settings 추가 후 Create 버튼 클릭 5. 생성된 API 키를 복사해서 firebase extension Search with Algolia에서 사용 - 끝 -