노마드 웹기초 스터디 12일차

jungmin kim·2023년 4월 14일
0
post-thumbnail

오늘 배운 개념

css를 통해 가운데정렬을 할 수 있는 방법은 생각보다 다양한 것 같다.

margin-right: auto; 
margin-left: auto;

margin을 활용해서 각 요소의 간격을 조절하는 방법이 있다.

justify-content: flex-end

맨 마지막 요소를 가장 끝으로 보내고 싶을때 space-between외에 flex-end를 주면 된다.

border-top-left-radius
border-top-right-radius

border-radius에서 필요한 면만 둥글게 표현할때 쓸 수 있다!

flex-direction: row-reverse

작업하다가 가끔 각 요소의 위치를 서로 바꿔야할 때가 있을 것이다. 그때 활용하면 좋다.
단, children요소에서만 적용된다.

오늘 공부하면서 느낀 점

오늘까지인 2일짜리 코드챌린지는 어제 바로 끝냈다. 곧 코코아톡 졸업과제를 해야하는데, 주말에 다른 일정도 있기에 남은 강의도 바짝 듣고 어떤걸 클론코딩할지도 구상도 했다.
수업에 나온대로 카카오톡을 그대로 클론코딩해도 되지만, 이왕하는거 내가 클론해보고 싶은 앱으로 해보는게 더 좋을 것 같았다.
그러던 중, 코코아톡 챌린지 이전기수 수강생들의 작품을 보며 레퍼런스를 찾던 중, 디스코드 클론작품을 보았다. 그걸 보고 나도 생각하다가 최종적으로 '멜론' 앱을 클론하기로 결정했다!
내비게이션 바에 5개 탭이 있어서 그건 좀 고민이지만, 그래도 레이아웃 자체가 크게 복잡한 것은 없어서 해볼만할 것 같다. 요번 주말 코코아톡 졸업과제 화이팅!!

0개의 댓글