멋쟁이사자처럼 [Web] Day2. IP/Domain/URL/Port IP/Domain/URL의 기본 개념과 구조 🧬 IP란 컴퓨터 네트워크에서 장치들이 서로를 인식하고 통신을 하기 위해서 사용하는 특수한 번호이다. URL의 안에 포함되는 도메인(Domain)은 IP를 가지는 서버를 사용자가 쉽게 기억하고 찾을 수 있도록 만들어 주는 서비스이다. 컴퓨터와의 통신에서는 숫자로 이루어진 IP를 사용하기 때문에 변환을 시켜주는 도메인 네임 서버(DNS)라는 것이 필... 제주코딩베이스캠프web프론트엔드멋쟁이사자처럼htmlcsshtmlcss TIL5(CSS)-veamcamp특강 CSS는 디테일이 아니라, 큼지막한 전체 구조를 보는것이 중요하다! css 책 추천 : css설계가이드 CSS는 스마트한 노가다다! 상속 : 원래 상속이 지원되는 속성은 초기화 해줄때 Inherit 키워드 즐겨쓰장 상속이 지원안되면 Initial 하는것 block level element 가운데정렬 : type selector는 css에서 초기화 해줄 때에만 사용하자! Q. width 100... CSSveamcamp멋쟁이사자처럼프론트엔드스쿨2기TILCSS 멋쟁이사자처럼 Python Basic [5. 함수] 강의 함수란, 코드를 기능 단위로 묶어둔 것을 말합니다. 함수는 그 기능 자체가 함수의 존재목적이 됩니다. 이 함수의 기능이자 목적은 인자에 2를 곱해 돌려주는 것이라고 할 수 있습니다. 함수는 파이썬 뿐만 아니라 프로그래밍 자체에서 매우 중요한 역할을 합니다. 함수의 기능은 크게 두 가지로 나눌 수 있습니다. 같은 코드를 반복적으로 작성하지 않아도 됩니다. 각 과일마다 전용믹서기를 구매하지 않아... 파이썬python멋쟁이사자처럼파이썬기초python [HTML/CSS] Day3. Embedded Contents(1) "웹 접근성"이란 말그대로 "웹에 접근할 수 있는 것"을 말하는데 이는 비장애인은 웹에 접근하는데 문제가 없지만 "시각장애인"이나 "몸이 불편한 장애"인 같은 경우는 웹에 접근하는데 어려움을 겪을 수 있다. <img>태그는 반드시 src(source의 약자)와 alt라는 속성을 반드시 입력을 해야한다. 모든 이미지에 alt의 값이 들어있다면 스크린리더를 이용하는 장애인들은 혼란스러울 수 있다... 제주코딩베이스캠프멋쟁이사자처럼htmlcss프론트엔드htmlcss [HTML/CSS] Day1. 간단한 이력서 만들기 오늘은 OT와 기초적인 HTML/CSS를 배울 수 있는 코드라이언의 [일단 만드는 HTML/CSS]를 수강했다. 기초적인 HTML/CSS만 알면 스스로 만들 수 있는 것이라 바로 작성해보았다. HTML 문서의 기본 형태와 태그 ✏️ 기본적으로 HTML이 가지는 형태인데, 크게 <html> <head> <body> 태그로 나눌 수 있다. 최신 브라우저(크롬 등)에서는 <!DOCTYPE html... 코드라이언멋쟁이사자처럼htmlcss프론트엔드htmlcss 멋쟁이사자처럼 프론트엔드스쿨 TIL (0331)📖 git hub로 페이지 만들기. Github에서 제공하는 정적 웹사이트 호스팅 서비스인 Github pages 를 이용하면 간단하게 웹페이지를 생성할 수 있음. 같은 리포지토리 내의 하위 폴더 웹 페이지를 생성하고 싶다면, 주소창에 http://{계정명}.github.io/{폴더명}/{폴더명} 으로 주소를 입력! 내가 본 영화 리뷰 페이지 만들기 상대 경로는 현재 위치를 기준으로 하여 목적지... 멋쟁이사자처럼멋쟁이사자처럼 멋쟁이사자처럼 프론트엔드 스쿨 2기 3_Day 형상 관리 핵심툴인 Git과 GitHub. 1) git clone 2) git pull 3) git add 4) git commit 5) git push 1) git clone git clone <repository 주소> 2) git pull git pull은 다른 사람이 git push를 진행한 경우, 저장소에서 소스코드와 데이터들을 가져올 때 사용합니다. git pull <원격 저장소 ... 프론트엔드 스쿨githubCSS멋쟁이사자처럼htmlCSS 멋쟁이사자처럼 프론트엔드스쿨 2기 TIL (3월 29일) URL, IP, PORT 정리 HTML Living Standard란? HTML/CSS HTML의 정의 HTML(뼈대) + CSS(살) + JavaScript(근육) 2. URL, IP, PORT(과제 2) 프로토콜 종류, 자원이 있는 IP 주소, 도메인 주소, 포트 주소, 자원 위치로 구성되어 있어 3. HTML Living Standard(과제 1) XHTML과 HTML living st... LIKELION프론트엔드멋쟁이사자처럼프론트엔드스쿨2기TILhtmlLIKELION [HTML/CSS] Day5. CSS Basic 🌷 이러한 불편함을 없애기 위해 태그가 가지고 있는 브라우저별 기본값을 초기화 시켜주는 것이 "reset CSS를 설정한다." 라고 한다. 자세히 배경을 보면 바둑판식으로 배경 이미지가 반복되어 있는 것을 볼 수 있다. 물론 배경이 바둑판식으로 반복되어 적용이 되는 것은 background-repeat:no-repeat로 해결할 수 있으나 background-size:cover를 통해 문제를 바... 빔캠프제주코딩베이스캠프프론트엔드멋쟁이사자처럼htmlcsshtmlcss [CSS] ALL DAY CSS ✏️ css 순서 가이드 margin, padding initial, inherit, margin 0, padding 0 div 밖으로 생기는 여백은 기본 스타일 시트(user agent stylesheet)로 인해 body에 margin:8px 가 적용되어 있기 때문이다. 콘텐츠에 width 값을 주지 않았을 때, 콘텐츠는 부모 요소의 너비를 기준으로 가득 차게 된다. 그래서 body에 m... CSS멋쟁이사자처럼CSS 멋쟁이사자처럼 프론트엔드 스쿨 2기 4_Day 인라인 요소와 블록 레벨 요소 부모 요소의 속성값을 상속받아 사용합니다. 컨텐츠는 우측에 정렬되어 있으며, margin:auto를 사용하게 되면 좌우 마진이 균등하게 들어가기 때문에 컨텐츠가 가운데에 올 수 있습니다. 인라인 요소의 경우, 컨텐츠 만큼만 공간을 차지하기 때문에 위치 이동이 되지 않습니다. 위에서 말씀드린 것처럼 <p>요소가 중앙 정렬이 된 것이 아니라, 블럭 레벨 요소 안에 ... 프론트엔드 스쿨CSS멋쟁이사자처럼htmlCSS [Git] Day4. 멘붕의 연속, Git과 github 💾 터미널에 git --version을 입력 후 엔터를 눌려보면 현재 설치되어 있는 버전이 나온다. git add README.md는 commit 파일을 추가하는 것이다. git commit -m "First-commit은 commit을 하고 메세지를 "First-commit"로 하겠다는 뜻이다. 들어가면 아래처럼 파일명을 만드는 입력창과 마크다운을 할 수 있는 영역이 나온다. 파일명을 만드는 ... 제주코딩베이스캠프github프론트엔드멋쟁이사자처럼gitgit [HTML/CSS] Day4. Forms (1) 📝 <Form>의 기본 속성 <form>에 입력을 하고 제출하게 되면 데이터가 서버로 전송이 되고 전송된 데이터는 웹 서버가 처리하며 처리 후 로그인 결과 화면 같은 다른 웹 페이지를 클라이언트에 전송한다. <form>의 동작방식 ⚙️ 웹 페이지에 있는 form에 데이터를 입력 웹 서버는 데이터를 처리하기 위해 APP을 호출 <form>의 속성 method : <form>의 데이터를 전송할 방법... 제주코딩베이스캠프멋쟁이사자처럼htmlcss프론트엔드htmlcss 멋쟁이 사자처럼 FE 2기 - 2 text-level semantics <br> <wbr> ex) <a href="경로"> ex) <b> <strong> ex) <i> <em> ex) <dfn> ex) <abbr> ex) <sup> <sub> ex) <span> ex) Embedded content <img> src (source) : <img>는 src 필수 alt (alternative text) : 대체 텍스트이다. <... 멋쟁이사자처럼htmlhtml [TIL] HTML_Embedded Content <img src="경로"> 이 경우 스크린리더에서 "파일명"과 "라벨이 없는 이미지"라고 읽어준다. 따라서 <img src="경로" alt="">라고 공백으로 해주면 스크린리더에서 생략하게된다! srcset 속성을 사용하면 여러 해상도에 대응하여 브라우저가 알아서 이미지를 선택하면서 최상의 이미지를 로딩하게 된다. 브라우저는 우리가 제공한 이미지의 원본 사이즈와 뷰포트에 따른 이미지의 사이즈... 멋쟁이사자처럼프론트엔드스쿨개발일지TILhtmlTIL 멋쟁이사자처럼 Python Basic [4. 제어문(2)-반복문] 강의 예를 들어 학생 100명의 성적을 출력해야 한다고 생각해봅시다. 이렇게 100명을 출력해야 할 때 위처럼 print로 100줄을 적는 건 너무나도 고된 일 입니다. 반복문은 이런 반복적인 일들을 컴퓨터에게 맡길 수 있게 해줍니다. 라고 물었을 때 대상이 되는 것을 의미합니다. 우리 반 학생 성적의 평균을 구하고 싶을 때 우리 반 학생들의 성적을 반복해서 더해준 뒤 학생 수만큼 나눠줘야 합니다... 파이썬python멋쟁이사자처럼파이썬기초python 멋쟁이사자처럼 Python Basic [4. 제어문(1)-조건문] 강의 제어문이란 무엇일까요? 제어문은 현재 상황에 따라 실행을 달리할 수 있게끔 도와주는 문법들을 말합니다. 위에서 부터 아래로 내려오며 차례차례 실행했던 지금까지와 달리, 프로그램의 흐름을 가로 채 다른 동작을 할 수 있도록 도와주는 일을 합니다. 이러한 제어문에는 조건문(분기문)과 반복문이 있습니다. 오늘은 제어문, 그 중 분기문에 대해 먼저 알아봅시다. 분기문은 조건에 따라 다른 동작을 하게... 파이썬python멋쟁이사자처럼파이썬기초python 멋쟁이사자처럼 프론트엔드스쿨 2기 TIL (3월 31일) 회원가입 form 만들기 Git: 버전 관리 도구 을 통해 모든 파일을 대기 시킬 수 있음. commit: 대기하고 있는 코드 보낼 준비를 완료한 과정. push: 준비를 완료한 코드를 repository에 업로드. 무시할 파일을 기입해 해당 파일을 버전 관리에서 제외함. src 속성으로 불러올 HTML 링크를 설정할 수 있으며 보통 youtube 영상을 불러올 때 많이 사용. youtube... LIKELIONgithub프론트엔드멋쟁이사자처럼프론트엔드스쿨2기TILhtmlLIKELION [HTML/CSS] Day4. Embedded Content(2) 미디어 태그는 대표적으로 <iframe> <video> <audio> 이렇게 3개가 있다. : <iframe>은 현재 HTML 페이지에서 또 다른 HTML 페이지를 보여주고 싶을 때 사용한다. 왜냐하면 https는 <iframe>으로 "백도어"를 만들 수 있기 때문에 보안에 취약하기 때문에 막아놓아다고 한다. <iframe>의 속성을 살펴보자. autoplay : 동영상의 자동재생을 설정하는... 제주코딩베이스캠프멋쟁이사자처럼htmlcss프론트엔드htmlcss TIL 03.31 로컬 저장소와 원격 저장소로 나뉘어 로컬 저장소(내 컴퓨터)에서 파일을 작성해 원격 저장소로 보낼 수 있음 필요에 따라 원격 저장소에서 로컬 저장소로 필요한 파일을 가져올 수 있음 (ex 로컬 파일이 손상되었을 경우) 1️⃣ CLI git-test 폴더 생성 README 파일 생성 2️⃣ gitignore 파일을 commit 할 때 포함하지 않고 싶은 파일 목록을 지정할 수 있음 node_m... html멋쟁이사자처럼gitTILTIL TIL4-HTML, Git git add . git commit -m "커밋메시지" git push 🌱 1일 1커밋!! <iframe> iframe은 현재 HTML 페이지에서 또 다른 HTML 페이지를 보여주고 싶을 때 사용한다. iframe은 width 혹은 height 속성으로 크기를 조절한다. *보통 youtube 영상을 불러올 때 사용! ❕ Why? 이러한 특징은 <iframe>, <audio>, <video>... 멋쟁이사자처럼프론트엔드스쿨2기TILTIL [TIL] HTML_Embedded Content_2 : 현재 HTML 페이지에서 또 다른 HTML 페이지를 보여주고 싶을 때 사용! width 혹은 height 속성 : 크기를 조절 allow : iframe 에서 허용할 기능들을 지정 allowfullscreen : 전체화면을 지원 ex. 백그라운드 배경이 영상인 경우! < html 실습 > 'frontendschool2' repository 만들기 add file > upload file ... 멋쟁이사자처럼프론트엔드스쿨개발일지TILhtmlTIL [TIL] Git 시작하기 window 사용자는 git 설치하기! % git pull % git add . % git commit -m "메세지" % git push 내 컴퓨터 파일을 커밋해서 git으로 보내고 push해서 github으로 보내기! git : 분산 버전 관리 툴 ✅ 맥 git 설치 확인 ✅ git version 확인 ✅ git 사용을 위한 사용자 설정 ✅ git 사용자 확인 원하는 장소로 이동 후, 만... 멋쟁이사자처럼프론트엔드스쿨gitTILTIL
[Web] Day2. IP/Domain/URL/Port IP/Domain/URL의 기본 개념과 구조 🧬 IP란 컴퓨터 네트워크에서 장치들이 서로를 인식하고 통신을 하기 위해서 사용하는 특수한 번호이다. URL의 안에 포함되는 도메인(Domain)은 IP를 가지는 서버를 사용자가 쉽게 기억하고 찾을 수 있도록 만들어 주는 서비스이다. 컴퓨터와의 통신에서는 숫자로 이루어진 IP를 사용하기 때문에 변환을 시켜주는 도메인 네임 서버(DNS)라는 것이 필... 제주코딩베이스캠프web프론트엔드멋쟁이사자처럼htmlcsshtmlcss TIL5(CSS)-veamcamp특강 CSS는 디테일이 아니라, 큼지막한 전체 구조를 보는것이 중요하다! css 책 추천 : css설계가이드 CSS는 스마트한 노가다다! 상속 : 원래 상속이 지원되는 속성은 초기화 해줄때 Inherit 키워드 즐겨쓰장 상속이 지원안되면 Initial 하는것 block level element 가운데정렬 : type selector는 css에서 초기화 해줄 때에만 사용하자! Q. width 100... CSSveamcamp멋쟁이사자처럼프론트엔드스쿨2기TILCSS 멋쟁이사자처럼 Python Basic [5. 함수] 강의 함수란, 코드를 기능 단위로 묶어둔 것을 말합니다. 함수는 그 기능 자체가 함수의 존재목적이 됩니다. 이 함수의 기능이자 목적은 인자에 2를 곱해 돌려주는 것이라고 할 수 있습니다. 함수는 파이썬 뿐만 아니라 프로그래밍 자체에서 매우 중요한 역할을 합니다. 함수의 기능은 크게 두 가지로 나눌 수 있습니다. 같은 코드를 반복적으로 작성하지 않아도 됩니다. 각 과일마다 전용믹서기를 구매하지 않아... 파이썬python멋쟁이사자처럼파이썬기초python [HTML/CSS] Day3. Embedded Contents(1) "웹 접근성"이란 말그대로 "웹에 접근할 수 있는 것"을 말하는데 이는 비장애인은 웹에 접근하는데 문제가 없지만 "시각장애인"이나 "몸이 불편한 장애"인 같은 경우는 웹에 접근하는데 어려움을 겪을 수 있다. <img>태그는 반드시 src(source의 약자)와 alt라는 속성을 반드시 입력을 해야한다. 모든 이미지에 alt의 값이 들어있다면 스크린리더를 이용하는 장애인들은 혼란스러울 수 있다... 제주코딩베이스캠프멋쟁이사자처럼htmlcss프론트엔드htmlcss [HTML/CSS] Day1. 간단한 이력서 만들기 오늘은 OT와 기초적인 HTML/CSS를 배울 수 있는 코드라이언의 [일단 만드는 HTML/CSS]를 수강했다. 기초적인 HTML/CSS만 알면 스스로 만들 수 있는 것이라 바로 작성해보았다. HTML 문서의 기본 형태와 태그 ✏️ 기본적으로 HTML이 가지는 형태인데, 크게 <html> <head> <body> 태그로 나눌 수 있다. 최신 브라우저(크롬 등)에서는 <!DOCTYPE html... 코드라이언멋쟁이사자처럼htmlcss프론트엔드htmlcss 멋쟁이사자처럼 프론트엔드스쿨 TIL (0331)📖 git hub로 페이지 만들기. Github에서 제공하는 정적 웹사이트 호스팅 서비스인 Github pages 를 이용하면 간단하게 웹페이지를 생성할 수 있음. 같은 리포지토리 내의 하위 폴더 웹 페이지를 생성하고 싶다면, 주소창에 http://{계정명}.github.io/{폴더명}/{폴더명} 으로 주소를 입력! 내가 본 영화 리뷰 페이지 만들기 상대 경로는 현재 위치를 기준으로 하여 목적지... 멋쟁이사자처럼멋쟁이사자처럼 멋쟁이사자처럼 프론트엔드 스쿨 2기 3_Day 형상 관리 핵심툴인 Git과 GitHub. 1) git clone 2) git pull 3) git add 4) git commit 5) git push 1) git clone git clone <repository 주소> 2) git pull git pull은 다른 사람이 git push를 진행한 경우, 저장소에서 소스코드와 데이터들을 가져올 때 사용합니다. git pull <원격 저장소 ... 프론트엔드 스쿨githubCSS멋쟁이사자처럼htmlCSS 멋쟁이사자처럼 프론트엔드스쿨 2기 TIL (3월 29일) URL, IP, PORT 정리 HTML Living Standard란? HTML/CSS HTML의 정의 HTML(뼈대) + CSS(살) + JavaScript(근육) 2. URL, IP, PORT(과제 2) 프로토콜 종류, 자원이 있는 IP 주소, 도메인 주소, 포트 주소, 자원 위치로 구성되어 있어 3. HTML Living Standard(과제 1) XHTML과 HTML living st... LIKELION프론트엔드멋쟁이사자처럼프론트엔드스쿨2기TILhtmlLIKELION [HTML/CSS] Day5. CSS Basic 🌷 이러한 불편함을 없애기 위해 태그가 가지고 있는 브라우저별 기본값을 초기화 시켜주는 것이 "reset CSS를 설정한다." 라고 한다. 자세히 배경을 보면 바둑판식으로 배경 이미지가 반복되어 있는 것을 볼 수 있다. 물론 배경이 바둑판식으로 반복되어 적용이 되는 것은 background-repeat:no-repeat로 해결할 수 있으나 background-size:cover를 통해 문제를 바... 빔캠프제주코딩베이스캠프프론트엔드멋쟁이사자처럼htmlcsshtmlcss [CSS] ALL DAY CSS ✏️ css 순서 가이드 margin, padding initial, inherit, margin 0, padding 0 div 밖으로 생기는 여백은 기본 스타일 시트(user agent stylesheet)로 인해 body에 margin:8px 가 적용되어 있기 때문이다. 콘텐츠에 width 값을 주지 않았을 때, 콘텐츠는 부모 요소의 너비를 기준으로 가득 차게 된다. 그래서 body에 m... CSS멋쟁이사자처럼CSS 멋쟁이사자처럼 프론트엔드 스쿨 2기 4_Day 인라인 요소와 블록 레벨 요소 부모 요소의 속성값을 상속받아 사용합니다. 컨텐츠는 우측에 정렬되어 있으며, margin:auto를 사용하게 되면 좌우 마진이 균등하게 들어가기 때문에 컨텐츠가 가운데에 올 수 있습니다. 인라인 요소의 경우, 컨텐츠 만큼만 공간을 차지하기 때문에 위치 이동이 되지 않습니다. 위에서 말씀드린 것처럼 <p>요소가 중앙 정렬이 된 것이 아니라, 블럭 레벨 요소 안에 ... 프론트엔드 스쿨CSS멋쟁이사자처럼htmlCSS [Git] Day4. 멘붕의 연속, Git과 github 💾 터미널에 git --version을 입력 후 엔터를 눌려보면 현재 설치되어 있는 버전이 나온다. git add README.md는 commit 파일을 추가하는 것이다. git commit -m "First-commit은 commit을 하고 메세지를 "First-commit"로 하겠다는 뜻이다. 들어가면 아래처럼 파일명을 만드는 입력창과 마크다운을 할 수 있는 영역이 나온다. 파일명을 만드는 ... 제주코딩베이스캠프github프론트엔드멋쟁이사자처럼gitgit [HTML/CSS] Day4. Forms (1) 📝 <Form>의 기본 속성 <form>에 입력을 하고 제출하게 되면 데이터가 서버로 전송이 되고 전송된 데이터는 웹 서버가 처리하며 처리 후 로그인 결과 화면 같은 다른 웹 페이지를 클라이언트에 전송한다. <form>의 동작방식 ⚙️ 웹 페이지에 있는 form에 데이터를 입력 웹 서버는 데이터를 처리하기 위해 APP을 호출 <form>의 속성 method : <form>의 데이터를 전송할 방법... 제주코딩베이스캠프멋쟁이사자처럼htmlcss프론트엔드htmlcss 멋쟁이 사자처럼 FE 2기 - 2 text-level semantics <br> <wbr> ex) <a href="경로"> ex) <b> <strong> ex) <i> <em> ex) <dfn> ex) <abbr> ex) <sup> <sub> ex) <span> ex) Embedded content <img> src (source) : <img>는 src 필수 alt (alternative text) : 대체 텍스트이다. <... 멋쟁이사자처럼htmlhtml [TIL] HTML_Embedded Content <img src="경로"> 이 경우 스크린리더에서 "파일명"과 "라벨이 없는 이미지"라고 읽어준다. 따라서 <img src="경로" alt="">라고 공백으로 해주면 스크린리더에서 생략하게된다! srcset 속성을 사용하면 여러 해상도에 대응하여 브라우저가 알아서 이미지를 선택하면서 최상의 이미지를 로딩하게 된다. 브라우저는 우리가 제공한 이미지의 원본 사이즈와 뷰포트에 따른 이미지의 사이즈... 멋쟁이사자처럼프론트엔드스쿨개발일지TILhtmlTIL 멋쟁이사자처럼 Python Basic [4. 제어문(2)-반복문] 강의 예를 들어 학생 100명의 성적을 출력해야 한다고 생각해봅시다. 이렇게 100명을 출력해야 할 때 위처럼 print로 100줄을 적는 건 너무나도 고된 일 입니다. 반복문은 이런 반복적인 일들을 컴퓨터에게 맡길 수 있게 해줍니다. 라고 물었을 때 대상이 되는 것을 의미합니다. 우리 반 학생 성적의 평균을 구하고 싶을 때 우리 반 학생들의 성적을 반복해서 더해준 뒤 학생 수만큼 나눠줘야 합니다... 파이썬python멋쟁이사자처럼파이썬기초python 멋쟁이사자처럼 Python Basic [4. 제어문(1)-조건문] 강의 제어문이란 무엇일까요? 제어문은 현재 상황에 따라 실행을 달리할 수 있게끔 도와주는 문법들을 말합니다. 위에서 부터 아래로 내려오며 차례차례 실행했던 지금까지와 달리, 프로그램의 흐름을 가로 채 다른 동작을 할 수 있도록 도와주는 일을 합니다. 이러한 제어문에는 조건문(분기문)과 반복문이 있습니다. 오늘은 제어문, 그 중 분기문에 대해 먼저 알아봅시다. 분기문은 조건에 따라 다른 동작을 하게... 파이썬python멋쟁이사자처럼파이썬기초python 멋쟁이사자처럼 프론트엔드스쿨 2기 TIL (3월 31일) 회원가입 form 만들기 Git: 버전 관리 도구 을 통해 모든 파일을 대기 시킬 수 있음. commit: 대기하고 있는 코드 보낼 준비를 완료한 과정. push: 준비를 완료한 코드를 repository에 업로드. 무시할 파일을 기입해 해당 파일을 버전 관리에서 제외함. src 속성으로 불러올 HTML 링크를 설정할 수 있으며 보통 youtube 영상을 불러올 때 많이 사용. youtube... LIKELIONgithub프론트엔드멋쟁이사자처럼프론트엔드스쿨2기TILhtmlLIKELION [HTML/CSS] Day4. Embedded Content(2) 미디어 태그는 대표적으로 <iframe> <video> <audio> 이렇게 3개가 있다. : <iframe>은 현재 HTML 페이지에서 또 다른 HTML 페이지를 보여주고 싶을 때 사용한다. 왜냐하면 https는 <iframe>으로 "백도어"를 만들 수 있기 때문에 보안에 취약하기 때문에 막아놓아다고 한다. <iframe>의 속성을 살펴보자. autoplay : 동영상의 자동재생을 설정하는... 제주코딩베이스캠프멋쟁이사자처럼htmlcss프론트엔드htmlcss TIL 03.31 로컬 저장소와 원격 저장소로 나뉘어 로컬 저장소(내 컴퓨터)에서 파일을 작성해 원격 저장소로 보낼 수 있음 필요에 따라 원격 저장소에서 로컬 저장소로 필요한 파일을 가져올 수 있음 (ex 로컬 파일이 손상되었을 경우) 1️⃣ CLI git-test 폴더 생성 README 파일 생성 2️⃣ gitignore 파일을 commit 할 때 포함하지 않고 싶은 파일 목록을 지정할 수 있음 node_m... html멋쟁이사자처럼gitTILTIL TIL4-HTML, Git git add . git commit -m "커밋메시지" git push 🌱 1일 1커밋!! <iframe> iframe은 현재 HTML 페이지에서 또 다른 HTML 페이지를 보여주고 싶을 때 사용한다. iframe은 width 혹은 height 속성으로 크기를 조절한다. *보통 youtube 영상을 불러올 때 사용! ❕ Why? 이러한 특징은 <iframe>, <audio>, <video>... 멋쟁이사자처럼프론트엔드스쿨2기TILTIL [TIL] HTML_Embedded Content_2 : 현재 HTML 페이지에서 또 다른 HTML 페이지를 보여주고 싶을 때 사용! width 혹은 height 속성 : 크기를 조절 allow : iframe 에서 허용할 기능들을 지정 allowfullscreen : 전체화면을 지원 ex. 백그라운드 배경이 영상인 경우! < html 실습 > 'frontendschool2' repository 만들기 add file > upload file ... 멋쟁이사자처럼프론트엔드스쿨개발일지TILhtmlTIL [TIL] Git 시작하기 window 사용자는 git 설치하기! % git pull % git add . % git commit -m "메세지" % git push 내 컴퓨터 파일을 커밋해서 git으로 보내고 push해서 github으로 보내기! git : 분산 버전 관리 툴 ✅ 맥 git 설치 확인 ✅ git version 확인 ✅ git 사용을 위한 사용자 설정 ✅ git 사용자 확인 원하는 장소로 이동 후, 만... 멋쟁이사자처럼프론트엔드스쿨gitTILTIL