스프린트 회고 시간 첫번째😭
flex
개행 : flex-wrap:wrap;
br
로 개행하면 웹 접근성 면에서 좋지 않다.간격 무시하고 가운데로 모으고 싶을 때 : align-content: center;
간격 유지하고 가운데로 모으고 싶을 때 : align-items: center;
flex-basis
자식요소에 사용한다.
메인축의 방향으로 높이의 넓이를 정한다.
이게 있으면
width, height
가 무시된다.
flex-grow
flex-shrink
flex: flex-grow, flex-shrink, flex-basis
는 축약해서 쓸 수 있다.
flex :1;
= /* flex-grow:1; flex-shrink:1; flex-basis:0; */
flex :1 1 300px;
= /* flex-grow:1; flex-shrink:1; flex-basis:300px; */
flex 연습에 좋은 사이트
개구리 게임: https://flexboxfroggy.com/#ko
grid
열이 세개가 있는데 각각의 넓이가 동일하다.
grid-template-columns: 1fr 1fr 1fr;
= grid-template-columns: repeat(3, 1fr);
칸 병합
아래 세개의 내용은 동일하다.
grid-column-start: 1;
grid-column-end: 3;
grid-column: 1/3 ;
grid-column : 1 / span 2;
과제 중에 flex로 하면 밑에 부분이 정렬이 어려워 보일 부분이 있었는데, grid를 쓰면 해결할 수 있을 것 같다. 한참 고민하고 있었는데!
수업을 듣다보면 전날 안 풀리던 문제가 수업 중에 해결될 때가 있다. 매일매일이 새롭다보니 생기는 일인 것 같다..!
수업 중에 웹 접근성에 대한 이야기가 많이 나온다. 나도 예전에 유니버셜 디자인에 대한 고민을 하면서 활동한 적이 있어서 더 고민하게 된다. 웹 부분에 있어서는 전혀 생각하지 못했던 부분이어서 더 그런 것 같다. 이 부분은 좀더 공부해보고 싶다.💪💪💪
고칠점
어려워지거나 수업 내용이 빨라지면 정신을 놓으려고 하는 경향이 있다. 선생님이 나중에 공유해줄 코드에 의지하지 말고, 열심히 부지런히 쳐보자! 내가 쳐보는 것만이 나의 코드가 될 것이라고 믿자!(실제로도 그렇겠지만!)🤸♀️🤸♀️🤸♀️🤸♀️
도움을 청하지 않으려고 한다. 최대한 나 혼자 해결하려고 머리를 싸매고 있는다. 이게 도움이 되기도 하겠지만, 함께 나누면 금방 해결되고, 배울만한 것도 그렇게 하려는 것 같다. 주변의 인프라를 잘 활용할 줄 알아야겠다.🤝
지난 주에 팀원들과 함께 고민해서 짜본 액션플랜에 대한 회고 첫번째 시간이었다.
반성의 시간이었다. 어쩌자고 그렇게 무리한 계획을 세웠는지😭
하지만 직접 해보고 이렇게 한 주만에 회고하고 수정할 수 있어서 너무 좋았다..
내심 심적으로 많이 부담스러웠고, 스트레스를 받고 있었다.
팀원들과 나름의 한 주간의 고충을 얘기하며, 서로 공감해주니 힘이 정말 많이 났다..
함께 공부하고, 같은 것을 공유하는 사람들이 있다는게 정말 감사한 일이다.👍👍👍
지난 주와 비슷하지만, 살짝 더 현실적으로 가능할 법하게 바꿔보았다.
이렇게 차근차근 조정하다보면, 계획을 잘 세우고, 지키는 법을 스스로 체득하게 되겠지?😁😆🥰
한 주 피드백(11월 13-14일):