포스팅할 시간이 없어서 늦게 올리게 되었습니다,, 지난 포스팅을 보시면 이번 글을 읽는데 도움이 될 수 있습니다. 2022.11.15 - [[HTML]/[HTML]따라만들기] - [HTML] 넷플릭스 클론코딩 0 [HTML] 넷플릭스 클론코딩 0 안녕하세요, 인터넷 검색을 하다가 넷플릭스 클론코딩이라는 글과 영상을 접하게 되면서 영상을 보고 클론코딩을 하면서 모르는 태그나 css문법들을 적어가며 공부해보려 합니다. 혹시나 따라 dvlp-jun.tistory.com *배경 https://i.ibb.co/vXqDmnh/background.jpg *로고 https://i.ibb.co/r5krrdz/logo.png *추가사진 https://i.ibb.co/J2xDJV7/tab-content-1.png https..

안녕하세요, 인터넷 검색을 하다가 넷플릭스 클론코딩이라는 글과 영상을 접하게 되면서 영상을 보고 클론코딩을 하면서 모르는 태그나 css문법들을 적어가며 공부해보려 합니다. 혹시나 따라해보실 분들을 위해 링크와 자료 남겨두겠습니다. *배경 https://i.ibb.co/vXqDmnh/background.jpg *로고 https://i.ibb.co/r5krrdz/logo.png *추가사진 https://i.ibb.co/J2xDJV7/tab-content-1.png https://i.ibb.co/DpdN7Gn/tab-content-2-1.png https://i.ibb.co/R3r1SPX/tab-content-2-2.png https://i.ibb.co/gDhnwWn/tab-content-2-3.png *유튜..

이번 프로그래밍은 프로그래밍 실력향상을 위하여 시작하게 되었다. 많은 사람들이 이용하는 크롬의 첫 화면을 따라 만드려는 것인데 첫 화면은 아래 사진을 참고하면 된다. 각 기능(?)들에 대해 간략히 표시하자면 다음과 같다. 디자인적으로는 비슷하도록 꾸민 다음 해당 기능들 중 구현가능한 것들을 구현해 보고자 한다. 일단 시작 코드는 다음과 같다. 추가로, body의 div안에 로고와 검색기능, 바로가기 기능의 모양을 잡아줄 예정이다. ●텍스트 가운데 정렬 로고와 여러 메뉴들이 가운데로 모여 있으므로 우선 텍스트를 가운데 정렬시켜 주었다. Test #logo { justify-content: center; align-items: center; display: flex; height: 100vh; positio..