profile
0년차 iOS 개발자입니다.
post-thumbnail

[Front-end🐥] Adobe 메인 페이지 클론!

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

2021년 12월 22일
·
0개의 댓글
·
post-thumbnail

[Front-end🐥] MDN Clone

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

2021년 12월 20일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #18 Tailwind, Linux

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

2021년 11월 23일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #16 Vending Machine, Login Modal 마무리! / CSS 실전 팁

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

2021년 11월 19일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #15 벤딩머신 레이아웃 구현 프로젝트

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

2021년 11월 18일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #14 쿨찐 테스트🆒

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

2021년 11월 17일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #11 1만 시간의 법칙 + 반응형

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

2021년 11월 12일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #10 1만 시간의 법칙

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

2021년 11월 11일
·
0개의 댓글
·
post-thumbnail

[Front-end🦁] #9 Media Query (+ z-index, CSS stacking order)

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

2021년 11월 10일
·
0개의 댓글
·