본문 바로가기

Etc36

Part 01 웹 프로그램 언어의 기초_15 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 14. CSS Selector ※ Intro - 특정 엘리먼트에 스타일을 적용하기 위해서는 해당 엘리먼트를 찾아야함- 특정 엘리먼트뿐 아니라 여러 개의 엘리먼트일 수도 있음- CSS Selector 문법은 엘리먼트를 쉽고 빠르게 찾을 수 있게 함 ※ 개념 * CSS Selector* id, class, tag selector* nth-child ※ CSS selector - CSS selector : HTML의 요소를 tag, id, html 태그 속성 등을 통해 쉽게 찾아주는 방법 * tag로 지정 * id로 지정 hello world! * class 로 지정 hello world! ※ .. 2018. 9. 4.
파이썬을 통한 데이터 사이언스_05 facebook Innovation Lab Class파이썬을 통한 데이터 사이언스 입문 과정 6일차 ● 데이터 시각화 (data visualization) - 데이터 분석 결과를 쉽게 이해할 수 있도록 시각적으로 표현하고 전달되는 과정- 데이터 시각화의 목적은 도표(graph)라는 수단을 통해 정보를 명확하고 효과적으로 전달하는 것 ● 파이썬 그래프 라이브러리 갤러리 - matplotlib- Seaborn- Bokeh- Plot.ly- Python Graph Gallery 2018. 8. 29.
Part 01 웹 프로그램 언어의 기초_14 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 13. 상속과 우선순위 결정 ※ Intro - CSS 의 스타일을 적용하는 것에는 여러가지 이유로 몇 가지 규칙이 존재함 - 상속은 대표적인 CSS 적용 규칙. 중복된 속성을 매번 적용해야 하는 일을 줄일 수 있음 ※ 학습 목표 1. CSS 상속의 특징. 상속이 되지 않는 상황 이해 ※ 핵심 개념 - CSS 상속- 선택자 우선순위 (CSS Specificity) ※ 상속과 우선순위 결정 1 - 상위에서 적용한 스타일은 하위에도 반영됨 => 여러 단계로 중첩된 엘리먼트마다 매번 같은 색상과 글자 크기를 부여하지 않아도 됨 - 하지만 모든 CSS 속성이 이런 특징을 갖게 되면 몇 가지 문제가 .. 2018. 8. 26.
Part 01 웹 프로그램 언어의 기초_13 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 12. CSS 선언 방법 ※ Intro - CSS를 HTML 안에 선언하는 방식은 크게 3가지가 있음 ※ 학습 목표 1. CSS 선언 방식을 이해하고 활용 ※ 핵심 개념 - inline- internal- external ※ CSS의 구성 span { color: red;} - span : selector (선택자)- color : property- red : value ※ style 을 HTML 페이지에 적용하는 3가지 방법 1. inline - HTML 태그 안에다가 적용함- 다른 CSS 파일에 적용한 것보다 가장 먼저 적용함 2. internal - style 태그로 지정함- 구조와 .. 2018. 8. 26.
파이썬을 통한 데이터사이언스_04 facebook Innovation Lab Class파이썬을 통한 데이터 사이언스 입문 과정 4일차 ● 배열 만들기 - numpy 배열- 배열을 생성할 때는 효율성을 높이려고 배열을 데이터에 연결 import numpy as npnumbers = np.array(range(1, 11), copy=True)numbers>>>array([1,2,3,4,5,6,7,8,9,10]) - 배열 차원의 개수, 모양과 데이터 타입을 ndim, shape, dtype 속성에 저장- reshape(d0, d1, ...) 함수 ● 인덱싱과 자르기 - numpy 배열은 인덱싱[i]과 슬라이싱[i:j]과 불 인덱싱이 가능함 ● 브로드 캐스팅 - 배열에서의 벡터 여산 noise - np.eye(4) + 0.01 * np.ones.. 2018. 8. 22.
Part 01 웹 프로그램 언어의 기초_12 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 11. class 와 id 속성 ※ Intro - HTML 속성 중 class 와 id란 무엇이며 어떻게 사용할 수 있을까?- 고유한 값인 id 와 중복 사용이 가능한 class의 활용 방법에 대해 이해하기- 다른 웹 사이트에서 class 와 id를 어떻게 사용했는지 확인하기 ※ 학습 목표 - class와 id의 목적을 이해하고 구분해서 작성하기 ※ 핵심 개념 - HTML 태그 안에서 사용되는 class 속성과 id 속성 ※ ID - 고유한 속성으로 한 HTML 문서에 하나만 사용 가능함- 고유한 ID 값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이함 ※ Class - 하.. 2018. 8. 22.
파이썬을 통한 데이터 사이언스_03 facebook Innovation Lab Class파이썬을 통한 데이터 사이언스 입문 과정 3일차 ● 올바른 자료 구조 선택하기 튜플리스트셋 - 리스트 데이터를 셋으로 변환 시 성능 차이 확인 -> %time 매직 명령어로 시간 측정! (Set이 훨씬 빠름) 딕셔너리 - 리스트에서 딕셔너리 만들기 seq = ["alpha", "bravo", "charlie", "delta"]dict(enumerate(seq)) - 클래스 생성자를 이용하여 만들기 zip : 파이썬에서 두 개의 시퀀스를 결합해주는 함수 ● 리스트 컴프리헨션(comprehension)으로 리스트 이해하기 - 리스트 내포 (컴프리헨션) - 컬렉션을 리스트로 변환하는 형식 - 예) myList - range(10) [x for x in myL.. 2018. 8. 20.
파이썬을 통한 데이터 사이언스_02 facebook Innovation Lab Class파이썬을 통한 데이터 사이언스 입문 과정 2일차 ● 데이터 과학에 사용되는 파이썬 핵심 라이브러리 - NumPy : 숫자로 이뤄진 배열을 제공하는 범용 라이브러리 - SciPy : 과학 및 공학 관련 계산 함수 라이브러리 - Pandas : 데이터 프레임 및 시리즈 자료구조 제공, 테이블 및 시계열 데이터를 다루는 통합 라이브러리 - matplotlib : 플롯, 그래프 지원 라이브러리 - scikit-learn : 파이썬 머신러닝 라이브러리 ● 데이터 과학에 사용되는 파이썬 환경 - Ipython : 대화형 쉘 기능 제공, 대화식 데이터 시각화도 지원- Jupyter notebook : 시각화 및 라이브 코드로 문서를 작성하며 공유하는 웹 기반 대화형.. 2018. 8. 17.
Part01 웹 프로그램 언어의 기초_11 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 10. HTML 구조 설계 ※ Intro - 웹 페이지를 만드는 것은 문서의 구조를 잡는 것과 같음.- 제목, 단락 등이 있는 것과 같음.- 웹 사이트의 문서구조를 만드는 것이 가장 먼저 할 일임. ※ 학습 목표 1. CSS 없이 먼저 HTML 구조를 설계할 수 있음 ※ 핵심 개념 - HTML 구조화 설계 ※ HTML 구조 설계 - 구조화 설계는 마치 문서를 쓰는 것과 같음. - 현업에서는 Presentation 문서 형태의 기획서나 디자인 파일을 받아서 그것을 기반으로 HTML 개발 시작 - 즉 어떠한 화면을 보면서 그대로 구현하고, 그 화면을 보면서 구조를 분석해야함. - 먼저 영역을 .. 2018. 8. 17.
Part 01 웹 프로그램 언어의 기초_10 Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 09. HTML Layout 태그 ※ Intro - 레이아웃(Layout) 이란 배치라는 뜻. - HTML 태그로 감싸진 각 정보 요소를 화면상의 어느 위치에 어떻게 자리잡을지를 결정하는 것 - 기본적으로 상단의 , 하단의 그리고 가운데의 본문 영역이 있음 ※ 학습 목표 1. 레이아웃(전체 페이지 구성)을 위한 적절한 HTML 태그들을 이해 ※ 핵심 개념 - HTML layout 태그들 ※ 레이아웃을 위한 HTML 태그 - 레이아웃 : HTML 화면을 구성하는 어떠한 기본적인 모습들. - 상단의 header, 하단의 footer, 가운데의 본문 영역이 있음 - 레이아웃을 구성하는 태그도 역.. 2018. 8. 16.