전체 글 검색 결과

350 개의 검색 결과가 있습니다.

Front-end/JavaScript

JavaScript | 객체 3

Array 객체 Array - 배열을 다루기 위한 객체 - 배열의 원소에 대한 추가, 삭제, 정렬 등의 조작 기능을 제공 - 크기가 자동으로 증가되는 특징을 가지고 있다. - concat(arr) : 매개변수로 전달된 배열 객체를 현재 배열 객체에 연결. - join(del) : 배열의 원소를 구분문자열 del로 연결해 문자열로 반환. - slice(start,[end]) : start 인덱스에서 end-1인덱스의 원소로 배열을 생성 하여 반환. - splice(start, cnt, [rep...]) : start 인덱스에서 cnt개의 원소를 rep...로 치환. - pop() : 배열 끝의 원소를 꺼내 배열에서 삭제. - push(data1,[,data2,...]) : 배열 끝에 원소를 주기. - sh..

2020. 12. 18. 12:45

Front-end/JavaScript

JavaScript | 객체 2 | 로또 번호 생성 코드

객체를 만드는 다양한 방법 규약에 의해 파일을 찾게됨 -> 프로젝트 웹 콘텐츠에 붙여넣기 객체를 만드는 다양한 방법 prototype(프로토타입) prototype 메서드 생성 : 공유된 공간에서 하나만 생성해서 사용함. prototype 사용전 prototype 사용후 getter, setter 함수 사용전 사용이유 getter, setter 함수 사용후 로또 번호 생성기

2020. 12. 18. 11:39

Front-end/JavaScript

JavaScript | 객체

생성자 함수를 이용한 객체생성 * JS 객체 : 이름과 값으로 구성된 집합 프로퍼티의 집합 이름이 붙어있는 데이터값들의 모음, 복합타입 * JS 모든 객체 : Object 생성자함수를 상속하며, 공통으로 Object에서 상속받은 프로퍼티 메소드가 있음. * __proto__ : (프로토타입 객체) => JS 모든객체는 프로토타입이라고 불리는 객체를 내부적으로 참조함. * 프로토타입 객체 : new 연산자와 Object 생성자 함수 호출을 통해 생성한 Object객체 ==> 프로토타입 객체를 이용하면 좀 더 효율적으로 메소드를 추가할수 있음. * prototype 프로퍼티 1) 모든 함수는 prototype 프로퍼티가 있으며, 함수가 정의될때 생성되고 초기화됨. 2) new 연산자는 빈 객체를 생성하고, ..

2020. 12. 17. 15:22

Front-end/JavaScript

JavaScript | 함수 | jquery 중급

중첩함수 중첩함수 내부확인 스코프 체인 * 스코프 체인 - 지역 스코프(scope) : 함수단위로 관리됨. 이 직역 스코프를 관리하는 객체를 호출객체라함. - 전역 스코프를 나타내는 객체 : 전역 객체(루트객체)라고 함. - 전역 변수와 전역 함수는 전역 객체의 프로퍼티와 메소드임. - var 키워드없이 변수를 선언하면 => 전역 객체에 등록되어 전역 변수가 됨. 함수의 지역변수로 선언하기 위해서 반드시 var 키워드를 사용해 변수 선언해야함. - 스코프 체인 : 전역객체와 함수 호출시 생성된 호출객체를 생성순서대로 연결됨. 함수가 호출되는 시점을 기준으로 스코프 체인이 연결되어 있는 모든 것들에 접근 가능해짐. (이너 아웃터 영역 모두 호출 가능한 것) * 콜백함수(Callback 함수) : 직접 호출..

2020. 12. 17. 13:47

Front-end/JavaScript

JavaScript | 함수 | jquery 기본 2

일반함수 생성 이벤트 처리 출력 익명함수 생성 이벤트 처리 출력 일반함수생성_이벤트 처리 2 출력 익명함수생성_이벤트 처리 2 출력 리턴값으로 함수사용하기-이벤트리스너 시작 리턴값으로 함수사용하기-타이머_익명함수 리턴값으로 함수사용하기 중첩함수 버튼 클릭때마다 1씩증가 시작

2020. 12. 16. 14:36

Front-end/JavaScript

JavaScript | 함수 | jquery 기본

함수 기본 정의 호출 함수 기본 정의 호출 2 별 찍기 전역변수, 지역변수 스코프 전역변수, 지역변수 생명주기 두수 더하는 함수 alert 이용 매개 변수가 없더라도 호출됨 window창 활용한 함수 변수에 함수를 저장하는 예제 매개변수 값으로 함수를 사용 jQuery jQuery를 사용하는 이유 바닐라사용 jQuery를 사용하는 이유를 알아보겠습니다. 요청 : 스크립트를 이용해서 문서에서 #menu2의 li태그의 스타일 속성 중 글자색을 모두 빨간색으로 변경해 주세요. menu-1 menu-2 menu-3 menu-4 menu-5 menu-6 menu-7 menu2-1 menu2-2 menu2-3 menu2-4 menu2-5 jQuery 사용 jQuery를 사용하는 이유를 알아보겠습니다. 요청 : 스크..

2020. 12. 16. 12:44

Front-end/JavaScript

JavaScript | 비교연산자 | 제어문 | 함수 | 스코프

node js JavaScript 서버에도 실행할수 있도록 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 비교연산자 기타 연산자 제어문 for문 for...in 연산자 함수 전역 스코프와 지역 스코프 함수의 생략 가능한 매개변수 함수에 인자(함수 리터럴)로 함수를 전달

