오늘의 목표
-
알고리즘 문제풀기
-
프로젝트 UI틀 잡고 진행하기
알게된것
- 오늘 프로젝트를 진행중에 UI를 잡는도중 css를 와이어 프레임대로 할려고
살짝 고치는 와중에 우리는 tailwind를 사용하기로 해서 검색을 해서 사용하던중 알게되었는데
tailwind는 css를 내가 사용하고 싶은 태그에 직접 className을 명시해서
바로바로 적용을 할수있었는데.
처음에 내가 항상사용해 오던 margin이나 px지정하는 것 조차도 다른 부분이 있었다.
``
ex)
평소 Css에서는 height:100px,width:100px 이렇게 사용하던 부분을
tailwind에서는 h-[100px] , w-[100px] 이런식으로 사용을 해야됬었고
``
또한
``
ex)
margin 같은 경우에도 margin : 10px 이런식이아니라
기본마진은 m-4 margin-top은 mt-2 이런식으로 사용을 했었다.
또한 m-1 여기서 1당 4px을 자동으로 주는 방식을 사용한다.
``
같은 css를 하는거지만 정말 다른 스택을 사용하니 비슷한거 같지만 다른 느낌을 많이 받았고
프로젝트를 진행하면서 많이 검색하고 알아가야 될거같다는 생각을 했습니다.
느낀점
- 오늘 알고리즘문제도 풀고 프로젝트를 진행하면서 TypeScript도 공부를 더해나가면서해야되고
현재로써는 tailwind,subabase도 공부를 해나가면서 프로젝트를 진행해야되는데 정말
여러 가지 스택을 사용해보면서 처음 해보는걸 막상 해볼려고 하니 어려움이 많이있는거 같았다.
우선 subabase부터 공부를 하면서 하나하나 해결해 나가고 Typescript도 프로젝트를 진행하면서 개념을 많이 익혀야 겠다고 생각을 했습니다.
