태그의 용도와 웹 표준에 맞게 작성하고, HTML과 CSS의 중요성을 알기 때문에 웹을 처음부터 똑바로, 제대로 만들기 위해서 HTML을 깊게 복습하고 있습니다.의미가 같기때문에 아무거나 사용해도 됨em: strong: a태그: 다른 곳으로 이동하기 위한 태그attri

현재 리액트를 공부하면서 자바스크립트도 더 깊게 공부하고 있는 중이다.리액트를 이용하면 html의 기본적인 코드를 하드코딩하지 않아도 되지만, 기본적인 것은 만들 수 있어야 되기 때문에 자바스크립트와 html 구조를 짜는것에 많은 시간을 투자하고 있는중이다.💻 실력있

메뉴에 마우스가 올라갔을 때 border와 background-color를 변하도록 지정했더니, 기존 사이즈에서 border가 적용되어서 사이즈가 바뀌면서 메뉴들이 움직이는 에러를 발견했다.평소에는 border: transparent;를 주고,마우스 hover일 때는

우선 화면에서 스크롤을 할 때 그 화면의 높이가 홈 화면의 높이를 넘어가게 되면, 이벤트를 적용할 버튼을 보이게 하고, 스크롤 이벤트를 적용하는 코드를 작성했다.그런데, 우선 화면 영역에 따라 버튼을 보이고, 감추는 것은 잘 적용되었으나,스크롤 이벤트를 따로 정의해 놓

웹 페이지의 메뉴를 빼면 제일 상단을 home부분으로 만들어 놓았다.우선 Element.getBoundingClientRect()를 이용해서 home영역의 크기를 구하기또 window.scrollY의 값을 구해서 위에서 구한 home 영역을 이용해서 이벤트를 걸기hom

menu 구현하기 화면에서 스크롤을 하면, 보통 화면 상단에 위치한 메뉴가 사라질까? 사라지게 구현한다면, 스크롤 시 메뉴를 사라지게 했다가 마우스를 화면의 상단으로 가져가면, 메뉴가 나타나도록 구현할 수 있을 것이다. 이번에 구현하려고하는 기능은 메뉴가 상단에

css에서 background 속성을 사용해서 url로 해당 경로의 이미지를 지정해 준 후 이미지를 반복하지 않으려고 no-repeat를 추가적으로 설정해주었는데 또 하나가 생각대로 잘 되지 않았다.이미지가 반복되지 않는 것은 잘 적용되었지만, 화면크기를 키우고 줄일

nav 태그를 사용해서 ul태그 밑에 li들을 만들어서 메뉴를 구현하려고 코드를 작성하였다.css에서 해당 li태그에 마우스를 올렸을 때 동작을 어떻게 구현할 까 생각했다.사용자에게 클릭이 가능하다는 것을 알려주기 위해 cursor: pointer 를 주었다. hove

기존에는 데이터를 보여주기 위해 html 파일에다가 태그로 값을 하드코딩 해놨었다.js파일에 각각 객체들에 이름, 작성일, 글 내용을 담아놓은 배열을 가지고,반복문을 사용하여 화면에 데이터들을 출력할 것이다.입력받은 배열 안의 데이터들을 하나씩 뿌리는 작업을 한다.데이

DOM은 HTML을 구조적으로 접근한다.그렇기때문에 DOM은 HTML을 단순한 문서에서 그치지 않고, 웹 앱으로 작동할 수 있게 만들어 주는 핵심 키가 된다.브라우저의 환경에서 DOM은 자바스크립트를 이용해서 조작할 수 있다.예를 들어서 기존에 존재하는 element에

웹 앱 구현하기 > mock up > >

태그를 사용해서 페이지를 만들면, 브라우저 상에서 웹페이지에 태그들에 맞게 내용을 표시해준다.HTML은 브라우저에서 실행 가능한 가장 기본적인 실행 파일이다.HTML은 markup언어로 구조적으로 태그들을 이용해서 보여진다.HTML 상위 태그 안에는 head, body

HTMLCollection id 속성을 활용해서 태그 선택하기 > getElementById( ) id를 이용해서 태그를 선택할 때 존재하는 태그를 가져오면 태그 전체의 값을 받아올 수 있다. > id를 이용해서 태그를 선택할 때 존재하지 않는 태그를 가져오면 nul

Anchor >웹페이지에서 특정한 위치로 이동할 때 쓰이는 태그를 Anchor 태그라고 한다. Anchor태그는 현재 위치에서 다른 맥락, 위치로 이동할 때 쓰인다. > ``를 사용해서 여러가지 동작을 제어할 수 있다. > a태그에는 attribute, 속성을 추가해서

Heading >각 글에는 제목이 있고, 중요도에 따라 글씨의 크기가 달라진다. > Heading tag에는 6가지의 크기가 있다. h1 태그입니다. h2 태그입니다. h3 태그입니다. h4 태그입니다. h5 태그입니다. h6 태그입니다. Paragraph >문단,

DOM을 다루기 전에 기본적으로 태그를 선택해오는 방법이 중요하다고 생각한다. 오늘은 HTMLCollection에 대해서 자세히 공부해 볼것이다.javascript에서 태그를 선택하는 방법에는 여러가지가 있다.그중 먼저 id로 태그를 선택하는 법과 class로 태그를

navigation을 고정시키는 너무너무 간단한 방법을 알아냈다. 바로 sticky! 이름에서부터 원하는 자리에 딱 고정시켜놓을 수 있을 것 같다. 맨 위에 스크롤을 놨을 때의 모습이고, navigation 부분을 sticky를 줘서 화면 top에 고정시켜 놓아볼