2020. 12. 15. 14:18

R

R | RLab_Chap15(데이터분석사례) | 2020-12-14 | RLab01

drive.google.com/file/d/1OlEDkO-S_n107h77AMKFDK21-lUWO7h8/view?usp=sharing 서울시 상가정보 엑셀파일 다운로드 링크 Google 드라이브 - 모든 파일을 한 곳에서 하나의 계정으로 모든 Google 서비스를 Google 드라이브로 이동하려면 로그인하세요. accounts.google.com # 분석 대상 데이터 준비 # 지도 서비스의 중요성 # 공공데이터 포털사이트에서 상가정보를 다운로드함. # 서울시 자료만 따로 추출 # 서울시 상가정보: 2015년 12월, 2016년 6월,12월 ,2017년 6월, 12월 이렇게 총5회에 걸쳐서 조사된것. # 데이터가 들어 있는 파일들에서 필요한 열만 선택한 후 5개 파일을 하나로 합치는 작업예정 install..

2020. 12. 14. 15:21

Front-end/JavaScript

JavaScript | 리터럴 2

객체 리터럴 함수(메서드) 리터럴 불리언 리터럴 undefined와 null

2020. 12. 14. 14:41

Front-end/JavaScript

JavaScript 설치 | 사용방법 | 자동완성 플러그인 | 리터럴

developer.mozilla.org/ko/ MDN Web Docs MDN 웹 문서 사이트는 HTML, CSS, 및 웹 사이트와 프로그레시브 웹 앱을 위한 API를 포함한 오픈 웹 기술에 대한 정보를 제공합니다. 또한 Firefox 개발자 도구와 같은 Mozilla 제품을 위한 개발자 지향 문 developer.mozilla.org 자동완성 기능 플러그인 http://oss.opensagres.fr/tern.repository/1.2.0/ Index of /tern.repository/1.2.0 oss.opensagres.fr 복붙 => 설치 브라우저 jquary 채크 Hello JavaScript 출력 실행 원리 단계 developers.google.com/web/fundamentals/perform..

2020. 12. 14. 12:41

R

R | RLab_Chap14(웹 스크레핑) | 2020-12-11 | RLab03

RLab03 교보문고 베스트셀러 웹 크롤링 # 웹 크롤링1 : 교보문고 주간 베스트셀러 # R 패키지 설치 # httr 패키지(GET), rvst 패키지 (read_html()) install.packages("httr") install.packages("rvest") library(httr) library(rvest) # GET 함수로 서버에 정보 요청하기. url

2020. 12. 11. 15:23

Git

Git & GitHub | 버전 관리 시스템 2

github.com/ GitHub: Where the world builds software GitHub is where over 56 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com stackoverflow.com/ Stack Overflow - Where Developers Learn, Share, & Build Careers Stack Overflow | The World’s Largest Online Communi..

2020. 12. 11. 12:45

Front-end/CSS

CSS3 기초(선택자와 단위) 3 P-메뉴만들기 활용

속성선택자 7 *= 선택자 HTML5 참고 사이트 아래 링크 중에 파란색 배경의 링크는 W3C사이트로 연결됩니다. HTML 표준안 사이트 튜토리얼과 아티클 HTML 지원 여부 체크 속성 선택자[] 총정리 [속성] - 지정한 '속성'일때 스타일을 적용함. [속성=값] - '값'에 일치할때 스타일을 적용함. [속성~=값] - 여러값들 중에 값이 포함되어 있는데 정확하게 포함된 것에만 스타일을 적용함(필드) [속성|=값] - 값이 포함되어 있을 때(하이폰(-) 포함 단어도 됨)만 스타일 적용함. [속성^=값] - 값으로 시작할 때 스타일을 적용함(캐럿) [속성$=값] - 값으로 끝날때 스타일을 적용함 [속성*=값] - 값이 어디에 있든 포함만 되면 스타일을 적용함 하위 선택자 예약 방법 및 요금 직접통화 : ..

2020. 12. 11. 11:47

R

R | RLab_Chap14(웹 스크레핑) | 2020-12-10 | RLab01 ~ RLab02

DOM 공공데이터포털의 목록 추출 RLab01 # 웹크롤링(web crawling) : 포털 등에서 자동으로 웹 사이트의 링크 정보를 수집하여 저장하는 기술 # 웹 스크래핑(web scraping) : 웹 사이트로부터 웹문서를 다운로드 받아 필요한 정보를 추출하는 기술. # R(데이터 추출)

2020. 12. 10. 15:17

Front-end/CSS

CSS3 기초(선택자와 단위) 2

id 선택자 header 영역 aside 영역 content 영역 id 선택자 중복 ID선택자-1 ID선택자-2 ID선택자-3 class선택자 종류 과일 사과 파인애플 오랜지 바나나 언어의 종류 C언어 JAVA HTML CSS class 선택자 2 블루베리에 관한 연구 블루베리의 항산화 효능 블루베리는 항산화제인 안토시아닌과 폴리페놀을 다량 포함하고 있습니다. 매사츄세츠 보스톤에 있는 USDA 노화에 관한 인류 영양 연구센터 (the USDA Human Nutrition Research Center on Aging)의 자료에 의하면 블루베리는 과일 중에서 가장 항산화 작용이 뛰어난 과일이라고 합니다. 블루베리의 노화 USDA 인류 영양 연구센터(the USDA Human Nutrition Research..

2020. 12. 10. 12:44