분류 전체보기
-
CSS 스타일 초기화CSS/CSS 2021. 4. 16. 01:03
브라우저의 기본 스타일 초기화 - 각각의 브라우저가 제공하는 기본적인 스타일이 조금씩 다르다 - 그러므로 결과값이 브라우저마다 다르게 보인다 - 이러한 경우를 없애기 위해 초기화하는 용도로 reset.css를 사용 reset.css cdn 링크 삽입 - reset.css를 통해 브라우저가 가지고 있는 기본 스타일들이 초기화 된다 www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more t..
-
상대 경로와 절대 경로기본 지식 2021. 4. 12. 17:33
상대 경로 - ./ (생략 가능) = 주변에서 찾는다 - ../ = 상위 폴더에서 찾는다 절대 경로 - http (https) - / (//) = 최상위(루트) 경로 절대 경로와 상대 경로 설명이 잘 정리된 사이트 mommoo.tistory.com/82 절대경로, 상대경로란? 안녕하세요. 프로그래밍을 하다보면, 경로에 관한 것을 처리하곤 합니다. 이때 어떤 API는 절대 경로 로 처리를, 또 다른 API는 상대 경로 로 처리를 하곤 합니다. 절대 경로 , 상대 경로 의 개념이 mommoo.tistory.com
-
HTML <body>태그 살펴보기HTML 2021. 4. 12. 16:49
body 태그 내부 코드 내용 살표보기 내용 블록(상자) 요소 내용 내용 div 태그 (Division) - 블록(상자) 요소 - 특별한 의미가 없는 구분을 위한 요소 - 레이아웃을 작업할때 사용 내용 h 태그 (Heading) - 제목을 의미하는 요소 (목차) - h1~6까지 (숫자가 작을수록 더 중요한 제목을 의미) 내용 p 태그 (Paragraph) - 문장을 의미하는 요소 리스트1 리스트2 리스트3 리스트4 ul 태그 (Unordered List) , li 태그 (List Item) - 태그는 순서가 필요없는 목록의 집합을 의미 (주관적인 순서) - 태그는 목록 내 각 항목 - 태그 자식으로 태그가 반드시 1개 이상 존재해야 한다 - 태그는 반드시 태그로 감싸져야 한다 인라인(글자) 요소 내용 s..
-
HTML <head>태그 살펴보기HTML 2021. 4. 11. 21:59
head 태그 내부 코드 내용 살표보기 제목 작성 - HTML 문서의 제목(title)을 정의 - rel(Relationship) = 가져올 문서와 관계, href(Hyper Text Reference) = 가져올 문서의 경로 - 외부 문서를 가져와 연결할 때 사용 (대부분 CSS 파일) - Favorite Icon을 줄여서 Favicon(파비콘)으로 부름, HTML Favicon를 적용할 때는 이름을 favicon으로 지정하기를 권장하며, favicon.ico 또는 favicon.png 파일이 주로 사용됨 - 자바스크립트(JS) 파일을 가져오는 경우 src(Source) 사용 - 자바스크립트(JS)를 HTML 문서 안에서 작성하는 경우에 사용 - 스타일(CSS)를 HTML 문서 안에서 작성하는 경우에 ..
-
HTML 알아보기HTML 2021. 4. 11. 15:19
기본 구조는 아래의 형태를 나타냅니다. HTML은 구조를 만드는 역할을 담당 각각의 역할은 DOCTYPE html> - 문서(페이지)의 HTML 버전을 지정 // HTML5 (표준) - 시작태그 // HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 알려주는 역할 ........내용 - 종료태그 - 문서의 정보를 나타내는 범위 - 웹 브라우저가 해석해야 할 웹 페이지의 제목, 설명, 사용할 파일 위치, 스타일(CSS) 같은, 웹페이지의 보이지 않는 정보를 작성하는 범위 - 문서의 구조를 나타내는 범위 - 사용자 화면을 통해 보여지는 로고, 헤더, 푸터, 네비게이션, 메뉴, 버튼, 이미지 같은 웹페이지의 보여지는 구조를 작성하는 범위
-
-
개발환경 및 vscode 다루기개발 환경 2021. 4. 9. 20:21
통합개발환경 = IDE (Integrated Development Environmen) - 코딩, 디버그, 컴파일, 배포 등 프로그램 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리하는 환경을 제공하는 소프트웨어 사용할 IDE - vscode (Visual Studio Code) vscode 확장(Extension) 플러그인(plugin) - 한국어 팩(Korean Language Pack) - vscode 한국어 설정으로 변경 - Beautify - 문법 정렬 - Live Server - 개발을 위해 임시로 로컬 서버를 오픈 vscode 단축키 - 사이드 바 닫기 (Ctrl + B) - 빠른 열기 (Ctrl + P) - 모든 명령 표시 (Ctrl + Shift + P) - 편집기 닫기 (Ctrl..
-
오픈 소스 라이선스기본 지식 2021. 4. 7. 17:50
오픈 소스 라이선스 - 오픈소스란 어떤 제품을 개발하는 과정에 필요한 소스코드나 설계도를, 누구나 접근해서 열람할 수 있도록 공개하는 것 - 개인만 사용가능한지 상업적으로도 이용이 가능한지 확인해야함 라이선스 비교표 https://olis.or.kr/license/compareGuide.do 라이선스 비교표 Python Software Foundation License 2.0.1, 2.1.1 and newer Yes Yes olis.or.kr 오픈소스 라이선스 설명이 잘 정리된 사이트 http://tech.inswave.com/2018/04/27/OpenSourceLicense/ [0009] 오픈소스 라이선스의 이해 오픈소스 라이선스란? 오픈소스 소프트웨어 (Open Source Software) 일반적..