호스트 os 1번 설정
게이트웨이 겸 dns서버 2번

192.168.100(셋팅).1 호스트
2. 게이트웨이 겸 dns서버
3. DHCP서버 192.168.111.254

동적으로 IP할당해주는 서버 VM웨어에서 자동으로 제공해줌
VM웨어 서스펜드: 일시정지
일시정지동안은 하드웨어 추가 불가 파워오프 후에 해야됨



리눅스=무료유닉스
리눅스 토르발스가 버전0.01을 최초로 작성 커널부분을
1992년 버전0.02 버전을 공개하면서 시작됨
리눅스 토르발스는 커널만 개발함

배포판의 구성

GNU프로젝트

리차드스톨만에 의해 GNU프로젝트가 시작

목표는 모두가 공유할 수 있는 소프트웨어를 만드는 것

리차드 스톨만은 자유소프트웨어재단을 설립 1985년

GPL을 따름 이 라이센서는 자유소프트웨어의 수정과 공유의 자유를 보장함

프리웨어라는 개념을 넘어서 진정한 자유에 대한 개념


자유소프트웨어는 심지어 무료로 얻은 소프트웨어를 유상으로 판매할 자유도
보장

커널버전의 의미 3.17.4

3은 주버전
17은 부버전
4는 패치버전


2015년 4월 부터 커널 4.0버전을 배포하기 시작함

배포판에 포함된 기본커널을 사용자가 직접 최신의 커널로 업그레이드 할 수 잇음


http://www.kernel.org에서 최신버전을 무료로 다운로드

전세계적으로 가장 유며앟ㄴ 배포판중 하나가 레드햇 리눅스 레드햇사에서
제작한 레드햇 리눅스

사용으로 판매되는 레드햇엔터프라이즈 리눅스, 공개된 레드햇 엔터프라이즈 리눅스의 소스코드를 그대로 가져와서 로고만 변경한후 다시
컴파일 해서 만든것이 CentOS


CentOS 7을 설치하기 위한 하드웨어 요구사항
-최소요구사항-


CPU 1GHz보다 빠른 프로세서
하드디스크 여유공간
10GB이상의 여유공간 권장 (추가 설치에 따라서 달라질 수 있음)
메모리
최소 1GB(512MB도 설치 가능)

그래픽카드
최신 그래픽카드 대부분을 지원함

VMWARE를 사용할 경우에는 훨씬 높은 사양이 요구됨


이더넷이름
eno16777728

ip주소 192.168.111.128
서브넷 255.255.255.0
디폴트 라우트 192.168.111.2
DNS 192.168.111.2




수동으로 파티션 설치

디스크에 설정

/
swap 필요

80GB 에 swap 2GB 정도
swap:실제 메모리가 부족할경우 사용하는 가상메모리

실제메모리의 2배정도가 적당

/: 윈도우 비교하면 c드라이브라고 생각하면됨 비슷

/ , swap 만 우선 지정



eno16777728

ip주소 192.168.111.128
서브넷 255.255.255.0
디폴트 라우트 192.168.111.2
DNS 192.168.111.2

추가시 root 로그인 안됨


gedit /etc/pam.d/gdm-password

auth required pam_succeed_if.so user !=root quiet


자동로그인

설정 사용자 잠금해제

cd /etc/yum.repos.d
ls


su

gedit CentOS-Base.repo

update부분 삭제해야 작동안함


cd /etc/yum.repos.d
ls
CentOS-Base.repo

행포함 7dd 행포함 7번째줄까지 삭제

cd /etc/sysconfig/network-script

IPADDR=
NETMASK=
GATEWAY=
DNS1=

:wq

vi /etc/sysconfig/selinux

yum -y install bind-utills wget unzip tar

shutdown -k +15
15분후 종료한다는 메시지를 가짜로 보내서

서버를 여러명이 사용할경우 성능 저하일때 알려줌


런레벨
init명령어 뒤에 붙는 숫자를 런레벨이라고 부른다.
런레벨 0번부터 6번

0번은 파워오프 종료
1번은 복구모드 단일 사용자모드
2번이랑 4번은 사용을 안함

