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

[Front-end🦁] #13 Grid Project

1. Grid 1-1. 복습, holy grail layout grid 에 대해 간단하게 복습하고 어제 만든 holy grail layout 도 flex 대신 grid를 사용해서 다시 만들어 보았다. 001~003.html 1-2. grid + animation

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

[Front-end🦁] #12 Flex Project

1. 복습 1-1. font 보통 ttf 파일로 적용한다. 웹폰트로도 많이 사용한다. 웹폰트 불러올 때 깜빡임 방지 1-2. flex 복습 기본 속성들에 대해서 복습했다. #6-2 margin-right: auto; 로 잡으면 간격을 자동으로 잡아준다.

2021년 11월 15일
·
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개의 댓글
·
post-thumbnail

[Front-end] #7.5 tablet layout / 반응형 web

#6.5-1 에 한번에 쓰려고 했는데 생각보다 스마트폰 레이아웃 구현에서 새로 알게된 내용이 많아서 글이 너무 길어져서 태블릿 클론으로 분리하고, 프로젝트 하나인 반응형 웹까지 같이 담았다. 1. tablet layout 1-1. 태블릿 클론 1 1. header

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

[Front-end🦁] #7 CSS flex, grid / animation 맛보기

\[velog 가운데 영역이 돌아가는 효과가 나는 코드이다. 코드를 똑같이 가져가서 8개(li 요소 9개)로도 만들어보았다.소스코드(4개), 소스코드(8개)애니메이션을 위한 주요 코드만 정리했다.\[애니메이션 overflow가 height를 넘어서는 요소를 가려주는 효

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

[Front-end] #6.5 Web Clone, Font / Smartphone layout

인프런 HTML & CSS 15~16강에서 진행하는 실습을 강의 듣기 전에 직접 해보았다.소스코드최상단 nav를 global navigation bar, menu1~8이 적힌 nav를 local navigation bar라고 부른다.버튼 구현 시에는 anchor tag

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

[Front-end🦁] #6-1 CSS float, 네이버 로그인 섹션 클론 코딩

1. float 복습 + 추가설명 [#6] 2. 네이버 로그인 창 클론코딩 3. 주의사항 안 넣어도 동작하는 width 같은 불필요한 코드는 꼭 빼자. 재사용성 : nth-child 는 자식 요소가 추가되었을 때 처음의 n번째가 지금도 n번째에 있지 않을 수 있

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

[Front-end] #5.5 yahoo clone (HTML, CSS)

인프런 비밀번호 분명 저번주에 못찾아서 바꿨는데, 또 로그인을 못했다... 알고보니 비밀번호가 12자 이상이었다. 원래 12자보다 짧게 써서 절대 그거일거라고 예상도 못했다. 저번주에 바꿔놓고 아무튼 성공적으로 찾았으니까 추가 강의 듣기 스타트! 1. 웹 페이지 개요

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

[Front-end🦁] #5 CSS 캐릭터 그리기

오늘도 CSS!! 1. animation sample code hover 로 구현된 animation 이 들어간 샘플 코드를 보면서 복습했다. 속성 선택자 우선순위 2. CSS #4-2 CSS 에 정리!

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