분류 전체보기 (646) 썸네일형 리스트형 [2023 신입부원 기초 스터디] 최종은 #1주차 - HTML알아가기 1.HTML이란? Hyper Text Markup Language HTML: 태그를 이용한 마크업 언어(프로그래밍 언어 X) Tag: HTML을 구성하는 요소 (주석==메모) Emmet: HTML에서 제공하는 자동완성기능 (공식 사이트가 있으니 참고 가능) ! > + * # . {} $ HTML 기본 구성 자식노드 생성(Ex: div>ul ) 형제노드 (Ex: div>ul+ol ) 반복 생성 (Ex: div>ul>li*3) 아이디 생성 (Ex:#id , ul#id) 클래스 생성 (Ex: .class, ol.class) 콘텐츠 생성 (Ex: p.cntainer{Hello, HTML!} ) 자동 넘버링 (Ex: p.num{test$}*3) 폰트(Font) 태그 글꼴 Tag 태그 ~ 역할 제목,부제목 표현 문.. [2023 신입부원 기초 스터디] 박승환 #1주차 - 웹 씨앗을 심었다!(HTML 배우기) [정리노트] ▶HTML이란? Hyper Text Markup Language의 약자로 웹 페이지를 만드는 언어이다. ▶HTML 태그 구조 제목 ▶HTML의 문서 기본 구조 →이런식으로 구성이 되었있다. 이를 일일이 코드를 작성하면 힘들기 때문에 세팅 된 ▶Emmet기능 -자동완성 기능을 제공하여, 작성 시간을 아주 빠르게 단축 시켜주는 확장기능 ▶HTML기본 태그 ~ 웹 페이지의 제목 or 부제목 표현, 숫자가 작을 수록 큰 제목. 문단 가로 선(종료태그 없음) 줄바꿈 태그, HTML에서 개행 역할 (종료태그 없음) 텍스트를 기울임(이텔릭체) 텍스트를 기울임(이텔릭체) #강조할 때 사용 텍스트를 진하게 표시 텍스트를 진하게 표시 #강조할 때 사용 순서가 있는 목록 순서가 없는 목록 목록하위 항목 , 태그.. [2023 신입부원 기초 스터디] 정찬우 #1주차 - HTML은 즐거워...?? HTML이란? 가장먼저 웹 사이트를 만들기위해 기본적으로 HTML, CSS, JavaScript를 사용합니다. HTML -- 웹사이트의 기본적인 틀을 만드는 역할. CSS -- HTML로 만든 기본 틀을 꾸미는 역할. JavaScript -- HTML과 CSS로 만든 틀을 동작하게 만드는 역할 HTML 태그(Tag) HTML 태그는 웹 문서에 어떤 표시를 해주는 것입니다. 예를들면 글자 크기, 글자색, 글자 모양 등을 변경하거나 하이퍼 링크와 같은 문서연결 기능을 넣을 수도 있습니다. 태그 구조 HTML 태그는 다음과 같은 구조로 이루어져 있습니다. HTML 주석 주석은 HTML 소스 내에 메모를 남기는 것을 말합니다. 사용법 - 메모내용란에 메모할 문자를 작성한다 그 전체 한번에 주석하는 방법이 있었는.. [2023 신입부원 기초 스터디] 한승훈 #1주차-HTML 기초 안녕하세요, 신입부원 한승훈입니다. 만나서 반갑습니다. 기초 스터디로 여러분을 만나뵙게 되어 영광이고, 현재는 아는 것이 적지만 최선을 다해서 함께 공부하겠습니다. 섹션 0.강의소개 & 개발환경 구성 섹션 0은 강의에 대한 설명, 즉 강의에 대한 설명과 VS Code 를 사용하는 것에 대한 강의였습니다. 이전에도 python에 VS Code를 사용하긴 했지만, 보조 툴을 설치하며 보다 편리하고 가독성이 좋은 환경을 구축하였습니다. 섹션 1. HTML이란? 시작하기 전에! 코드 자동완성 시스템은 Emmet에 대한 학습이 주를 이루었습니다. .html파일로 저장한 뒤, !+Tab으로 맨 위 부터 마지막 까지 자동 완성이 되었고, 이렇게 두 body 사이에 본문을 입력할 수 있고, Live Server를 통하.. [2023 신입부원 기초 스터디] 조상혁 #1주차 - HTML알아가기 html을 간편하게 사용하기 위한 emmet 시작할 때는 ! 다음 Tab을 누르면 기본서식이 나온다. 🏷️ 에멧(Emmet) 문법 모음 - 한눈에 정리 Emmet (에밋) 에밋은 HTML, XML, XSL 문서 등을 편집할 때 빠른 코딩을 위해 사용하는 플러그인이다. 원래 젠코딩으로 부르다가 에밋으로 이름을 변경했다. 매우 간단한 몇 가지 코드만 입력하면, 자동 inpa.tistory.com HTML CSS 코드짤 때 유용한 Emmet 그리고 부가기능들 - 코딩애플 온라인 강좌 여러분의 HTML 창작 능력을 빠르게 도와줄 몇가지 부가기능을 소개해드리겠습니다. VS code, Atom 등 다른 에디터를 사용하셔도 유사한 부가기능이 있을 것이니 한번 찾아보시면 되겠습니다. 0. 부 codingapple.co.. [2023 신입부원 심화 스터디] 정호용 #1주차 - Part 1. 💡변수와 상수 💡원시 데이터 타입 💡참조 데이터 타입 💡연산자 [2023 신입부원 심화 스터디] 황현진 #1주차 - 기초문법 part.1 📌 변수와 상수 - 변수: 변경할 수 있는 값 let 변수명; // 변수 선언 변수명 = '황현진'; // 변수 값 초기화 let 변수명 = '황현진'; // 변수 선언과 동시에 초기화 ※ 변수 초기화시 주의할 점 : 변수를 먼저 선언한 후, 초기화를 따로 할 때 let을 한 번 더 쓴다면 값을 변경하는 것이 아니라 변수를 재할당하는 것이기 때문에 에러가 발생한다. - 상수: 변경할 수 없는 값 const 상수명 = 값; // 상수는 선언할 때 초기화도 같이 해주어야 한다. 상수명 = 123123; // 이러면 타입에러 발생(상수는 변경할 수 없기 때문) - 이름 규칙 변수나 상수 이름의 첫 번째 글자는 영어, $, _만 가능 (숫자로 시작하는 변수명은 허용되지 않는다.) 첫 번째 글자 이외에는 숫자도 .. [2023 신입부원 기초 스터디] 김승혁 #1주자 - HTML이란 2강. HTML이란? - 알아보기 Hyper Text Markup Language - 태그로 이루어진 markup 언어 -Hyper Link : 다른 웹문서로 이동하는 문서 연결 기능 -Markup : 웹문서에 마크, 태그 사용 -MTML Tag : 시작태그, 종료태그, 속성 ex) ~~~ -기본구조 : doctype, html, head, body -주석 : 3강. 코드 자동완성 Emmet emmet : html, css에 자동완성기능을 제공해 코드 작성시간 줄여줌(! + tab) 자식노드 형제노드 반복생성 아이디 클래스 컨텐츠 자동 넘버링 '>' 사용 '+'사용 '*' 사용 '#' 사용 '.'사용 '{}'사용 '$' 사용 ex) div>ul>li> + tab ex) div>ul> + ol+div + .. 이전 1 ··· 62 63 64 65 66 67 68 ··· 81 다음