3번만 사용 가장 일반적인 멀티유저 모드
단 3번은 텍스트로 접속 하는 텍스트 모드

5번은 그래피컬 다중 사용자모드
x위도우가 뜸


6번은 리부트 모드

init 0 종료
init 6 복구가 됨

init 2,4번은 사용은 안함
3번처럼 멀티유저처럼 쓰임 init2, init4
두개는 같은거라고 보면된다


ls /lib/systemd/system/runlevel?.target

ls -l /lib/systemd/system/runlevel?.target

ls -l /etc/systemd/system/default.target


ln -sf 링크만드는 명령어
ln -sf /lib/systemd/system/multi-user.target /etc/systemd/system/default.target



dvd장치: /dev/cdrom
연결해제:umount
마운트할 폴더 만들기 (확인):mkdir
마운트:mount
마운트해제:umount


리눅스는 숨김속성이 파일명이나 폴더명앞에 .이붙으면 숨김파일,숨김폴더

ls -a 숨김파일 표시
ls /특정폴더경로
ls -l 자세히 보기
맨앞 - 파일
맨앞 d 폴더
ls -l 로 폴더인지 파일인지 정확히 파악 리눅스마다 틀림

ls *.cfg
ls my*
ls -al
숨김파일 자세히까지

/ 최상위 디렉토리
cd
pwd

cd ~centos
~: 물결표시는 이사용자의 홈폴더로 이동하라

상대경로
절대경로


절대경로:
/ 부터들어가는게 절대경로 ex) cd /etc/sysconfig/network-scripts

상대경로:
cd .. 상대경로 상위디렉토리 이동 현재디렉토리의 상위로
현재디렉토리 대비 경로이동을 상대경로

cd . 현재 경로,현재디렉토리

cd .


touch 크기가 0인 파일생성

rm 파일이름

물어보고 삭제

rm -f 파일이름

안물어보고 삭제


cp 파일이름 복사할파일이름

cp -r 대상디렉토리 복사할폴더이름

cp -r /etc/sysconfig .

ls sysconfig


mv
파일이름 변경 및 이동시 사용

mv myfile abcd3
myfile을 abcd3로 바꿈

mv /etc/sysconfig .
/etc/sysconfig파일을 현재디렉토리로 이동



mkdir -p dir1/dir2/dir3

rmdir 폴더
비어잇는 폴더만 삭제가능 하위폴더까진 불가

rm -r 폴더전부 삭제가능
하위까지 확인후 삭제

rm -rf 폴더
파일안물어보고 바로 삭제


텍스트파일 출력 명령어
cat
head
tail
more
less


file 명령으로 파일정보알려줌

링크파일은 바로가기기능





학문---과학-- 형식과학(수학,논리학) , 경험과학(자연과학,사회과학,인문학)--->경영학

    철학 (윤리학,미학,종교학)



경영학의 양면성


과학이자  기술로서 경영학 

이론이자 실천으로서 경영학


경영학

과학(science) -경영현상의 이론적 연구(이론과학)

기업목표에 대한 효과,효율성 연구(실천 과학)


기술(기업,art)

경영학의 학문적 성격이 현실적용에 있다

이론을 기반으로 하는 기술적  측면의 존재


이론-경영현상의 이론적 연구(이론과학)


실천(practice)=기업목표에 대한 효과 ,효율성 연구(실천과학)


경영학을 공부하는 이유


인과관계를 체계적 논리적으로 밝힘으로써 경영자로 하여금 현실적 문제해결방법을 제시

다른 사람에게 경영을 가르치기 위함


-경영자와 관리자의 경영도구

우리삶의 질을 높이는 직접적 도구



인간은 사회적 동물

인간은 조직을 필요로 하고 조직 속에서 살 수밖에 없으며 , 제한된 힘을 합쳐 공동체를 만들고 그 공동체를 통하여 공통된 목표를 추구한다.


조직의 정의

개인들이 목적을 달성하기 위해 상호작용을 전개하는 구조적 과정

다수의 인간들이 공통된 목적을 달성하기 위하여 상호작용을 하고 조정을 행하는 유기적인 행동의 집합체


