개발나라 스용공주

이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=MLjCVUspcDo&list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B&index=8  [ 박스 모델 ]박스 모델을 사용하여 해당 문자가 얼마만큼의 공간을 차지하고 있는지 확인할 수 있다.border-width : 선 두께border-color : 선 색상border-style : 선 모양아래 코드와 결과를 보면 태그는 화면 전체를 차지한다는 것을 확인할 수 있다.* 이렇게 화면 전체를 차지하는 것을 block level element이라고 부른다. Youtuber Youtube Contents   반면 아래 코드와 같이..

이번 글은 아래 강의를 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=8-rCMmamtDE&list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B&index=7  [ css 그룹화하기 ]아래 사진과 같이 두개의 부분에 빨간글씨를 적용하고 싶다면 아래 코드와 같이 하나하나 적용해줄 수도 있다.하지만 그렇게되면 같은 내용을 중복하여 작성해주고 있으므로 비효율적이다. Youtube Contents    그렇다면 아래 코드와 같이 클래스로 묶어서 안에 css를 작성하여 한번에 적용시킬 수 있다. Youtuber Youtube Contents Introducing ..

이번 강의는 아래 강의를 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=L41Zjl7XANI&list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B&index=4  [ 안에 css를 작성해줘야한다.html은 정보전달이라면 css는 디자인에만 집중된 언어이다.css를 통해 디자인을 하는 것이 html로 디자인하는 것보다 훨씬 효율적이다. 아래 코드를 보면 에 Youtuber Youtube Contents Introducing My Youtube Contents Vietnam Danang Vlog -> Link css는 이렇게 h1 즉, 제목을 나타내는 곳들은..

이번 글은 아래 강의를 바탕으로 작성하였습니다.(생활코딩)https://www.youtube.com/watch?v=7T7r_oSp0SE&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=24  [ 유튜브 동영상 바로가기 ]아래 사진과 같이 영상 실행버튼을 실행하면 별도의 창 생성 없이 해당 창에서 바로 실행되는 것을 만들어 볼 것이다.  먼저 유튜브에서 영상을 하나 선택한 뒤 '공유' 버튼을 누르면 아래와 같이 뜬다. 퍼가기를 누르면 아래 사진처럼 태그의 소스코드가 뜨게 된다.이 코드들을 복사해서 붙여넣어준다.  Youtuber Youtube Contents Introducing My Youtube Contents ..

이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=MN1g0490WAg&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=18    [ 웹페이지가 보여지는 과정의 이론 ] 우선 웹페이지를 만든 나, 그리고 그 페이지를 방문하려고 하는 방문자와 서비스 대신해서 제공해줄 호스팅 업체가 있다. 여기서 호스팅 업체는 GitHub와 같은 것을 말한다. 나는 아래 사진과 같이 index.html이라는 웹페이지를 만들었다.그리고 이 파일을 호스팅에 업로드하여 웹호스팅으로 업로드가 되어 웹호스팅에 설치된 웹서버가 활성화 된다.이후 내가 업로드한 index.html이라는 파일에 주소를 부여받게 된다. 이제 방문자가 ht..

깃허브란 ..?개발자들이 소스코드를 공유하여 협업하기 위한 사이트(웹 호스팅 기능을 가지고 있음) => 우리의 소스코드를 저장할 저장소를 만들어야한다.    [ 저장소 만들기 ]우선 저장소를 만들려면 아래 사진처럼 'New' 또는 '+'를 누른 뒤 'New repository'를 눌러준다.  아래 사진과 같이 저장소 이름과 저장소 외부 공개 여부 등을 설정한 뒤 Create Repository를 눌러 생성해준다.     [ 파일 저장소에 올리기 ]아래 사진과 같이 uploading an existing file을 눌러준다. 그리고 아래 사진의 동그라미 친 부분에 파일을 파일탐색기에서 드래그앤드롭하거나 choose your files를 눌러 파일을 찾아 업로드해준다. 나는 아래 사진과 같이 드래그앤드롭해주..

이 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=V3pkC1hE-as&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=14  [ 링크 걸기 ] : auchor, 배가 정박할 때 사용되는 닻 = 링크href : Hypertext의 'h'와 reference의 'ref'를 딴 것 Youtube Contents Introducing My Youtube This is my YOUTUBE CHANNEL 'THAPHA'! Your subscription will give me some energy!    [ 링크 이동 시 새탭 열기 ]태그 안에 hre..

이 글은 아래 강의를 바탕으로 작성하였습니다.(생활코딩)https://www.youtube.com/watch?v=sVt5nyz3Gdo&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=13   [ HTML 기본 구조 ]html은 기본적으로 아래와 같은 형태로 이루어져있다. [ 기본 구조의 태그 설명 ] * html의 모든 태그들은 Youtube Contents Introducing My Youtube This is my YOUTUBE CHANNEL 'THAPHA'! Your subscription will give me some energy!