- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 파이썬 알고리즘
- 기말시험
- 크롤링
- 파이썬 강의
- 코딩시험
- python data structure
- 자료구조
- 중간시험
- selenium
- 파이썬 자료구조
- 채용문제
- 파이썬
- 자료구조 강의
- 면접 파이썬
- c언어
- gdrive
- 코딩문제
- 알고리즘 강좌
- python 중간고사
- 알고리즘 강의
- 파이썬 입문
- 프로그래밍
- 대학시험
- Crawling
- 파이썬 강좌
- 파이썬활용
- 쉬운 파이썬
- 셀레니움
- 알고리즘
- 파이썬3
목록2019/08 (19)
반원 블로그
JavaScript 란? 사용자(클라이언트)의 동작(+요청)에 반응(+응답)하는 기능을 구현하기 위한 언어 주로 웹 프로그래밍의 프론트 엔드에서 쓰이나, 다른 분야에서도 언어로서 사용 우클릭 방지 기능도 JavaScript로 구현되어있다. 이벤트(Event) 사용자가 하는 행동(동작) JavaScript 특징 인터프리터 언어 : 프로그램 코드 작성된 한 줄 해석하며 실행 브라우저 엔진마다 실행순서나 원리가 조금 다를 수 있다. JavaScirpt 의 예 우클릭 방지 구글 메뉴 버튼 클릭 시 위젯 보임 특정 버튼 클릭이나 현재 마우스 위치에 따라 요소의 속성 값이 변함(enable/disable) 마우스 스크롤 시 추가 화면 로딩 JavaScript 코드 작성 태그 JavaScript 연습 예제 : ind..
Firebase 구글에서 재공하는 클라우드 플랫폼 중 하나이며 웹 서버+DB 실시간 데이터베이스, 호스팅 등의 기능을 제공(파이어베이스 제품 설명 확인) 클라이언트 - 웹서버 - 디스크 관계에서 웹 서버와 디스크 역할을 해줄 것이다.(호스팅 서비스) 파이어 베이스 제품 설명 : https://firebase.google.com/products?hl=ko FireStore 레퍼런스 : https://firebase.google.com/docs/firestore/quickstart 구글 클라우드 https://cloud.google.com/ 구글 스토리지 관련 제품 : https://cloud.google.com/products/storage/ 파이어 베이스 호스팅 문서 https://firebase.goo..
BootStrap이란? CSS 개발을 빠르게 해주는 프레임 워크 중 하나 프레임워크 : 프로그램 개발을 도와주는 이미 작성된 각종 소스코드 집합. 작업 틀 웹 페이지 프레임워크 : Bootstrap.js, vue.js, react.js 등 부트스트랩 공홈 : https://getbootstrap.com/ 가이드 : http://bootstrapk.com/getting-started/ github : https://github.com/twbs/bootstrap w3s 예시 : https://www.w3schools.com/bootstrap/bootstrap_ver.asp BootStrap 기본 적용 Getting Start CDN https://www.w3schools.com/bootstrap4/boots..
CSS 불러오기 따로 CSS 코드만 작성한 .css 파일을 불러오는 것 파일 주소는 웹 주소도 가능하다. rel : Relation. 관계를 기술. 현 html5과의 관계는 스타일시트임을 의미 head 태그 내부에 기재(head태그는 페이지에 필요한 정보들을 넣음을 기억) 또는 CSS 상속 스타일 속성에 따라 부모가 자식에게 물려주는 속성이 따로 존재한다. Box Model 속성(margin, padding, border, width, height)는 상속되지 않는다. 그 외 font 관련 등의 속성은 해당 요소에 대한 css가 없을 땐 부모 속성을 상속받는다.
Box 모델 크롬 개발자를 보면 확인할 수 있다. border, margin, padding, width, height 속성을 주로 설정 모든 요소에 존재 Block과 Inline에 적용되는 Box 형태가 다르다. margin, border, padding 순으로 되어있다. margin : 다른 요소 또는 브라우저 경계선 간의 간격 border : 테두리 영역 padding : 테두리와 요소의 내용(컨텐츠) 사이의 간격 위 3가지는 top, bottom, left, right를 다로 지정해줄 수 있다. Block 요소의 Box (기본값 기준) width : 브라우저 화면의 가로를 전부 사용하여 생성된다. 따라서 줄 바꿈이 일어난다. height : 내용의 높이만큼 생성된다. Inline 요소의 Box w..
CSS란? Cascading Style Sheet 웹 페이지 스타일 지정 전용 언어 그리고 파일(.css) 스타일 적용 방식 요소(Element) 단위로 지정 웹 페이지 단위로 지정 웹 사이트 단위로 지정 style 태그 HTML 스타일 적용을 위한 코드 작성 Style 적용 코드 문법 - 요소, id명, class명 엘리먼트{ css코드 } : 요소를 이용한 방법 식별자{ css코드 } : 식별자 id, class 를 이용한 방법 CSS 선택자 부모, 자식, 형제 관계를 이용해 CSS 적용 대상을 결정하는 방법 자손 선택자(Descendent) : 선택자1 선택자2{ css코드 } 선택자1에 내부에 있는 선택자2에 대해 모두 적용. 깊이 무상관 자식 선택자(Child) : 선택자1>선택자2{ css코드..