조직과사회:조직은 인간의 사회적욕구에 따라 다양하게 분류

경제활동을 위한 조직: 정부,기업,가계

정치적 목적을 위한 조직: 정당등

종교적 목적을 위한 조직: 종교단체


조직의 특성(공동목표+분업+권한체계+고유한 운영법칙_


공동의목표( 조직의 의사결정 기준)

분업을 통해 협력(구성원의 능력에 따라 업무분담)

권한체계(목표달성을 위한 지휘,조정,통제 기능)


고유한 운영법칙이나 규율(조직 목적에 따른)


조직의 구성요인

-조직은 여러 요소들의 유기적인 집합체

-인간(조직의 가장 기본적인 요소)

-조직구조(조직의 틀,조직의 특성에 의존)

-과업(조직구조 속에서 해야 할 일)

-기술(과업을 수행하는 구체적인 방법)

-시설 및 자금 (조직의 물리적 경제적 기반)


시너지효과-조직을 통한 결과가 구성원 개인의 노력의 산술적 합보다 크게 나타나는 상승효과



기업의 정의

조직은 다수의 인간들이 공통된 목적을 달성하기 위하여 상호작용을 하고 조정을 행하는 유기적인 행동의 집합체라고 할수있다. 이를 기업이라는 관점에서 정의를 내리면 다음과 같다.

기업은 다수의 인간들이 그들의 공통된 목적을 달성하기 위하여 투입에 비해 보다 많은 산출을 생산하는 경제성의 원칙에 따라 운영되는 유기적인 행동의 집합체이다.


기업이란 무엇인가에서 기업의 본질에 대한 질무은 기업을 바라보는 관점인 기업관에 따라 다르다. 그러나 기존의 여러 기업관에서 나타나는 공통적인 특성을 정리하면 다음과 같다.

1.이윤을 추구하는 조직체: 경제성원칙(가장 유리한 생산요소의 결합)에 입각한 수익성 추구

2.사회적 특성을 갖는 조직체:내부적 특성(구성원 간의 관계),외부적특성:(주주,채권자,경쟁기업,소비자,지역사회 등)

3.본질적으로 생산기능을 수행하는 조직체: 인간의 욕구를 충족시킬 수 있는 재화나 서비스 생산

4.기술적 특성을 갖는 조직체:생산기능의 효율적 수행을 위한 경쟁우위의 기술이 요구됨 















'기타 > 경영학' 카테고리의 다른 글

경영학 1-2  (0) 2018.12.27
경영학 1-1  (0) 2018.12.27

내부네트워크


로컬네트워크개념으로 라우터나 방화벽 안쪽에 자리한 네트워크로 라우터를 넘어가지 않는 이상 내부에 있는 호스트끼리만 통신이가능한 네트워크



외부네트워크


라우터나 방화벽넘어 밖에 위치한 네트워크로 외부 네트워크로 나감으로써 인터넷이 만들어진다



네트워크통신 유니캐스트 


고유 주소로 식별된 하나의 네트워크 목적지에 메시지를 전송하는 방식

네트워크에서 가장 많이 사용되는 트래픽

랜통신에서 송신자의 맥주소와 수신자의 맥주소를 알고있을때 해당데이터를 정확히

목적지에 전달하는 방법  예시로는 11 통신에 사용


네트워크통신 브로드 캐스트


같은네트워크에서 모든 호스트에 데이터를 전달하는 방식

송신자는 알때 수신자를 모를때 사용한다 주로


플러딩을 사용해 찾고 arp프로토콜을 써서 찾는다.


네트워크 통신 멀티캐스트


한번의 송신으로 메시지를 여러 컴퓨터에 동시에 전송하는 방식

유니캐스트와 브로드 캐스트를 이용한 방식으로 그룹을 지어 해당 그룹에 데이터를 보낸다.

특정100명에게만 만약 보내고싶다면 유니캐스트 멀티캐스트로만을 사용하기 힘들때

특정그룹에 보낼때 사용


DNS 도메인 네임 시스템의 약자


호스트의 도메인 이름을 호스트 네트워크 주소로 바꾸거나 반대의 변환을 수행하는 시스템

예를 들어 kt dns 주소 

168.126.63.1 -?>>> kns.kornet.net


터미널창에서 nslookup ip주소 or dns 입력하면 해당 ip dns 바꿔주거나 반대의 역활로 변환해준다




TCP/UDP


TCP: 신뢰성높은 연결형 프로토콜로 데이터의 손실이나 증복,순서 반전에 대해 자동으로 복구를 해주며

,수신간에 정확한 데이터 전송이 가능하다. 


UDP 간단하고 가벼우며 신뢰할 수없는 비연결형 프로토콜로 별도의 연결이나 제한없이 데이터를

빠르게 처리가 가능하다




UDP 신뢰성이 없다 비연결성 재전송없음 특징:신뢰할수없지만 고속의 데이터 전송가능

TCP 신뢰성이 있다 연결성.    재전송.     특징:흐름제어로 인하여 속도는 비교적 느려도 신뢰성있는 연결 



udp 한번보내면 고속전송 신뢰성 없음 

udp 편지와 같다 상대방이 잘받았는지 알수없고 보낸사람은 보내면

우편물,공과금용지같은 예시로 생각 받는지 확인 불가

tcp 한번 보내서 확실히 확인함

예시로 전화와 같음 상대방과 연결이 됫는지 안됬는지 알수있음 

통화 와같음



네트워크 연결과정 3Way-HandShaking


상대방을 만날경우 악수를 할때 3번하는것과 비슷해서 3웨이 핸드쉐이킹


tcp 신뢰성 있는 연결을 위해 패킷을 3 교환하여 사용자를 검증하는 과정


사용자가 서버에 연결 요청을 하면서 SYN패킷을 보낸다.

서버는 받은 SYN패킷에 대한 응답으로 SYN+ACK패킷을 보낸다.

사용자는 ACK패킷으로 응답을 보낸다


A——>>>>> SYN. —>>>B

A——<<<<<SYN+ACK<<—-B

A——>>>>>ACK——>>B (syn패킷번호에 1 더해 ack 리턴해줌)


Flag:SYN Src:12345 Dst:8080 Seq 66

Flag :SYN +ACK Src:8080 Dst:12345 Seq:77 Ack:67

Flag:ACK Src:12345 Dst:8080 ACK:78

와이어 샤크 툴을 이용하여네트워크 패킷을 캡쳐 수있다.



'컴퓨터공학 > 네트워크' 카테고리의 다른 글

네트워크 기본 원리 -1  (0) 2018.12.28

네트워크 보안



네트워크 컴퓨터들끼리 연결되서 전송되는


네트워크의 종류 lan, wan , man


프로토콜

컴퓨터 통신사이의 규약 


네트워크의 두주소 

Ip


ip주소=네트워크+호스트

192.168.0.1



mac주소

네트워크상에서 특정 개체를. 나타내는 물리적주소

mac주소=제조사 번호 +특정번호


00:60:97:8f:4f:86


Arp

ip주소를 mac주소로 바꾸는 프로토콜


Rarp 

mac주소를 ip주소로변환


네트워크란


Ipaddress MAC address


Arp , rarp 


네트워크 기본 구조


네트워크장비:스위치(허브),라우터

논리적네트워크:내부네트워크,외부네트워크

네트워크 통신:유니캐스트,멀티캐스트,브로드캐스트


DNS


네트워크 연결과정 TCP/UDP

3way-HANDshaking


네트워크 기본구조 


스위치(허브)

네트워크 단위들을 연결하는 통신 장비


허브는 11 통신

스위치는 1n통신


스위치가 최근에 많이쓰이고 있다.


스위치의 5가지 작업


Learning 테이블에 정보를 저장한다.

테이블:호스트들의 정보를 저장하는곳

러닝:테이블에 정보를 저장함

Flooding  모르는 정보를 모든 호스트에 뿌린다.

자신한테 붙어있는 호스트에 질의를 던져 모르는정보를 찾아낸다.

목적지를 모르는 정보를 찾기위해 사용하는것


Forwarding 알고있는 목적지에 정보를 전달한다.

목적지를 알고있을때 데이터를 전송해서 전달

Filtering 

네트워크에 있는 정보 전송에 있어서 다른 목적지로 가지못하게 필터링


Aging 

스위치가 사용자정보를 무제한 저장할수없기 때문에 정보를 저장하다가 덮어쓰기때문에

오래된정보를 삭제함


라우터 패킷의 위치를 추출하여 그위치에 대한 최상의 경로를 지정하며 이경로를 따라

데이터 패킷을 다음 장치로 전향시키는 장비


패킷의 위치를 정해 최상의 경로를 정해줌


라우터가하는일 최적의 경로 배정

가중치 비교후 가장 빠른걸로 배정 (예시)


'컴퓨터공학 > 네트워크' 카테고리의 다른 글

네트워크 기본원리2  (0) 2018.12.28

효과적인 경영

의도한 목표의 양적,질적 달성 여부

목표생산량을 의도한 품질 수준에서 기간 내에 달성 여부 

목표생산량을 의도한 품질 수준에서 기간 내에 달성 여부

목표달성을 위해 사용된 자원의 낭비는 고려하지 않음


효율적 경영

생산성개념과 유사한 개념으로 목표달성에 사용된 비용을 고려

투입량에 대한 산출량의 비율 (투입량<산출량:효율적)


따라서 유능한 경영자는 효과성과 효율성을 동시에 추구하고 궁극적으로 효과성과 효율성의 균형을 유지


 

 자원의 활용상태 나쁨

 자원의 활용상태 좋음

 

 목표달성 높음

 효과적/비효율적 자원의 일부가 낭비

효과적/효율적 목표달성 및 자원활용 높은 생산성 영역 

 

 목표달성 낮음

 비효과적/비효율적 목표는 달성되지 못함 자원이 낭비됨

자원의 낭비없음 목표는 달성 못함  

 

 

 

 

 





경영마인드:효과성과 효율성을 추구하는 마인드 

1.고객을 최우선으로 하는 고객중심 마인드--고객중심적 경영활동

2.시장에서 경쟁우위를 확보 하기 위한 경쟁우위 마인드

(창조적 경영활동과 기업의 핵심역량의 활용의 경쟁우위 마인드)

3.기업의 가치를 극대화하고자 하는 기업가치(수익성) 극대화마인드


팔리는 상품을 소량으로 테스트후 반응을 보고 시간적/자원적 투자를 진행한다.

소비자들이 관심이 있으나 구매처가없어 구매하지 못한 상품들

틈새시장 상품들

해외시장 상품들



경영마인드와 행정마인드의 비교


경영마인드

 행정마인드

 현실에도전

 현실을 그대로 받아들인다

 개혁을 통해 창조

 현상유지를 위한 관리를 한다.

 먼 앞날을 계산

 당장 눈 앞에 보이는 손과 득을 계산한다.

 무엇을 왜 하는 지 문제삼는다

 당장의 손과 득을 계산하고,언제 어떻게를 문제 삼는다.




경영마인드

1.고객중심마인드(시장화)-고객에게 제공되는 모든 것이 최상의 고객만족 중심

2.경쟁우위 마인드(기업경쟁력 확보를 위한 창조적 경영)

3.가치극대화 마인드(자원 투입의 효과성과 효율성 추구)


경영학이란 기업경영을 대상으로 하는 학문

기업의 목표를 달성하기 위해 자본, 물적자원,인적자원,정보,지식등을 이용하여 계획,조직,지휘,통제하는 활동인 경영활동을 체계적으로 연구하는 학문

학문으로서 경영학은 이론과 실천, 과학과 기술이라는 4가지 관점에서 요약된다.

경영학은 현상과 법칙을 연구한다는 측면에서 학문이며,본질과 존재의 이유를 연구하는 철학과는 구별된다.

경영학은 인간의 경험세계를 대상으로 하는 경험과학이며, 선험적 공리법칙을 대상으로 하는 수학과 같은 형식과학과 구별된다.

경영학은 사회현상, 특히 기업경영을  대상으로 하는 사회과학이다.


시간적차원:기업경영을 생성,성장,소멸이라는 발전과정적 측면에서 연구-창업론,중소기업경영론,전략경영

공간적차원:내외부적 상호작용이라는 측면에서 연구-생산관리,마케팅,재무관리.회계원리,경영정보시스템,국제경영

인간적차원:조직의 합리적이고 효율적인 운영에 대한 연구(인사관리,조직행동,노사관계관리)




'기타 > 경영학' 카테고리의 다른 글

경영학 1-3  (0) 2018.12.28
경영학 1-1  (0) 2018.12.27

경영의 일반적정의


경영이란 용어는 현실적으로 매우 다양하게 사용 되고 있다.

경영 이란 조직의 사명이나 경영목표를 달성하기 위하여 희소한 제 자원을 효율적으로 활용하는 과정이라고 할수있다.

조직의 모든활동:조직의 목표를 달성하기 위하여 모든 자원을 사용하여 계획,실행,통제하는 과정

Drucker:조직의 방향을 제시하고 리더쉽을 통하여 제자원을 어떻게 활용할 것인지를 결정

Fayol:계획하고 조직하고 지시하고 조정하고 통제하는 작업

경영활동(기능별활동): 생산,재무,인사조직,마케팅,회계,경영정보

경영활동(과정별활동):계획,실행,통제

일반적 정의 : 기업이 목표를 달성하기위해 인적,물적,재화적 자원을 효율적으로 배분하여 최종산출물을 생산하는 과정(활동)



미국 경영학: 행동론적 관점에서 동태적 개념으로 정의

목표를 달성하기 위하여 모든 자원을 효율적으로 활용하는 과정

조직의 방향을 제시하고 리더쉽을 통하여 조직의 제 자원을 어떻게 활용할것인지를 결정하는 것


독일 경영학: 구조론적 관점에서 경영을 생산단위나 경제단위와 같은 정태적 개념으로 정의

노동력이나 생산수단을 결합하여 산출물을 생산해 내는 기술적 조직

생산시스템,정보활동,인간관계 등의 하부시스템으로 구성된 하나의 포괄적인 시스템



계획: 조직의 목표를 달성하기 위하여 조직의 방향과 수행하여야 할 과업 및 과업의 순서를 구체적으로 결정하는 과정(기능)을 말한다.


조직:계획을 실행하기 위하여 인적,물적자원을 배분하는 과정(기능)을 말한다.


지휘:구성원들로 하여금 부여 받은 과업을 자발적으로 수행하도록 동기를 부여하고 영향력을 행사하는 과정(기능) 즉 , 조직을 이끌어 나가는 과정을 말한다.


통제:목표와 계획이 제대로 달성되고 있는지 여부를 확인하기 위하여 결과를 평가하고 필요한 조취를 취하는 과정(기능)을 말한다.


경영이란 목표달성을 위해 계획을 수립하고 조직을 만들고 지휘와 통제를 반복해 나가는 과정


경영대상: 협의(영리조직) , 광의(비영리 조직)

경영자원:재화 ,서비스를 생산하기 위한 여러 투입요소


인적,물적,재화적 자원-->> 하드웨어적 측면


지식,정보적자원,기술적자원,전략 ----> 소프트웨어적 측면


모든것은 경영목표달성을 위해 움직인다.




경영(Business management)

상위적이며 기획적 개념

목적과 목표를 설정하는 기능으로 장기경영계획수립 및 이해관계 조정 등의 거시적 활동

최고경영층의 전략적,정책적 결절


관리(Management)

하위적이며 실천적 개념

경영계획을 효율적으로 실행하기 위한 자원의 효율적 배분, 지휘,통제하는 미시적 활동

중간경영층,감독계층의 일상적 업무결정






'기타 > 경영학' 카테고리의 다른 글

경영학 1-3  (0) 2018.12.28
경영학 1-2  (0) 2018.12.27

Styling HTML with CSS

html을 스타일링하는 css

CSS stands for Cascading Style Sheets.

Cascading Style Sheet의 줄임말 CSS


CSS describes how HTML elements are to be displayed on screen, paper, or in other media.

CSS 묘사한다 html이 어떻게 스크린,종이,미디어에 표현되는지를


CSS saves a lot of work. It can control the layout of multiple web pages all at once.

CSS 는 많은 작업을 저장합니다 . 한 번에 여러 웹 페이지의 레이아웃을 제어 할 수 있습니다.


CSS can be added to HTML elements in 3 ways:

CSS는 다음 세 가지 방법으로 HTML 요소에 추가 할 수 있습니다.

  • Inline - by using the style attribute in HTML elements
  • 인라인 - HTML 요소의 style 속성을 사용해서

  • Internal - by using a <style> element in the <head> section
  • 내부적 head섹션안에서 style요소를 사용해서

  • External - by using an external CSS file
  • 외부의 CSS파일을 사용해서

The most common way to add CSS, is to keep the styles in separate CSS files. However, here we will use inline and internal styling, because this is easier to demonstrate, and easier for you to try it yourself.

CSS를 추가하는 가장 일반적인 방법은 별도의 CSS 파일에 스타일을 유지하는 것입니다. 그러나 여기에서는 인라인 및 내부 스타일링을 사용합니다. 이는 시연하기 쉽고 직접 시도하기가 쉽기 때문입니다.

Tip: You can learn much more about CSS in our CSS Tutorial.


Inline CSS

An inline CSS is used to apply a unique style to a single HTML element.

An inline CSS uses the style attribute of an HTML element.

This example sets the text color of the <h1> element to blue:


인라인 CSS

인라인 CSS는 단일 HTML 요소에 고유 한 스타일을 적용하는 데 사용됩니다.

인라인 CSS는 HTML 요소의 style 속성을 사용합니다.

이 예제에서는 <h1>요소 의 텍스트 색 을 파란색으로 설정합니다.

Example

<h1 style="color:blue;">This is a Blue Heading</h1>
Try it Yourself »

내부 CSS

내부 CSS는 단일 HTML 페이지의 스타일을 정의하는 데 사용됩니다.

내부 CSS는 요소 <head>내의 HTML 페이지 섹션에 정의됩니다 <style>.

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
직접 해보기»




외부 CSS

외부 스타일 시트는 많은 HTML 페이지의 스타일을 정의하는 데 사용됩니다.

외부 스타일 시트를 사용하면 하나의 파일을 변경하여 전체 웹 사이트의 모양을 변경할 수 있습니다!

외부 스타일 시트를 사용하려면 <head>HTML 페이지 의 섹션에 링크를 추가 하십시오.

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
직접 해보기»





외부 스타일 시트는 텍스트 편집기로 작성할 수 있습니다. 파일에는 HTML 코드가 없어야하며 .css 확장자로 저장해야합니다.

다음은 "styles.css"의 모양입니다.

body {
  background-color: powderblue;
}
h1 {
  color: blue;
}
{
  color: red;
}

CSS 글꼴

CSS color속성은 사용할 텍스트 색상을 정의합니다.

CSS font-family속성은 사용할 글꼴을 정의합니다.

CSS font-size 속성은 사용할 텍스트 크기를 정의합니다.

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  color: blue;
  font-family: verdana;
  font-size: 300%;
}
p  {
  color: red;
  font-family: courier;
  font-size: 160%;
}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
직접 해보기»





