일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- SSR
- Jest
- webpack
- autosize
- useAppDispatch
- dfs
- 태그된 유니온
- map
- 인터섹션
- ESlint
- RTK Query
- 무한 스크롤
- 공변성
- TS
- app router
- Cypress
- tailwind
- React
- async/await
- 투포인터
- 반공변성
- CORS
- Promise
- 리터럴 타입
- 타입 좁히기
- 결정 알고리즘
- CI/CD
- recoil
- 이분 검색
- 호이스팅
- Today
- Total
목록노마드 코더/코코아톡 클론코딩 (14)
짧은코딩
Git git은 파일의 변경 내역을 계속해서 추적해주는 version control system이다. Github github은 파일 내역과 파일들을 올려주는 공간이다. commit은 기본적으로 시점이다. history에 들어가 보면 빨간색과 초록색이 나오는데 빨간색은 이전 코드이고 초록색은 변경된 코드이다. => 변경 사항을 쉽게 알 수 있다. Repository 1. 깃허브 홈페이지에서 repositroy를 만든다. 2. 깃허브 데스크탑에 가서 Clone a Tutorial Repository를 누르고 Local Path 경로를 설정하고 Clone한다. 3. 설정한 경로에 파일이 만들어져 있다. 4. vsc로 파일을 열고 README.md를 만들어 준다. README 파일은 모든 git reposit..
Transition Transition은 어떤 상태에서 다른 상태로의 변화를 애니메이션으로 만드는 방법이다. Go home transition는 state가 없는 곳에 써야한다. 그리고 여러 가지 속성을 넣을 수 있지만 그냥 a와 a:hover에서 다르게 설정한 color, background-color, border-radius만 서서히 움직일 수 있도록 해준다. 그리고 몇 초 동안 변할 것인지 시간을 써줄 수 있다. transition: all 5s ease-in-out; 혹은 all로 쓰면 a와 a:hover과 다른 요소를 모두 변하게 해줄 수 있다. -ease-in function 브라우저에게 애니메이션이 어떻게 변할지 말해주는 것이다. https://matthewlein.com/tools/cea..
box -block과 inline block: 옆에 다른 요소가 못 오는 것 inline: 같은 줄에 위치할 수 있다. block은 높이와 너비가 있다. inline은 높이와 너비를 가질 수 없다. => inline은 박스가 아니다. -margin, border, padding 박스의 3가지 특징은 margin, border, padding을 가진다. margin: border의 바깥에 있는 공간 쉽게 사용하는 방법 margin-top: 1; margin-right: 2; margin-bottom: 3; margin-left: 4; margin: 1 2 3 4; 2개로 주면 margin: 20px 15px; 위, 아래는 20px, 왼쪽, 오른쪽은 15px이다. -collapsing margins 이렇게 ..
-태그 참고 사이트 https://developer.mozilla.org/ko/docs/Web/HTML/Element HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN 이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다. developer.mozilla.org -meta 구글에 넷플릭스를 검색하면 이렇게 나온다. 구글이 사이트에서 titel과 description을 가져오는 것이다. meta는 부가적인 정보라는 뜻이다. meta 태그는 두개의 attribute를 갖고 있다. content, name을 가지고 있다. UTF-8이 없으면 사이트 글자가 깨져보일 것이다. -lang 이것을 넣는 이유는 구글, 네이버 같은 검색 엔진들에 도움..