코딩헤딩

늦었지만 약 3일동안 만들었던 최종 완성본이다. 팀원 4명과 함께 코딩을 배운지 1달도 안지나서 첫 프로젝트였기에 많이 부족하지만 , 이번 프로젝트에서 중앙 하단 모두확인 했다는 안내와 좌우 사이드 메뉴바를 만들고 기능을 넣는 작업을 하며 프론트 기술 특히 css 미디어쿼리 각종 html 태그들을 사용이 조금 더 수월해진거같다. 이번에는 원본과 최대한 똑같이 만들어가는 작업에 집중을 했다면 다음 프로젝트에서는 나만의 창의성이 담긴 완성물을 만들어 보고싶다.

인스타그램 클론 프로젝트 2일차. 어제에 이어 사이드메뉴를 만들고 있다. 조금 계획이 변경되어 왼쪽과 오른쪽의 사이드 메뉴로 나누게 되었다. 먼저 왼쪽 HTML 코드 홈 검색 탐색 탭 릴스 메시지 알림 만들기 프로필 왼쪽 CSS 코드 .left_menu { margin-top: 0px; margin-bottom: 0%; } #left_menu { list-style-type: none; margin-top: 0%; margin-bottom: 0%; padding: 0; width: 290px; background-color: #ffffff; position: fixed; height: 110%; overflow: initial; border-top: 1px solid lightgray; border-ri..

인스타그램 클론 프로젝트 1일차. 사이드메뉴를 만들고 있다. 아직 미완성이지만 대략적인 틀이 잡혔다. 먼저 HTML 코드 홈 검색 탐색 탭 릴스 메시지 알림 만들기 프로필 더보기 아이콘과 글씨를 함께넣었다. 다음으로 CSS코드 CSS코드는 아직 미완성이지만 마우스가 올라갔을때 효과로 일단은 배경색이 바뀌게 했지만 글씨 크기를 조절할 계획이다.