티스토리 뷰
오늘은 flex box에 대해서 배운 후
페어 프로그래밍을 통해서 계산기 목업을 만들었다.
기존 페어했던 분과 또 같이 페어를 하게되어서
신기하기도 했고 편했던 것 같다.
기존에는 기본적인 css 문법도 구글링을 하면서 찾아보았는데,
확실히 개념을 다지고 진행하니, 어떻게 box를 배치할지 감이 생겼다.
맥북에 있는 계산기를 똑같이 제작하기로 하였고,
디테일 한 요소(박스 둥글기, 버튼 간격)을 생각하면서 진행했다.
계산기 버튼을 제작하면서 줄이 맞지 않은 부분이 생겨,
페어분과 뭐 때문인지 계속 고민했다.
내린 결론은 border를 주면서 공간을 차지해, 약간의 오차가 생긴 것이다.
페어분이 outline 사용을 추천해 주셔서
outline으로 테두리를 주니, 공간 차지 없이 깔끔하게 표시되었다.
전체적인 목업은 완성되었고, 세부적인 부분은 월요일에 진행하기로 했다.
혼자였으면, 생각하기 어려웠던 부분을 페어 프로그래밍을 통해 많이 배웠다.
오늘 부족했던 부분들은 주말에도 연습해봐야겠다.
끝!
'코드스테이츠' 카테고리의 다른 글
TIL 22.12.26 (0) | 2022.12.26 |
---|---|
TIL 22.12.24 & 계산기 만들기(연습) (0) | 2022.12.24 |
TIL 22.12.22 (0) | 2022.12.22 |
TIL 22.12.21 (0) | 2022.12.21 |
TIL 22.12.20 (0) | 2022.12.20 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 프로젝트
- 스택오버플로우
- BFS
- 브루드포스
- 감정일기장
- SEB43기
- useContext
- React quill
- dfs
- SEB 43기
- dictionary
- 개인 프로젝트
- 기술면접
- 백준
- 회고
- seb
- Redux
- 프론트엔드
- 그리디 알고리즘
- SEB43
- 프로그래머스
- 인적성
- SEB 43
- 프리프로젝트
- 감정 일기장
- 코드스테이츠
- til
- 코테
- 다이나믹 프로그래밍
- Python
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함