개발일지(21.9.6~

21.9.6 월요일 😁

-오늘은 아침부터 객체 코플릿을 풀었다. 음.. 저번에 개념을 잘 다져 놨다고 생각했었는데 막상 문제를 푸니 헷갈리는 부분이 꽤 있었다. 특히 for in을 사용할 때 key값만이 변수 선언이 된다는 점. value값을 알고 싶다면 key값을 이용하여 나타내야 한다는 점을 꼭 기억하자! 

 

21.9.7 화요일 🙂

- 오늘은 css셀렉터 규칙, 그리고 flexbox를 중점적으로 배웠다. css는 왜 이렇게 헷갈리는 것일까?  내용을 이해하기에는 그리 어렵진 않았지만, 한 번에 많은 정보가 들어와서인지 뒤돌아서면 까먹고 헷갈리기 일수이다. 

- 오늘 처음 FIgma라는걸  사용해 목업(실물 크기의 모형)을 만들어보았다. 대략적인 박스 모습만 구현하면 되지 생각하고 오른쪽 트위틀러의 모습을 왼쪽 모습으로 목업 한 건데.. 아무래도 이렇게 만들면 나중에 취직해서 욕먹겠다 싶다. 피그마 사용법을 좀 익혀서 다음엔 좀 알아보게 만들어봐야겠다 ㅎㅎ..  

html과 css로 구현된 twittler목업

내가 만든 트위틀러. 저번 달에도 만들었었는데, 전과는 다른 html, css코드를 짜 봤다.  특히 css부분은 flex를 이용해 비율을 맞췄고(저번에는 float : rigtht 사용) hover도 추가해보았다. 근데.. 만들고 보니 저기 동그라미 부분( border-bottom의 길이)을 줄이고 싶은데.. 내 상식선에서는 안 줄여지는 게 당연한데 샘플트위틀러를  보면 줄여져 있고.. 뭘까... 음... 찾아보니 after라는 속성을 이용하면 된다 하던데 나는 안되더라. 일단은 내일 다시 시도해보자. 그건 그렇고 이제 화요일이라니ㅜㅜ 체감상 목요일인데..ㅠ