CoffeePang - 4

서론

적어도 내가 프론트를 개발한다고 하면 UI정도는 이쁘게는 아니더라도 원하는대로는 만들 수 있다는 자신감이 있어야 된다고 생각을 한다. 하지만 나는 css도 제대로 못 다루기 때문에 항상 bootstrap을 간략하게 썼었지만 이번기회에 제대로 배우기도 하고 자신감도 가져 볼 겸 해서 제대로 한번 만들어 보기로 하였다. 사용할 것은 Material-UI 이고 이것을 토대로 내가 원하는 것을 만들어 보기로 하였다.

시작

시작은 간략하게 여기서부터 시작을 한다. css 적용이 되는지 확인을 해보기위해서 background를 yellow로 적용 시켜 보았고, 현재 기능은 a태그를 써서 만든 커피의 이름을 클릭 하였을 때, 입력한 곳으로 들어갈 수 있다. 일단 이것먼저 수정을 해보도록 하자!

간략하게 수정한 결과 5개씩 나열해서 이렇게 표현하게 되었다. 지금 현재 수정중인 에러는 새로고침시, css 적용이 안되는 것에 대해서 알아보고있다.