CSS 테두리(border)

CSS border속성은 HTML 요소 주위에 테두리를 정의합니다.

{
  border: 1px solid powderblue;
}
직접 해보기»






CSS 패딩(여백)

CSS padding속성은 텍스트와 테두리 사이의 여백 (공백)을 정의합니다.

{
  border: 1px solid powderblue;
  padding: 30px;
}
직접 해보기»




CSS 여백

CSS margin속성은 경계 밖의 여백 (공백)을 정의합니다.

{
  border: 1px solid powderblue;
  margin: 50px;
}
직접 해보기»




id 속성

특정 특수 요소에 대한 특정 스타일을 정의하려면 요소에 id특성을 추가하십시오 .

<p id="p01">I am different</p>

다음 특정 ID로 요소의 스타일을 정의하십시오.

#p01 {
  color: blue;
}
직접 해보기»

참고 : 요소의 id는 페이지 내에서 고유해야하므로 id selector가 하나의 고유 한 요소를 선택하는 데 사용됩니다!






Attribute 클래스

특수 유형의 요소에 대한 스타일을 정의하려면 요소에 class속성을 추가하십시오 .

<p class="error">I am different</p>

다음 특정 클래스를 사용하여 요소의 스타일을 정의합니다.

p.error {
  color: red;
}
직접 해보기»




