Front-end Developer

항해99 사전준비기간에 공부한것을 가지고 웹사이트를 하나 만들어보려고 한다. 오늘은 일단 navigation bar만 만들었다. 원래는 부트스트랩에서 가져와도 되지만 flex box를 연습해보고 싶어서 직접 만들어 보았다. 생각보다 잘 만들어진것 같아서 기분이 좋다. 영상에는 나오지는 않지만 미디어쿼리를 사용해서 원래 화면이 클때는 메뉴가 위에 나열되게 만들어 놨다. Flex box nav_bar를 만들면서 CSS에서 flexbox를 제일 많이 사용한것 같다. navigation bar를 만들기 전에 flex box를 이해하기 위해서 Flexbox Froggy라는 게임을 하면 여러 flexbox properties들을 이해하고 공부했다. flexbox는 기본적으로 display : flex를 설정하고 여..

HTML & CSS를 더 공부할 겸 로그인 페이지를 만들어 봤습니다. 생각보다 간단해 보이는데도 잘 구현 되지 않아서 오래걸렸지만 중요한 개념들을 배울 수 있는 시간이였습니다. 새롭게 배운것들을 정리해보겠습니다. HTML Login 잘못된 아이디 비밀번호 입니다. 태그는 그 문서에 중요한 content를 특정시키기 위해 사용하는 태그이다. 다시말해서 태그처럼 content를 한 그룹으로 묶으는데, 그 content가 해당 페이지에서 제일 중심이 되는 내용이여야 한다. 태그는 그 페이지에 하나만 있어야하고 , , , , 태그들 child element로 들어가면 안된다. 처음에 login button을 태그를 이용해서 만들려고 했었는데 겉으로는 같게 만들 수 있겠지만 로그인 버튼의 기능을 생각했을 때 모든..

I. HTML 1. TAG(태그) - HTML을 지배하는 가장 중요한 문법은 '태그'이다. - 사용이 많이되는 태그일수록 중요하므로 많이 사용되는 태그들은 외워두는 것이 좋다. - https://advancedwebranking.com/html/ The average web page from top twenty Google results Apparently, an average web page uses thirty-two different element types: The thirty-two elements used on most pages, ordered by appearance frequency: www.advancedwebranking.com - 태그를 쓸 때는 Web에서 보여지는 image에만 집..