반응형 네비게이션바 만들기

ul로 리스트를 만듭니다. li안에 ul를 넣어서 멀티 레벨의 리스트 구조를 만듭니다. *를 사용하고 box-sizing을 border-box로 정합니다. padding과 margin을 0으로 정합니다.  li의 들여쓰기가 없도록 합니다. nav의 배경색깔을 입력해서 잘 구분할 수 있도록 합니다. list-style-type을 none을 정합니다. .item:not(클래스이름)을 사용해서 코딩합니다. 특정 클래스를 제외한 것에 css 코딩을 합니다.  메뉴의 display를 flex로 합니다. flex-wrap을 wrap으로 정합니다. 그러면 넘치는 부분은 아래로 내려갑니다. justify-content를 space-between으로 정합니다. 사이 간격을 둡니다. align-items를 center로 정해서 가운데 정렬을 합니다.  a태그의 display를 block으로 정합니다. order를 사용해서 위치를 바꿀 수 있습니다.  메뉴의 width를 100%로 하면 꽉 차게 됩니다.  우선 display를 none으로 해서 보이지 않게 합니다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

11ty로 jamstack 만들기

11ty는 자바스크립트 라이브러리입니다. 11ty를 사용해서 jamstack 방식으로  웹사이트를 만들 수 있습니다. 먼저 npm init으로 프로젝트를 시작합니다. npm init으로 package.json 파일을 만들고 여러 설정을 합니다. npm install -g @11ty/eleventy로 11ty 모듈을 설치합니다. 글로벌로 설치하면 다른 프로젝트 만들 때 다시 설치하지 않아도 됩니다. npx @11ty/eleventy --serve를 하면 파일을 설치하면서 빌드해줍니다. package.json의 scripts에 명령어를 입력합니다. "build" : "eleventy"는 실제 파일로 빌드를 해줍니다. "start": "eleventy --serve"는 서버를 열어서 로컬호스트에서 확인할 수 있게 해줍니다. npm start 명령어를 실행했을 때 http://localhost:8080 이 서버 경로입니다. bitnami를 설치했다면 경로가 같아서 파일을 확인할 수 없다. 이럴 때는 bitnami에서 서버와 데이터베이스를 정지합니다. 11ty 용어를 정리하겠습니다. 먼저 collections입니다. collections은 템플릿 콘텐츠의 집합입니다. 한 템플릿이 여러 collections에 속할 수 있습니다. collections를 사용해서 템플릿을 구분합니다. tags를 사용해서 collections를 만들 수 있습니다. collections.태그이름으로 사용합니다. collections.all는 모든 템플릿(글)을 말합니다.  11ty의 여러 설정은 .eleventy.js을 만들어서 설정합니다. root 폴더에 만듭니다. module.exports로 함수를 내보냅니다. module.exports = function(config){}와 같이 함수를 내보냅니다. 여러 설정된 객체를 return 해줍니다. return {} 안에 여러 설정 객체를 넣습니다. return {} 안에 d...
자세한 내용 보기

고조선 삼국시대 발해 역사 알아보기

청동기 시대 이후 한반도와 주변 지역에서 권력을 가진 사람들이 나타나 다른 사람들을 지배하기 시작했습니다. 청동기는 구리와 주석을 섞어서 만든 도구를 사용하던 시대입니다. 청동기 시대에는 가장 힘이 센 세력이 주변 세력들을 하나로 모았습니다. 이런 과정에서 우리 역사 속 최초의 국가인 고조선이 등장했습니다. 고조선 이후에 여러 나라가 등장하고 사라졌습니다. 여러 나라들은 주변의 다른 세력들과 교류하거나 경쟁하면서 각자 고유의 문화를 만들었습니다. 고조선에는 법 조항 8개가 있었는데 현재는 3개만 전해지고 있습니다. 고조선법 : 사람을 죽인 사람은 사형에 처한다. 고조선법 : 남에게 상해를 입힌 사람은 곡식으로 갚는다. 고조선법 : 남의 물건을 훔친 사람은 데려다 노비로 삼으며 죄를 면하려면 50만 전을 내야 한다. 고조선은 우수한 청동기 문화를 바탕으로 다른 부족을 정복하거나 통합하면서 세력을 확장했습니다. 고조선은 자신만의 독특한 문화를 발전시켰습니다. 미송리식 토기, 비파형 동검, 탁자식 고인돌이 고조선을 대표하는 문화유산입니다. 이 유물들의 분포 지역으로 고조선의 문화 범위를 짐작할 수 있다. 한의 침입으로 고조선이 멸망했습니다. 한은 기원전 202년에 중국에 세워진 나라입니다. 고조선이 멸망한 뒤에 고구려, 백제, 신라 등 여러 국가가 등장했습니다. 백제는 고구려의 왕자인 온조가 고구려에서 내려와 한강 지역에 세운 나라입니다.  삼국 중에 가장 먼저 전성기가 온 나라는 백제입니다. 전성기는 어느 집단의 힘이 가장 강하던 시기입니다. 백제의 근초고왕은 남쪽 지역으로 영토를 넓히고 고구려를 공격해 북쪽으로 진출했습니다. 고구려는 주몽이 부여를 떠나 졸본에 세운 나라입니다. 부여는 기원전 2세기경부터 494년까지 북만주 지역에 있었던 나라입니다. 고구려는 국내성으로 수도를 옮기고 꾸준히 정복 활동을 벌여서 5세기에 전성기가 왔습니다. 고구려의 광개토대왕은 서쪽으로는 요동 지역을 차지하고 남쪽으로는 백제의 영역이었던 한강 지역으로 세력을 확장했습니다. ...
자세한 내용 보기