21.12.21 코코아톡
두번째 페이지. status-bar는 어제 만든 부분을 똑같이 복붙하면 끝 근데 옆에 빨간색 부분을 보면 모든 화면에서 저만큼 떨어져 있다. 저 간격을 variable로 만들어서 똑같은 크기를 지속해서 사용하기 쉽도록 해주면 좋다. 가운데에 있는 메인부분을 보면 사진과 이름나오는 틀이 뒤에서도 계속 사용된다. 그래서 이것을 component로 만들어 놓는 것이 편하다. 사진의 크기가 다르지만 이건 나중에 조절하면 된다. 마찬가지로 div로 박스를 나눌때 헷갈리지 않게 class이름을 명확하게 잘 짓는게 중요하다. 박스 잘 나누고 나면 뭐.. 별거없다. 그냥 사진 넣고 text넣고 크기 색깔 위치 조절하면 끝 하다보면 div들과의 관계랑 class이름이 진짜 헷갈리는데 그것을 놓치지 않고 집중하면 크게 어..
21.12.20 코코아톡
1. reset 아무런 css설정을 안해도 브라우저에서 기본적으로 제공되는 margin같은것들이 있는데 이것이 브라우저마다 또 다 다르다고 한다. 그래서 완전히 리셋 하고 처음부터 css를 만드는게 더 좋은거라고 함 코코아톡 클론코딩을 하면서 적용했던 리셋은 Eric Meyer 라는 분이 만든 Reset css 이다. https://cssdeck.com/blog/scripts/eric-meyer-reset-css/ Eric Meyer’s “Reset CSS” 2.0 | CSS Reset One of the pioneers of the method, Eric Meyer's CSS Reset is still in use on millions of websites today. Find it and others..