외부 참조

외부 스타일 시트는 전체 URL 또는 현재 웹 페이지와 관련된 경로로 참조 할 수 있습니다.

이 예제에서는 전체 URL을 사용하여 스타일 시트에 연결합니다.

<link rel="stylesheet" href="https://www.w3schools.com/html/styles.css">

직접 해보기»

이 예제는 현재 웹 사이트의 html 폴더에있는 스타일 시트에 연결됩니다.

<link rel="stylesheet" href="/html/styles.css">

직접 해보기»

이 예제는 현재 페이지와 같은 폴더에있는 스타일 시트에 연결됩니다.

<link rel="stylesheet" href="styles.css">

직접 해보기»

파일 경로에 대한 자세한 내용은 HTML 파일 경로 장을 참조하십시오 .


단원 요약

  • style인라인 스타일에 HTML 속성 사용
  • HTML <style>요소를 사용하여 내부 CSS 정의
  • HTML <link>요소를 사용하여 외부 CSS 파일을 참조하십시오.
  • HTML <head>요소를 사용하여 <style> 및 <link> 요소 저장
  • color텍스트 색상에 CSS 속성 사용
  • font-family텍스트 글꼴에 CSS 속성 사용
  • font-size텍스트 크기에 CSS 속성 사용
  • border테두리에 CSS 속성 사용
  • padding테두리 안의 공간에 CSS 속성 사용
  • margin경계 외부 공간에 CSS 속성 사용







