1210~1212 : 모듈화 1213~1218 : 메인 페이지 마크업, JavaScript 1219~1220 : JavaScript 못 붙인 것, 미디어쿼리 (4단계) 1. 사이트 분석 마크업을 하기 전에 간단하게 사이트를 분석해 보았다. 사이트가 너무 길어서 안의

1108~1128 팀원들과 클론 스터디를 진행하기로 해서, MDN 메인 페이지를 클론해보기로 했다. BEM 방식을 사용했더니 이름 짓는데 마크업보다 더 많은 시간이 걸렸다. BEM 예시 프로젝트 와 여러 자료들, BEM을 썼다는 LinkedIn, BBC 등을 한번

어제의 bootstrap에 이어 Tailwind로 UI를 작성해보는 실습을 했다. (자동화순) bootstrap, tailwindcss, tachyons 많이 사용 부트스트랩 + php + mysql부트스트랩 + 워드프레스부트스트랩 + Django부트스트랩 + Nod

1. Vending Machine CSS 통일성 있게 작성하자. float로 줬다면 float로! line-height로 중앙 정렬 했다면 계속 line-height로. media query : 나는 귀찮아서 주어진 디자인 크기에서만 잘 동작하게 맞추었는데 세분화

1. Animation 문자열을 글자별로 자른 뒤 입체적으로 돌리는 애니메이션을 구현해 보았다. 문자열을 자르기 위해 가져온 라이브러리 근데 단어별이 아니라 글자별이라서 조금 아쉬웠다. js 코드를 바꿔보려고 했지만... 봐도 잘 모르겠어서..... --으로 숫자

조코딩 님의 수업을 듣는 날이었다. 1. 쿨jjin 테스트 마크업을 잡고, 부트스트랩을 이용했다. 부트스트랩은 클래스를 미리 만들어둬서 웹을 만들기 편하게 해주는 프레임워크인데, 디자인이 나온 페이지가 아닐 때 사용하기 엄청 편할 것 같다!! > 꿀팁✨ > J

1112 1. 1만 시간의 법칙 어제 진행한 수업에서 @media 를 이용해서 모바일 사이즈에 맞춘 화면 구현을 못하고 끝내서, 해당 부분부터 진행했다. 코드 리뷰와 코드에 관련된 내용은 #10에 전부 정리해 두었다.

1111 @media query 복습, 프로젝트 실습

1. Coding Convention 2. 라이캣 그리기 - Animation 카드 뒤집기 3. Media Query 4. 1만 시간의 법칙 웹페이지 제작 - Media Query 5. 느낀점 모바일을 우선적으로 설계한다는게 충격적이었다. 지금까지 경험상