Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- FIGMA
- 코딩테스트
- 자료구조
- github
- Babel
- TAILWIND
- Taillwind
- useMemo
- Next.js
- 프로그래머스
- react
- CSS
- HTML
- SSR
- FigJam
- Stack
- docker
- hook
- TypeScript
- express
- render
- axios
- Javascript
- 피그마
- EC2
- git
- useCallback
- webpack
- 해시
- grid
Archives
- Today
- Total
목록2023/12/19 (2)
나는 오늘도 멋있다
login 화면 구현 - 프로젝트 15일차
프로젝트를 진행하는 텀이 길어지고있다... 다른 부트캠프를 시작했더니 준비할게 있다보니 늦었다. 이외에도 여러가지가 있었지만 핑계.. ? 여전히 Tailwind는 적응 되지않는다. 있는 그대로를 사용해야하는데 적시모드를 사용하다보니 Tailwind를 잘활용하지 못하는거 같아서 공식홈을 보고 css속성을 여러번 바꾸기도 했더. 이왕이면 존재하는 유틸리스 클래스를 사용하기위해서... 또한 flexbox만 사용하다보니 간단한것도 코드가 길어지는 부분을 수정하고자 Grid를 공부하면서 적용해보는중이다. 좀더 분발하자
프로젝트/myAlbum
2023. 12. 19. 20:39
Grid
Container 속성 속성 의미 grid-template-columns 명시적으로 아이템들의 열(가로) 크기를 지정 grid-temaplte-rows 명시적으로 아이템들의 행(세로) 크기를 지정 gird-template 명시적 행(세로), 열(가로)의 단축속성 grid-auto-columns 암시적으로 아이템의 열(가로) 크기를 정의 grid-auto-rows 암시적으로 아이템의 행(세로) 크기를 정의 grid-template-areas 영역(Area)이름을 참조해 템플릿 생성 column-gap 아이템들 열(가로)셀 간격설정 row-gap 아이템들 행(세로)셀 간격설정 gap 열(가로), 행(세로) 셀간격의 단축속성 justify-items 아이템들의 가로방향 정렬 aligin-items 아이템들의 ..
Web/HTML&CSS
2023. 12. 19. 16:04