HTML 스타일 태그

TagDescription
<style>Defines style information for an HTML document
<link>Defines a link between a document and an external resource


'언어 > HTML' 카테고리의 다른 글

HTML 색상  (0) 2018.12.18
HTML 주석  (0) 2018.12.18
HTML 인용문 및 인용문 요소  (0) 2018.12.18
HTML FORMATING 텍스트 서식지정  (0) 2018.12.18
HTML 스타일  (0) 2018.12.18
const yonginfo ={
name:"yongyong",
age:33,
gender:"Male",
isHandsome:true,
favMovies:["Along the gods","Lotr","Oldboy"],
favFood:[
{
name:"kimchi",
fatty:false
},
{
name:"cheese burger",
fatty:true
}
]

}
console.log(yonginfo);
console.log(yonginfo.favFood[0]);
console.log(yonginfo.favFood[0].name);

//데이터정렬하는데 2가지방법 array와 object

//오브젝트 만들기 {}컬리브라켓을 써주면된다다


//오브젝트에는 이렇게 데이터 타입을 저장할수도있고 array도 포함이 가능하다




/*변수사용 케이스는

camel case 항상변수시작은 소문자로시작하고 다음단어는 스페이스는
적용이 안되니 단어로 시작할때 대문자로 시작해야한다 .또는/는 변수명 사용이
안된다.

constOfWeek와 같이

*/

const monday ="Mon";
const tue ="tue";
const wed ="wed";
const thu ="thu";
const fri ="fri";

console.log(monday,tue,wed,thu,fri);

const dayOfWeek =[];

const info =[monday,tue,wed,thu,fri,true];

배열을 정의할때 이런식으로 정의가 가능하고

console.log(info[0]);

출력하면 컴퓨터는 0부터 시작하기 때문에 monday를 출력한다.

/*String
const what ="Nicolas";
console.log(what);

*/

/*
const wat =false;
const wat1= true;

NUmber
const wat =234;

FLoat
const wat =23.324;

*/

이런식으로 쓰면되네요~



'언어 > JAVASCRIPT' 카테고리의 다른 글

바닐라자바스크립트 오브젝트  (0) 2018.12.19
바닐라 자바스크립트 배열  (0) 2018.12.19
바닐라 자바스크립트 let,var,const  (0) 2018.12.19

+ Recent posts