본문 바로가기
반응형

좋아하는 것_매직IT

3.웹프로그래밍, CSS, 다중 스타일 시트일 경우에는 어떻게 될까요? ^^ 다중 스타일 시트에 대해서. 하나의 요소에 외부, 내부, 인라인 스타일을 서로 다르게 지정하고 있을 경우 어떤 스타일이 사용될까요? 예를들면, 특정요소에 대하여 외부 스타일과 내부 스타일이 다를 경우 만일 요소를 예를 든다면.. 1. 외부 스타일 color:green 2. 내부 스타일 color:blue 최종적으로 적용되는 스타일은 무엇일까요? 정답 내부 스타일 일반적으로, 모든 스타일 시트는 아래와 같은 규칙 및 우선순위가 적용되며, 하나의 가상적인 스타일로 통합됨. 1. 웹 브라우저 디폴트 값 2. 외부 스타일 시트 3. 헤드 섹션에 저장된 내부 스타일 시트 4. 인라인 스타일 시트 즉, 우선 순위는 4. 인라인 스타일 시트가 가장 높음. 다시말해서, 인라인 스타일은 헤드 섹션에 지정된 스타일이나 외.. 더보기
2.웹프로그래밍, CSS, 스타일 시트를 문서에 삽입하는 3가지 방법에 대해서 알아볼까요? ^^ 스타일 시트를 사용해서 CSS를 삽입하는 방법은.. 공부해본바 크게 아래와 같이 3가지 임. 외부 스타일 시트 내부 스타일 시트 인라인 스타일 시트 ​​​​​​​방법1) 외부 스타일 시트 외부 스타일 시트는 말 그대로 스타일 시트를 외부에 파일로 저장하는 것. 외부 스타일 파일은 많은 페이지에 동일한 스타일을 적용하려고 할 때 좋은 방법 외부 스타일 파일을 사용하면, 아래와 같이 전체 웹 페이지의 스타일을 하나의 스타일로 일괄 변경가능함. 외부 스타일 시트를 사용하는 방법은.... 각 HTML 페이지는 link 태그를 이용해서 스타일 파일에 연결해야 함. link 태그는 헤드 부분에 있어야함 샘플코드 #설명 link : 외부 파일과 연결하려면 link 요소를 사용함. type="text/css" : 외부.. 더보기
2.웹프로그래밍, Javascript, 자바스크립트는 HTML 의 어디에 위치할 수 있을까요? 자바스크립트가 삽입될 수 있는 방법을 알아볼께요. 첫째, Inline Javascript 둘째, Inner Javascript 셋째, Outer Javascript 우선, Inline Javascript 에 대해서 알아볼께요. HTML 태그 내부에 이벤트 속성으로 삽입가능함. 이를 Inline Javascript 라고 부름. 단, 해당 방법은 꼭 필요한 경우에만 사용하자. 예시 웹브라우저 실행화면 설명 위와같이, HTML 태그 내부 이벤트속성으로 삽입되어, 버튼이 클릭되면 아래 메시지를 볼수 있음. 메시지 "T.hub에 오신걸 환영합니다.^^" 그럼, Inner Javascript 에 대해서 알아볼께요. 내부에 자바스크립트를 위치하려고 한다면, script 태그를 사용함. script 태그는 스크립트가 .. 더보기
1.Spark, 스파크를 구성하는 컴포넌트에 대해서 알아보자. 스파크의 컴포넌트 구성요소 아래의 다양한 스파크 컴포넌트들은 여러기능이 집약되어 통합 플랫폼으로 발전됨. 컴포넌트 구성도 스파크 코어 스파크 SQL 스파크 스트리밍 스파크 GraphX 스파크 MLlib 그럼 스파크 코어에 대해서 알아보자. 스파크 Job과 다른 스파크 컴포넌트에 필요한 기본 기능을 제공함. 코어에서 가장 중요한 개념. RDD(Resilient Distributed Dataset) 분산 데이터 컬렉션(or 데이터셋)을 추상화한 객체 데이터셋에 적용할 수 있는 연산 및 변환 메소드를 함께 제공함. 다시말해서,스파크 API 의 핵심 요소 주요 특징 복원성 노드에 장애가 발생하더라도, 데이터셋을 재구성할 수 있음. 특징 다양한 파일시스템에 접근 가능함 HDFS GlusterFS Amazon S3.. 더보기
1.웹프로그래밍, Javascript, 자바스크립트를 이용해서 할 수 있는것은 무엇이 있을까요? 자바스크립트(Javascript)를 이용하는 이유는 무엇일까요? 첫째, 이벤트(event)에 반응하는 동작을 구현할 수 있음. 둘째, HTML 요소의 크기나 색상을 동적으로 변경가능함. 셋째, Ajax를 통해서 전체 페이지를 다시 로드하지 않고서도 서버로부터 새로운 페이지 내용을 받거나 데이터를 제출할때 사용할 수 있음. 넷째,게임 or 애니메이션과 같은 상호 대화적인 내용을 구현할 수 있음. 마지막으로, 사용자가 입력한 값을 검증하는 작업을 할 때도 자바스크립트를 이용할 수 있음. 자바스크립트의 미래는 어떨까? 자바스크립트의 원래 용도는 웹페이지를 위한 프로그래밍 언어였음. but, 현재는 용도가 더욱 확장되고 있는 추세임. 자바스크립트의 이용 종류에 대해서 알아보자. Node.js 자바스크립트를 통해.. 더보기
2.ElasticSearch, 엘라스틱 서치가 강력할 수 밖에 없는 이유에 대해서 알아보자. 블로깅의 목적 엘라스틱 서치(ElasticSearch)에 대해서 공부해보고, 엘라스틱 서치의 장단점을 파악해보자. 반드시! 엘라스틱서치(ElasticSearch)는? 요즘 빅데이터를 빠르게 검색하기 위해 NoSQL(No Structured Query Language) 를 많이 사용함. 즉, 엘라스틱도 NoSQL의 일종. 분류가 가능함. 분석처리를 통한 실시간에 준하는 빠른 검색이 가능함. 기존 데이터베이스로는 처리하기 어려운 대량의 비정형 데이터도 검색 가능함. 전문 갬색(Full Text) / 구조 검색 모두를 지원함. 참고페이지 https://www.elastic.co/kr/elasticsearch/ 그럼, 엘라스틱 서치의 장점을 정리하고 알아보자. 오픈소스 검색엔진 아파치 재단의 루씬(Lucene).. 더보기
5.hadoop, 하둡의 핵심 기술관련 리소스관리자 및 스케줄러 에 대해서 정리해보자. 블로그 목적 하둡의 핵심 기술관련 리소스관리자 및 스케줄러 에 대해서 정리해본다. 하둡의 스케줄링 시스템에 대해서 알아보자. YARN(Yet Another Resource Negotiator) 란 무엇인가? 하둡에서 가장 효율적인 방법으로 리소스를 할당하고, 사용자 어플리케이션을 스케줄링하는 시스템. 스케줄링과 리소스관리로 데이터 지역성을 극대화하고 계산량이 많은 어플리케이션이 리소스를 독점하지 않게 제어하는 기능을 함. 교체 가능한 스케줄링 시스템을 지원함. 공용 리소스 시스템의 스케줄링에 필요한 기본적인 환경 설정을 스케줄러에 입력할 수 있음. 사용자당 리소스 제한 작업 대기열당 리소스 할당량 기타 등등 클러스터의 리소스를 컨테이너(Container)로 분할함. 컨테이너의 정의 CPU 코어수 메모리 .. 더보기
4.hadoop, 하둡의 핵심 기술관련 분산파일 시스템에 대해서 정리해보자. 블로그 목적 아파치 하둡의 기술구성요소 중 분산파일 시스템에 대해서 정리해본다. 아파치 하둡(Apache Hadoop)이란? 대규모 검색 색인을 구축하려고 자바로 개발된 오픈 소스 분산 플랫폼을 말함. 개발목적 최초 검색 색인 이후 다방면으로 활용되고 차츰 개선되어, 대규모 원시 데이터를 처리하고 분석하는 데이터 센터 운영 시스템의 핵심 소프트웨어 생태계를 이루게됨. 아파치 하둡의 웹페이지 https://hadoop.apache.org/ 그럼, 하둡의 기술 구성 요소 중 분산파일 시스템에 대해서 정리해보자. 하둡 스토리지 HDFS(Hadoop Distributed File System) 구글의 GFS(Google File System)을 기반으로 설계됨. https://dl.acm.org/doi/10.1.. 더보기
반응형

티스토리툴바