기초

[JavaScript를 들어가기 전] Selector와 Layout

Selector와 Layout Selector 해당 element 선택 /* element {...} */ div {...} 전체 element 선택 /* * {...} */ * {...} class와 id 선택 /* class는 .class, id는 #id로 선택 */ .people {...} #man {...} AND 선택 /* class와 id를 만족하는 선택은 붙여서(and) */ #man.people {...} OR 선택 /* ',' - 다중 선택(or) */ h1, div {...} 여러 element 선택 /* '띄어쓰기' - parent element 중 descendants(자손) element 선택 */ div p {...} /* div의 자손 p eleme..

[JavaScript를 들어가기 전] HTML 및 CSS 기초 정리

웹 개발 기초 웹페이지의 구조와 내용을 담당하는 HTML HTML은 HyperText Markup Language의 약자로 개발 언어가 아닌 웹 페이지의 뼈대가 되는 마크업 언어입니다. 뼈대가 되는 HTML에 CSS와 JavaScript를 적용하여 원하는 웹페이지를 꾸미고, 동작할 수 있습니다. 기본적으로 HTML은 tag(ex. )의 집합이며, 트리 구조를 갖습니다. 주요 HTML 요소 Division - 기본적으로 한줄의 공간을 차지함 Span - 기본적으로 내용만큼만 공간을 차지함 Link - 기본적으로 현재 창에서 해당 링크로 열기(Target 속성) Unordered List List Item Button 스타일을 담당하는 CSS CSS는 Cascading Style Sheets의 약자이며, 외..

[Python 기초] 00_Python 간단한 소개 및 환경구축

H/W와 S/W 프로그래밍 언어 컴퓨팅 사고 6개의 공 중에서 하나의 무거운 공을 찾기위해 최소 몇번? 2번 손전등 1개, 최소 시간으로 다리를 건너는 방?(1,2,5,10) 17분 파이썬 - 대화형(Interpreter) 언어 특징 할 수 있는 일 할 수 없는 일 환경 구축 아나콘다 설치(https://www.anaconda.com/) 크롬으로 기본 브라우저 설정 jupyter launch jupyter 사용 진행 방향 자료형 변수 연산 조건문리스트 반복문함수 파일 객체 ※ ?와 shift+tap 예를 들어 type? 를 컴파일 하게 되면 type에 대한 설명이 나온다. type위에 커서를 올리고 shift+tap 을 눌러도 설명이 나온다.