VS CODE 링크부분 div 입니다. 안녕하세요 가상 선택자 ( pseudo selector ) href에 #을 넣으면 링크는 나오나 이동되지는 않는다. a에 대한 hover로 컬러와 백그라운드 컬러를 지정해서 마우스를 갖다 대면 바뀌게 된다. div에도 hover를 적용시켰다. div p에 대해 display를 none으로 설정해 기본으로는 나오지 않지만 div : hover p 에 대해 display를 block으로 설정했기 때문에 마우스를 대면 바로 나오게 된다.
h2 요소 p 태그 요소입니다 div 안에 있는 p태그1 div 안에 있는 p태그2 div 안의 section 안의 p태그 1. 자손선택자 div p : div 안에 소속된 모든 p의 태그를 선택한다. ( 자손선택자, descendant selector ) 2. 자식선택자 div > p : div에 바로 안에 소속된 p 태그를 선택한다 ( 자식선택자, child selector ) 3. 인접형제선택자 div + p : div 바로 다음에 오는 p태그를 선택한다 ( 인접형제선택자, adjacent sibling selector ) 4. 형제선택자 div ~ p : div 다음에 오는 모든 p태그를 선택한다 ( 형제선택자, sibling selector ) 5. class에도 적용하기 h2 요소 p태그 요소..
1. 각 태그마다 출력되는 것 확인하기 hello 2. 링크 만들기 및 사진 첨부 vscode에서는 자동완성을 제공한다. ! 엔터 시 자동완성이 된다. link 문구는 구글 폰트를 사용한 것이다. style에서 div , p 문구는 font - family : 'Nanum brush Script", cursive 문구를 사용한다는 것이다. 타이틀 안 문구는 제목이라고 보면 된다. 이 선언의 어떠한 규정도 어떤 국가, 집단 또는 개인에게 이 선언에 규정된 어떠한 권리와 자유를 파괴하기 위한 활동에 가담하거나 또는 행위를 할 수 있는 권리가 있는 것으로 해석되어서는 아니된다. 모든 인류 구성원의 천부의 존엄성과 동등하고 양도할 수 없는 권리를 인정하는 것이 세계의 자유, 정의 및 평화의 기초이며, 인권에 대..
1. 프론트엔드 ( FrontEnd ) a. 화면을 담당한다고 볼 수 있다. b. UI(User Interface), GUI(Graphical User Interface) c. 프론트엔드 개발자 Javascript를 얼마나 잘 다루느냐에 따라 다르다. react, vue에 대해서도 d. 웹 디자이너 e. 웹 퍼블리셔 1. 프론트 구성 요소 1. HTML(Hyper Text Markup Language) 화면의 구조를 정의 수많은 태그, 속성, 속성값 등으로 구조 세부내용을 정의함 화면에 표현되는 내용, 이미지 등을 표현 2. CSS(Cascading Style Sheets) 화면의 레이아웃, 디자인 등을 담당 3. Javascript 화면의 동적 기능을 담당 팝업, 입력여부검사, 버튼 등을 클릭했을 때 ..
1. Visual Studio Code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 다운로드를 하면 된다. 2. 각종 익스텐션 설치 매번 개발하는 컴퓨터, 노트북, 개발 환경이 바뀌기 때..
