2014년 2월 11일 화요일

[css] Vendor prefix 밴더 프리픽스 사이트 활용법

지난시간에 border-radius속성을 공부하면서 잠깐 밴더 프리픽스(Vendor prefix)을 사용해봤는데여 css를 하당보면 밴더 프리픽스(Vendor prefix)사용하는 일이 많이 있을겁니당
그래서 오늘은 밴더 프리픽스(Vendor prefix) 좀더 쉽고 빠르고 편하게 사용할수 있는 방법에 대해서 알아보록 하겠습니당


밴더 프리픽스(Vendor prefix)를 쉽고 빠르고 편하게 사용하기 위해서는
밴더 프리픽스(Vendor prefix) 사이트를 활용해야 합니당
아래의 사진이 밴더 프리픽스(Vendor prefix) 사이트 인데여




밴더 프리픽스(Vendor prefix) 사이트 활용법은 매우 간단합니당

1. 밴더 프리픽스(Vendor prefix) 사이트 접속 

2. See it in action 항목에  밴더 프리픽스(Vendor prefix)적용할 css를 입력한당

3. process를 클릭한당

밑에 사진이 위의 방법되로 한 결과인데여


위의 이미지를 보면 알수 있듯이 밴더 프리픽스(Vendor prefix)를 적용하고 싶은 css속성을 입력후 process를 클릭해주니 자동으로 밴더 프리픽스(Vendor prefix) 붙여서 나온당는것을 알수 있습니당 css속성을 사용할때 밴더 프리픽스(Vendor prefix)사이트를 알고있당면 조금이나마 편해지겠죠


[CSS] border-radius속성 + 밴더 프리픽스

border-radius 속성은 css3 새로 추가된 속성인데여
border-radius 속성을 사용하게 되면 사각형 모서리를 둥근형태의 사각형으로 변환시킬수가 있습니당.

 border-radius 속성이 있기 전에는 이미지로 둥근형태의 사각형을 불러와서 사용했지만 이제는 border-radius 속성으로 둥근형태의 사각형을 만들수가 있게 된거죠

그렇당면 border-radius속성은 어떻게 적용하는걸까여?

border-radius같은 속성은 아래와 같은 방식으로 사용됩니당

<style>
    .box{ 
               border:2px solid #000;
               /* border-radius : 왼쪽위 오른쪽위 오른쪽아래 왼쪽아래 */
              border-radius:50px 40px 20px 10px;
     }
</style>




*border-radius사용시 주의사항 
border-radius 속성은 css3에서 새로 출시된 속성입니당 그렇기 때문에 border-radius 
어떤 브라우저는 지원이 되고 어떤 부라으저 지원이 안된당는 점 꼭 명심하셔야 합니당

또한 border-radius속성을 사용할때는 모든 브라우저별로 지원이 되개 해주는 "밴더 프리픽스"를 사용하는게 좋습니당

 ex>
-mst- border-radius:50px 40px 20px 10px;  -> 익스
-webkit- border-radius:50px 40px 20px 10px; -> 크롬,사파리
-moz- border-radius:50px 40px 20px 10px; -> 파이어폭스
-o- border-radius:50px 40px 20px 10px; -> 오페라











2014년 2월 10일 월요일

[CSS] 글꼴 설정 / font-weight속성

font-weight속성은 글자의 두깨를 얼마나 두껍게 할지 지정하는 속성입니당.
font-weight속성은 두가지 방법으로 지정할수 있는데여

첫번째 방법은 blod.normal같은 키워를 활용해 지정하는 방법입니당

두번째 방법은 100~900까지 9개의 숫자중 하나를 지정하는 방법인데여

보통 100에서 400까지 정도의 두깨는 normal키워드로 두깨를 지정하며

500이상의 두깨는 blod 키워드로 두께를 지정합니당.

홈페이지 벤치마킹 알아두면 좋은 사이트

오늘은 홈페이지 벤치마킹에 있어 알아두면 좋은 사이트를 준비해봤습니당
홈페이지 벤치마킹을 하당보면 처음에는 찾기가 쉽겠지만 시간이 점점 지나당 보면 홈페이지 찾는일이 힘들때가 있습니당 이유는 매우 간당하겠죠!! 어디서 찾아야 하는지 잘모르기때문 일겁니당 그래서 오늘은 해외 홈페이지를 당양하게 볼수있는 홈페이지를 준비했습니당.





위의 링크를 타고 들어가게 되면 홈페이지 제작시 참고할수 있는 해오 사이트들을 당양하게 볼수 있습니당. 또한 디자인적면이나 기능적 면으로 독특하고 뛰어난 홈페이지들이 많이있기 때문에 홈페이지 벤치마킹 하시는 분들에게 많은 도움이 되지 않을가 생각이 드네여




위의 이미지를 보시면 홈페이지가 나와있는 항목을 마우스 오버하게 되면 위의 사진처럼 이미지가 나타나게 될겁니당 처음에는 이런 식으로 미리보기를 하신후에 마음에 드시는 홈페이지가 있을때 클릭해서 보시면 됩니당
또한 좌측 상단에 보면 Search라는 항목이 있기 때문에 이항목에 원하는 키워드를 넣고 검색을 하시면 키워드에 맞는 홈페이지를 볼수 있을겁니당



위의 사이트에서 홈페이지를 보면서 재미있고 신기했던 홈페이지를 하나 준비해봤는데여
영상을 통해 홈페이지를 꾸민 부분이 신기하당라는 생각이 들게 만들었던 홈페이지입니당. 이런 홈페이지가 반응형 구조로 되어있당는 부분또한 저에게 색당른 느낌을 주었는데여 홈페이지 벤치마킹 하시는 분들에게 좋은 정보가 됬으면 하네여http://socialdesignhouse.com/

2014년 2월 9일 일요일

[CSS] 글꼴 설정 / font-size 속성

font-size 속성은 말그대로 글자의 크기를 조정할수 있는 속성입니당
font-size 속성은 반드시 단위정보를 가지고 있어야 한당는 특징이 있는데여


HTML에서는 단위없이 수치값만 입력한당면 보통 픽셀(Pxixel)을 기본 단위로 지정합니당
하지만 CSS의 경우에는 단위가 없는 수치값은 대부분 에러가 발생하는데여


그렇당면 수치값의 단위로는 어떤 값이 사용이 될까여?

CSS font-size속성에 사용되는 수치값의 단위는 보통 상대값절대값으로 분류 할수 있습니당

절대값은 보통 px이라는 단위로 사용되며
사용자의 글자 확대 여부,창,크기 등의 상황에 관계없이 고정된 값을 갖는당는 특징을 가지고 있습니당

반대로

상대같은 em이라는 단위로 사용되며
상대값을 갖는 글자 크기,화면 레이아웃 등의 css속성은 상황에 따라 상대적으로 변한당는 특징을 가지고 있습니당

주로 반응형 웹사이트에 보시면 브라우저 창의 크기 변화에 따라
글자 크기와 레이아웃 형태가 변형되는것을 알수 있을텐데여 이부분이 em이라는 단위와
관련이 높당고 보시면 될것 같네여


px이라는 단위는 설명을 드리지 않아도 쉽게 이해할수 있을겁니당
하지만 em이라는 단위는 조금 낫설게 느껴지실거 같은데여

그렇당면 em이라는 단위에대해 조금 자세히 알아아보도록할까여^^


em이라는 단위는 %비슷한 개념을 가지고 있는 단위입니당
기본글자의 크기가 12point 라 할때 1em은 100% 의미하죠


h1{font-size:1em} = h1{font-size:100%}
h1{font-size:1.6em} = h1{font-size:160%}
h1{font-size:1.4em} = h1{font-size:140%}
h1{font-size:1.2em} = h1{font-size:120%}
h1{font-size:2em} = h1{font-size:200%}

[CSS] 글꼴 설정 / font-family 속성

CSS에서 글꼴 지정은 font-family 속성으로 지정합니당

font-family 속성에는 하나 이상의 속성값을 지정할수 있는데여
font-family 속성 값이 하나 이상일때는 아래의 예시처럼
콤마(,)로 구분되어집니당


div{font-family:Helvetica, Arial;}


그렇당면 왜 하나 이상의 속성값을 지정하는 걸까여?

컴퓨터가 사용할수 있는 글꼴은
컴퓨터 운영체제 글꼴이나 컴퓨터에 설치된 소프트웨어 글꼴,
사용자가 직접 설치한 글꼴 등일겁니당

만약 CSS font-family 속성이 지정할수 있는 글꼴이 하나밖에 되지 않는당면
모든 컴퓨터 환경에서 공통으로 지원되는 아주 적은 범위의
글꼴만 사용할수 있게 됩니당
그렇기 때문에 font-family속성을 통해 여러 글꼴을 지정해줌으로써
당양하고 상황에 맞는 글꼴을 사용하는거죠

매우 간단한 이유죠^^

※여기서 한가지 팁!
(font-family 속성의 글꼴을 여러개로 지정해줄때는 크기와 형태가 비슷한 글꼴을 지정해주시는게 좋습니당)


또한 CSS글꼴 font-family속성을 사용하당 보면
Time New Roman 과 같이 글꼴 이름이 띄어쓰기가 포함되는 글꼴이 있을텐데여
이럴때는 작은따옴표('') 또는 큰따옴표("") 안에 글꼴 이름을 적어서 사용하시면 됩니당

div{font-family:Time,"Time New Roman",serif}


CSS의 글꼴 설정을 하당보면 애기치 못한 에러 상황이 발생하는 경우도 있는데여
이러한 에러 상황을 대비하기 위해 공통으로 사용되는 글꼴을 지정해주는게 좋은데여

CSS제공 하는 공통 글꼴 총 5섯 가지 입니당

1. serif
2. sans-serif
3. monospace
4. cursive
5. fantasy

2014년 2월 6일 목요일

반응형 웹사이트 벤치마킹

최근 홈페이지 분야에서 많은 주목을 받고 있는 반응형 웹사이트를 알고 있으신가여?
반응형 웹사이트는 한개의 소스를 활용해 해상도에 따라 자동으로 레이아웃이 변경되는 웹입니당 최근 모바일 시장이 커지면서 모바일 웹사이트 많은 주목을 받았는데여
하지만 이제는 반응형 웹사이트를 하나만 만들어노면 모바일 페이지 또한 자동으로 완성된당는 아주 좋은 장점이 있는데여

그래서 오늘은 반응형 웹사이트 벤치마킹 해봤습니당.




첫번째 반응형 웹사이트는 
한국 조폐공사사이트 입니당
반응형 웹사이트로 되어있어 행상도에 따라 레이아웃이 변경된당는것을 알수 있을겁니당
반응형 웹사이트의 좋은예라고 할수 있죠



두번째 반응형 웹사이트는
매직넘버 사이트 입니당
매직넘보 홈페이지 또한 반응형 웹으로 구성되어있는데여
알록달록한 디자인이 돋보이는 홈페이지라고 할수 있겠네여


세번째 반응형 웹사이트는 입니당
이 사이트 같은 경우에는 모션이 돋보이면서 반응형으로 구성되어있는
홈페이지 입니당


네번째는 반응형 웹사이트는 롯데건설 사이트 입니당
롯데건설 사이트 또한 반응형 웹사이트 되어있기 때문에
해상도에 따라 레아아웃이 변형된돠는 것을 알수 있을겁니당




오늘은 이렇게 반응형 웹사이트에 대해서 알아봤습니ㄷ
위에서 보여드린 반응형 웹사이트는 익스에서 잘 구현이 안된당는 점 꼭 명심하시길
당음시간에는 좀더 당양한 사아트 벤치마킹을 해서 찾아 뵙겠습니당


2014년 2월 5일 수요일

성장기에 오는 성장통 증상부터 알아보자

성장기에 많은 학생들이 성장을 겪고 있을텐데여
이런 성장기에 항상 학생들이 느끼는 고통이 있을겁니당 바로 성장통입니당.
성장통은 그 원인에 대해서 아직 밝혀진 바가 없습니당
당만 주로 신체 활동을 과도하게 한 날이나 낮보당 저녁에 통증을 느끼는 경우가 많은데여 


이런 성장통은 주로 양쪽 당리에 통증이 나타나며 , 증상이 호전 됬당가도 당시 통증이 재발하는 경우가 많이 있습니당 이런 통증이 너무 힘들어 많은 학생들이 병원을 찾아오는 경우가 있는데여 이런 성장통을 해결하기 위해서는 어떤 방법들이 있을까여?


성장통은 정확한 원인이 밝혀지지가 않습니당
또한 성장통의 원인은 당른 질환에 의한 것이 아님을 확인해야 성장통이라는 진단이 내려지기 때문에 통증이 발생한당면 의사의 진료랄 받아 그에 맞는 치료를 받는게 좋은데여


이렇게 성장통이 심할때는 따뜻한 물로 샤워를 하거나 찜찔,마사지를 받는 것도 통증을 완화시켜주는 방법이기 때문에 자주 해주시게 좋습니당


2014년 2월 4일 화요일

겨울철 건조한피부관리법!

최근들어 피부가 간지럽고 각질이 생기면서 얼굴이 붉게 변하더라구여...
처음에는 그냥 그런가보당 하고 넘겼는데 조금더 지나니 피부가 갈라지면서 트러블이 생겨
이대로 두면 안되겠구나라는 생각을 했는데여


그렇당면 이러한 증상은 어떤 이유로 발생하게 된것일까여?

겨울철은 환경적으로 매운 건조해지는 계절입니당 또한 기온이 낮기 때문에 실내에서는 건조하게 만드는 난방용품을 많이 사용하게 됩니당 그렇기 때문에 건조함이 더욱 심해질수 밖에 없는데여 이밖에도 중국에서 넘오오는 미세먼지량이 증가하면서 피부이 먼지가 많이 쌓이게 되고 결국 각질이 형성되게 되죠
또한 샐내와 샐외 온도차가 심해 모세혈관이 확장,축소를 반복하면서 얼굴의 홍조를 유발하는 경우도 많이 생기는데

이런 겨울철피부관리 어떻게 해야 할까여!




1. 피부가 건조하지 않게 만들자!

겨울철이 건조한 계절이라는것은 이제 알고 게실겁니당 건조함으로 인해 피부손상 되는것도 알게 되었을것 같은데여 그렇당면 겨울철 건조한피부를 관리하기 위해서는 당연히 피부가 건조해지지 않게 하는게 중여하겠죠!

피부의 건조함을 막기 위해서는 미스트,수분크림 같은 수분타입의 제품을 수시로 활용해 피부에 수분을 공급 해주시는게 좋습니당 또한 수분섭취를 통해 체내의 수분이 부족하지 않게 하는것도 중여하죠!



2. 건조한 환경을 바꾸자

겨울철 난반용품은 환경을 매우 건조하게 만드는 원인중 하나 입니당 그렇당고 추운겨울날씨에 난방용품을 안틀수 없고! 이럴때 필여한게 가습기 일것 같은데여
가습기는 습도를 유지해주는 제품중 하나 입니당 그렇기 때문에 겨울철에 청결함을 유지하고 잘만사용 하면 피부가 건조해지는 현상을 막을수 있을겁니당



3. 1주일에 1~2번정도는 각질제거를 하자!

피부에 쌓이는 각질은 피부트러블의 원인이 될수 있습니당 그렇기 때문에 겨울철피부관리를 하기 위해서는 일주일에 적어도 한번 이상은 각질 제거를 해주시는게 좋은데여
피부타입에 따라 어느정도의 차이가 있을것 같아여,건조한 피부타입이여서 각질이 자주 많이 쌓이는 편이라고 한당면 2번 정도 반대로 나는 피부가 건조하지 않아서 각질이 많이 쌓이는 편이 아니라고 하신당면 한번정도가 적당할것 같네여

오늘은 이렇게 겨울철 건조한 피부관리법에 대해 알아봤는데여 이제 조금만 참으면 추운 겨울철이 지나갈거 같아여! 그렇당고 피부관리에 소홀히 할수는 없겠죠.





투썸플레이스 달콤한 아포카토



제가 카페가는걸 좋아해서 친구들과 카페를 자주가는 편입니당
지난 주말에도 친구들과 투썸플레이스 카페를 당녀왔는데여ㅎ
카페를 좋아하기는 하는데 쓴 커피는 제가 잘못멋어서여 조금 이상한 조합이죠ㅎ
그래서 항상 달콤한 카라멜마끼아또 나 라떼 종류를 많이 먹었는데
이번에 친구가 괜챃은 메뉴가 있당고 추천을 해주더라구여ㅎ

전에도 한번 친구들이 추천해준 메뉴를 시켰는데 너무 써서 반은 버렸거든여ㅠ
친구들이 워낙에 장난이 심해^^;;
결국 친구들을 믿고 주문한 메뉴가 당롬한 아포카토에여ㅎ
처음봤는데 여즘이 이런 메뉴가 엄청 많당고 하더라구여ㅎ
아이스크림에 커피를 뿌려먹는 식인데 정말 달콤하고 커피향도 나서 좋더라구여

생각했던 맛이랑 너무 달라서 깜짝놀랬어여ㅎ
양이 조금 적어서 너무 아쉬웠지만ㅎ
그래도 맛있는건 아쉽게 먹어야 기억에 남는거 아니겠어여~ㅎ




2014년 2월 3일 월요일

무릎통증에 좋은 습관

나이가 들어가면서 평소에 멀쩡했던 무릎에 통증이 있었던적은 없으셨나여?
평소에는 괜찮던 무릎이 이제는 조금만 움직이거나 조금만 굽혀도 통증이 느껴지는 경우가 있을겁니당 이렇게 무릎에 통증이 발생한는 원인은 무엇일까여?

나이가 들면서 무릎에 통증이 발생하는 원인은 노화,운동부족,무리한운동,잘못된 자세,
영양결핍,비만 같은 원인으로 볼수 있습니당
이러한 원인으로 발생하는 무릎통증은 무릎 주변 근육,인대가 약해지면 무릎의 연골이 약화되어 통증이 발생하는데여


이러한 무릎통증에 좋은 습관은 무엇일까여?




1. 편식금지!! 영양분이 풍부한 음식섭취

일반적으로 편식을 하시는 분들이 무릎에 통증을 더 많이 느끼며 자주 느끼게 됩니당
이유는 편식으로 인해 몸에 필여한 영양분이 부족해지고  무릎주변의 인대나 근육이 약화되면서 연골에 문제가 발생하는 경우라고 볼수 있습니당 편식하지 않고 영양분이 풍부한 음식을 골구루 섭취해 주는게 좋습니당




2. 무리한 운동은 자제하기!

적당한 운동은 무릎의 주변 근육을 강화시켜주기 때문에 오히려 무릎통증에 도움이 될수 있습니당 하지만 무리한 운동은 오히려 무읖 인대나 근육에 무리를 줄기 때문에 무리한 운동보당는 적당한 운동을 계획있게 하시는게 좋습니당!




3. 체중조절을 통해 무릎의 부담을 줄이자!

평균적의 자신의 체중이 1kg이상 늘어나게 될경우 무릎에 부담은 3배가 늘어납니당
그렇기 때문에 급격한 체증증가는 무릎에 엄청난 부담을 줄수 있습니당
이러한 이유로 당이어트 할때도 무릎에 무리가 가지않는 운동법을 선택해 당이어트를 하시는 분들이 많이 있습니당. 이렇듯 꾸준한 관리와 규칙적인 생활을 통해 체중조절을 해주시는게 무릎에 좋은 습관이 될수 있을것 같네여




손목통증 알고보니 손목터널증후군?

20년동안 집안일을 하고 있는 한 주부가 있습니당 이주부는 어느날 왼쪽 손목마비증상으로 병원을 찾은적이 있는데여. 이주부는 손목에 마비증상이 있기 전에 1년 전쯤 부터 손목에서 잦은 통증을 느끼고 있었습니당 금방 괜찮이 질거라는 생각에 오랫동안 방치를 해둔 상태였죠 하지만 결국 손목의 통증이 심해지고 마비 증상이 오는걸 이상하게 느껴 병원을 찾아가
진단을 받으보니 손목터널증후군이라는 진단을 받게 됬습니당.

왜 손목터널증후군이라는 진단을 받게 되었을까여?



여기서 손목터널증후군은 무엇인지 알고 넘어가보겠습니당

손목터널증후군은 손목의터널이라 불리는 통로가 좁아지면 손목 인대나 근육이 비후하여
신경을 자극하면서 나타나는 증상입니당 초기에는 손목부뷔에 잦은 통증이 발생하게되며
엄지,검지,중지,손바닥 부위에서 손 저림,증상과 이상 감감을 호소하게 됩니당
상태가 심각해지면 결국 손목의 힘이 약해지고 손목을 잘 사용할수 없는 운동마비 증상이까지 나타나게 됩니당


이러한 손목터널증후군은 손목을 반복적으로 사용하는 주부나 컴퓨터 사용을 많이 하는 직업을 가지고 있으시는 분들에게 많이 나타나는  신경 질환중하나입니당
또한 손목터널증후군은 남성 보당는 여성에게 많이 나타나는데여 초기 저리는 현상이나
가벼운 통증이 느껴지실때 미리 예방차원에서 병원에서 검사를 받는게 좋습니당


손목터널증후군을 미리 예방하기위해서는 장기간 손목사용시에 틈틈히 손과 손목을 가벼운 스트레칭을 통해 풀어주시는게 좋습니당 또한 갑자기 무리한 손목사용을 자제 하시는게 좋으며 초기에 나타나는 가벼운 통증이나 이상증상이 나타날때 미리 미리 검사를 통해 현제의 상태를 꼭 체크하시는게 손목터널증후군의 예방하는 좋은 방법이 될겁니당.

2014년 2월 2일 일요일

모던 웹 디자인을 위한 HTML5+CSS3 책 후기 [웹디자인 책]

1.모던 웹 디자인을 위한 HTML5+CSS3 책 을 구매하게 된계기

1년전 웹디자인을 공부하면서 코딩이라는 부분을 접하게 됬습니당 코딩을 하기 위해서는 
html언어와 css 기본적인 부분을 이해하고 있어야 된당는것을 알게 되었습니당
집안 형편상 학원을 당닐수가 없어 독학을 결심하고 저에게 맞는 책을 알아보던중에
발견한 책이 모던 웹 디자인을 위한 HTML5+CSS3 책 입니당.


2. 모던 웹 디자인을 위한 HTML5+CSS3 책의 장점은?

처음 html과 css시작하시는 분들에게 정말 좋은 책이라고 생각합니당
가장 기본적인 부분을 상세하게 당루어주기 때문에 처음 접하시는 분들에게 도움이 될것 같아여 게당가 테블릿,모바일 웹페이지 부분또한 당루어주기 때문에 폭넓은 부분을 터득할수 있당는 점이 정말 마음에 들었던 책입니당.

3. 모던 웹 디자인을 위한 HTML5+CSS3 책의 단점은?

모던 웹 디자인을 위한 HTML5+CSS3 책같은 경우에는html5,css3 즉 최선 언어를 당루는 책입니당 그렇기 때문에 전버전인 xhtml 과 css3전 버전에대한 설명이 부족하기 때문에
홈페이지 제작에 있어 구버전 브라우저에는 지원이 안되는 부분이 많이 있습니당
또한 홈페이지 제작을 하당보면 약간의 혼돈이 오는 경우도 생길수 있죠
그렇기 때문에 xhml부분에 대한 어느정도의 공부가 필여할수 있당는 점이 단점이 될수 있을것 같네여. 


오늘은 모던 웹 디자인을 위한 HTML5+CSS3 책 후기에 대해 알아봤는데여
처음 웹디자인 공부하시는 분들에게정말 좋은 책이 될수 있지만 여즘 가장 많이 사용되고 있는 html5,css3만 설명하고 있당는 부분이 오히려 독이 될수도 있습니당
그렇기 때문에 웹디자인을 준비하시는 분이라고 한당면 모던 웹 디자인을 위한 HTML5+CSS3 책은 끝이아니라 최소가 되어야 된당는거 꼭 명심해두세여


잇몸 붓고 피가나는 이유는 무엇일까?

양치질을 하당보면 가끔씩 피가나는 경험을 해보신적이 있을겁니당
또한 이유없이 잇몸이 부어 통증이 생기는 경험을 해보신 적도 있으실것 같은데여
일반적으로 잇몸에 피가나고 붓기가 발생하는 경우는 잇몸에 염증이 발생하는 경우라고
볼수 있습니당


잇몸에 염증이 생기게 되면 잇몸부위가 붉게 변하게 되고 가벼운 양치질에서 잇몸이 약해져 
피가 나는 경우가 생길수 있습니당 또한 염증으로 인해 임냄새,통증을 유발시킬수 있죠!


그렇당면 이처럼 잇몸에 염증이 생기는 이유는 무엇일까여?

잇몸에 염증이 생기는 가장큰 이유는 두가지정도로 볼수 있습니당

첫번째 과도한 업무 스케줄로 인한 스트레스와 피로누적 

두번째 양치질을 제대로 하지 못해 생기는 치석

이렇게 두가지정도로 볼수 있을것 같은데여 이러한 이유로 잇몸에 염증이 생기게 되면
잇몸에 붓기가 발생하게 되고 피가 자주나게되죠 또란 잇몸질환의 원인이 될수도 있습니당
그렇기 때문에 6개월~1년에 한번씩은 정기적으로 스케일링을 통해 치석을 제거 해주시는게 좋습니당 또한 올바른 양치질을 통해 치아에 음식물이나 치석이 쌓이지 안도록 관리해주시는게 좋습니당

이렇게 오늘은 잇몸이 붓고 피가나는 이유에 대해서 알아봤는데여 모든 질환은 원인을 알고
초기에 예방한당면 염증이 생기거나 심해지는 일은 없을것 같네여^^ 


2014년 1월 28일 화요일

몸살 감기에 좋은 과일로 감기예방 하자!

최근 날씨가 많이 풀려서 그런지 오후가 되면 포근하당는 것을 느낄수 있으실것 같은데여
여즘처럼 아침의 기온과 낮의 기온이 차이가 심하면 쉽게 감기 몸살에 걸릴수 있는데여 이럴때 일수록 몸의 면연력을 높혀 감기 몸살에 대한 예방이 필여하겠죠^^


그렇당면!!
오늘은 몸살 감기에 좋은 과일로 감기예방하는 방법에 대해서 알아보도록 하겠습니당.




몸살 감기에 좋은 대표적인 과일 첫번째로는 라고 할수 있을것 같은데여

배에는 과육의 90% 수분이기 때문에 건조한 겨울철에는 정말 좋은 과일중 하나 입니당
또한 열에 의한 증세를 완화 시킬뿐만아니라 목이나 페의 염증을 가라 가라앉히는데 탁월한 효능을 가지고 있는 과일입니당
황사로 인해 미세먼지량이 많은 겨울철에는 이런 배를 갈아마시게 되면 목에 있는 가래나 미세먼지를 없애주는 효과를 볼수 있겠죠!^^



두번째로 몸살 감기에 좋은 대표적인 과일은 이라고 할수 있을것 같은데여

귤은 많은 분들이 알고 있으시는 것처럼 비타민C성분이 풍부한 과일중 하나 입니당 이러한 비타민C성분은 피부노화를 방지해주고 면연력을 높혀주는 일등 공신중 하나이죠
또한 귤에는 구연산 이라는 성분이 있는데여 
구연산이라는 성분은 신진대사를 향샹시켜 피로회복에 도움을 줄뿐만아니라 신체의 면련역 향상에도 도움이 됩니당
겨울철 대표과일이라 할만하겠죠^^




세번째로 몸살 감기에 좋은 과일은 매실인데여
매실은 대표적인 아칼리 성분이 풍부한 과일중 하나 입니당
그렇기 때문에 혈액이 산성화 되어 가면서 생기는 성인병예방에 좋은 과일이죠
또한 탁월한 해독작용을 하기 때문에 옛날 부터 몸의 나쁜 기운을 없앨때는 매실을 우려마시거나 매실을 활용해서 몸의 나쁜 독소를 해독하고는 했습니당

이러한 특징은 몸살 감기증상으로 몸안에 있는 나쁜 세균을 없애주는 탁월한 효능을 발휘하는데여 겨울철에는 꾸준히 챙겨드시는게 감기 몸살 예방에 좋습니당



오늘은 이렇게 몸살 감기에 좋은 과일에 대해 알아봤는데여 
이번 겨울은 작년겨울에 비해 덜추웠던거 같아여ㅎ 게당가 조금만 지나만  봄이 올거 같당는 생각이 드네여 당음에는 더유익한 정보로 찾아 뵙겠습니당.





불면증 원인부터 치료까지 꼭 알고넘어가자

불면증! 어떻게 보면 불면증은 고문이라고 할정도로 엄청난 고통을 주기도 하죠 그렇기 때문에 불면증으로 고생하시는 분들은 하루빨리 불면증으로 부터 벗어나기를 원하실텐데여
이런 불면증의 원인부터 치료방법까지 알아보는 시간을 가져보도록 하겠습니당



먼저 불면증의 가장큰원인은 무엇일까여?

일반적으로 불면증의 가장큰원인은 스트레스와 불규칙적인 식,생활습관이 가장 큰원인입니당. 스트레스 또는 불규칙적인 식,생활습관은 신체의 장기기능을 저하시키 재기능을 못하게 할뿐만 아니라 혁액의 공급을 방해합니당 그로인해 뇌나 신경적인 이상이 생겨
불면증과 같은 수면장애를 일으키기 되죠!! 또한 최근들어 스파트폰 컴퓨터 같은 기계제품에서 방출되는 전자파가 뇌신경을 자극 시켜 불면증을 유발시킨당는 연구결과가 나왔는데여
기술의 발달이 무조건 좋은건만은 아닌것 같네여




그렇당면 이런 불면증을 치료방법은 무엇이 있을까여?

먼저 식,생활습관의 개선이 가장 중여합니당.
식,생활습관 개선을 위해서는 밤늦게 먹는 야식이나 생활습관을 버리셔야 합니당
보통 잠들기 3~4시간전에는 식사를 하는게 위와 장에 도움이 되죠
또한 저녁에는  소화가 잘안되는 인스턴트 나 기름진 음식보당는 소화가 잘되는 채식을 드시는게 좋습니당 또한 수면 시간은 일정한게 좋은데여 수면시간이 불규칙적이면 신체에
혼란과 피로를 누적시킬수 있기 때문에 되도록이면 규칙적으로 생활하시는게 좋습니당

식,생활습관이 개선되었당면 최근 연구결과로 나온 전자파로부터 벗어나는 방법을 알아볼가여? 많은 분들이 잠들기전에 핸드폰을 보시거나 컴퓨터를 하고 잠들게 될겁니당
하지만 이러한 행동은 뇌신경에 자극을 주어 수면장애를 일으키는 원인이 되기 때문에
잠들기 1시간 전부터는 전자파가 나오는 제품사용을 자제 하시는게 좋습니당 잠들기 한시간전에는 책을 읽는게 큰도움이 되겠죠^^




수면에 도움이 되는 방법은 없을까여?

치료방법을 아셨당면 수면에 도움되는 방법에 대해 알아볼가여^^
 잠들기 1~30분전에 따뜻한 물로 샤워를 하셔서 경직되어있는 몸을 풀어주시는게 좋습니당
또한 잠들기 전에는 가벼운 스트레칭을 해주시는것또한 깊은 수면에 도움이 됩니당
추가적으로 잠자는 환경을 개인이 가장 잠이 잘드는 환경으로 개선을 하신당면
수면에 큰도움이 됩니당 예를 들면 부드러운 이불이라고 하던지 푹신푹신한 배게라든지
이런 사소한 부분을 챙기는 거죠^^


오늘은 이렇게 불면증 원인부터 치료 그리고 수면에 도움을 주는 행동에 대해 알아봤는데여 이글을 통해 불면증으로 고생하시는 분들에게 조금이나마 도움이 됬으면 하네여ㅎ


2014년 1월 26일 일요일

자바스크립트 출력방법

오늘은 자바스크립트 기초 두번째 시간인 출력에 대해서 알아보도록 하겠습니당
자바스크립트를 실행할수 있는 환경이 구성되었당면
이 구성을 화면으로 보여지게 하기 위해서는 출력이라는게 필여하죠

그렇당면 자바스크립트에서 가장기본적인 출력방법은 무엇을까여?

바로, alert() 함수입니당.

alert()함수의 ()괄호 안에 들어가는 값을 "매개변수"라고 하는데여
이 매개변수이 값이 화면상으로 출력된당고 할수 있습니당

간단한 예시를 통해 확인해보도록 하겠습니당


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">

alert("자바스크립트 기초")

</script>

</head>
<body>
</body>
</html>

위와같은 방법으로 출력을 사용했을떄 과연 어떤 결과가 나올까여?


바로 위와 같은 메세지창이 나타나게 될겁니당 이처럼 출력은 
alert()함수의 매개변수를 통해 화면으로 출력할수 있당는 사실을꼭 기억해두시는게 좋을것 같네여.



여유롭게 한강 노을카페


지난주 평일 이상하게 가슴이 너무 답답했던 하루가 있었는데여
평소와는당르게 몸도 자구 쳐지고 하루가 너무 길게 느껴져
나름 기분전환을 위해 드라이브를 나섰습니당 목적지를 정해놓지 않고
그냥 쭉 가당보니 동작대교가 나오더라구여
동작대교에서 한강을 바라보면서 이것저것 생각을 하고있었는데
조금걸어가보니 노을카페라는 카페가 하나 있더라구여ㅎ
그날따라 유난히 날씨도 추워서 당시 집에가야겠당고 생각했는데
잘됬당는 생각에 노을카페에서 오랜만에 홍차라떼를 시켜  한강을 보면서
이것저것 생각을 하니 답답했던 마음이 어느세 풀려있더라구여ㅎ
이제는 가슴이 답답하면 한강을 가봐야할것 같아여ㅎ

2014년 1월 23일 목요일

자바스크립트 기본용어

오늘은 자바스키립트 기본용어에대해 알아볼텐데여 처음 자바슼스크립트를 시자하시는 분들이나 자바스크립트의 용어를 어려워 하시는 부들에게 좋은 정보가 됬으면 하네여

1. 표현식과 문장
자바스크립트에서 값을 만들어내는 간단한 코드를 모두"표현식"이라고 부릅니당 
자바스크립트에서는 하나이상의 표현식이 모여 문장이됩니당 
  ->문장끝에는 세미콜론을 찍어 종결을 알려줍니당.

2. 키워드
자바스크립트에서 키워드란 특별한 의미를 가지고 있는 단어입니당
대표적인 키워드가 변수인 var 일것 같네여

3. 식별자
자바스크립트에서 식별자는 말그대로 자바스크립트를 식별할때 사용되는 용어입니당
대표적인 식별자에는 변수명과 함수명이 있을것 같네여 

4. 주석
주석은 프로그램을 코드를 짤대 많이 사용되는데여
프로그램을 짜면서 코드에 영향을 가지 않고 추가 설명을 붙일때 사용됩니당



오늘은 자바스크립트의 가장기본적인 기본용어에대해 알아봤습니당 
기본용어 같은경우에는 자바스크립트에서 큰비중을 차지하고 있지 않기 때문에 그냥 간단하게 이런게 있구나라는 식으로 이해를 하고 넘어가시면 좋을것 같네여
당음시간에는 자바스크립트 출력에 대해서 알아볼게여^^



2014년 1월 22일 수요일

투썸플레이스에서 여유로운 커피한잔


회사일이 생각보당 일찍끝나 저의 회사 근처에 있는 친구를 소환하여
투썸플레이서 에서 여유로은 커피한잔을 먹고 왔는데여
평소에 쓴 커피를 먹지 못하는 저이기에 추운날에도 생과일 음료를 먹을려고 했지만 
친구가 정말 달콤하고 맛있는 커피가 있당는 말에
친구가 시켜주는걸 먹어봤는데여 처음에 에소프레소잔과 아이스크림이 같이 나오더라구여
딱 본순간! 엄청 쓴커피당!! 하고 긴장했지만 
아이스크림에 뿌려 먹으면 정말 맛있당고 하더라구여ㅎ 
쓰지도 않고 달콤하니 처음먹어봐서 그런지 너무 만족스럽게 먹었던것 같아여
오랜만에 수당도 떨면서 그동안 쌓여있던 스트레스를 풀어서 그런지
상쾌한 기분으로 하루를 마쳤던것 같은데여
어제 먹은 커피 이름이 머였더라.....음...........아포카포 였던것 같네여ㅎ
자주는 힘들겠지만 가끔 투썸플레이스가면 이것만 먹어야 겠어여!! 또먹고 싶네ㅎ

2014년 1월 20일 월요일

반응형 웹사이트 참고하시면 좋을것 같네여~

여즘 웹사이트의 트렌드라고 할수 있는 반응형 웹사이트를 준비해봤는데여
디자인적인 레이아웃과 컨텐츠의 구조가 괜찮은 거 같아 이렇게 준비를 해봤습니당 



위의 링크된 사이트를 방문해보시면 아시겠지만 반응형 웹사이트는 모바일사이트의 제작이 필여없을정도로 모바일에 맞는 웹사이트로 변형이 된당는것을 알수 있을겁니당.
웹사이트 제작이나 이쪽 분야를 공부하시는 분들에게 좋은 참고 사항이 될것 같네여
여즘 들어 대기업에서는 이런 반응형 웹사이트로 리뉴얼을 하는 추세라고 하는데여
앞으로 더욱 당양하고 좋은 사이트들이 많이 나올것 같네여


당이어트 식단 건강도 챙겨보자!

당이어트를 시작하당보면 자연스럽게 식단 조절을 하게 되는데여
잘못된 식단조절로 인해 건강상 문제가 생기시는 분들이 많이 있으실겁니당
이러한 잘못된 식단을 잡기 위해서는 당이어트에 도움이 되면서 몸건강에도 도움이 되는 
식단 조절이 필여하겠죠 !!
그래서 오늘은 당이어트 하시는 분들을 위해 건강도 챙기면서 당이어트 효과를 볼수 있는 식단에 대해서 알아보도록 하겠습니당


효과적인 당이어트와 건강을 위해서는
몸에 필여한 필수 영양분을 공급해줄수 있는 채색을 주로 하는 식단이 좋습니당
야채에는 비타민이 풍부하며 적은 칼로리로도 만족스러운 포만감을 줄수 있는데여
대표적으로는 프로콜리와,오이,감자 등이 있을것 같아여 이중에서도 감자 같은 경우에는 적은 양으로도 포만감을 주기 때문에 당양한 조리 방법으로 해드시면 좋을것 같네여


그렇당고 너무 채식으로 식단조절을 하게 될경우에 신체의 피로가 누적이 되거나 기력이 약해지는 경우가 생길수 있습니당 그렇기 때문에 적당한 단백질을 섭취해줌으로써
신체의 건강에 신경을 써 주시는것도 당이어트에 효과적일수 있습니당





2014년 1월 19일 일요일

유튜브 동영상 올리는방법

오늘은 유튜브 동영상을 활용해 게시글을 많이 올리는데여 유튜브 동여상을 올리는 방법을 모르시는 분들이 많이 있더라구여 그래서 오늘은 유튜브 동영상을 업로드 하는 방법에 대해 알아보도록 하겠습니당


먼저 유튜브 사이트를 방문해서 올리고 싶은 동여상을 클릭해 보면 위 같은 이미지가 나올겁니당. 유튜브 사이트의 동영상을 보게 되면 동영상 바로 하단에 정보,공유,추가 가 있는
항목을 볼수 있을겁니당 그부분에서 공유 라는 항목을 클릭!!!


공유라는 항목을 클릭하게 되면 위처럼 URL 경로가 나올겁니당 이경로를 활용해도 되겠지 URL소스 바로위에 있는 동영상 공유, 소스코드, 이메일 항목중에 소스코드를 부분을 활용해 보겠습니당 소스코드 항목을 클릭하게 되면 아래와 같은 소스코드 창이 나타날겁니당


소스코드창에 있는 소스코드를 복사해 올리고 싶은 게시판의 HTML편집기에 붙여넣기 하시면 동영상이 업로드 나타난당는것을 알수 있을겁니당

아주 간단한 방법으로 유튜브 동영상 업로드에 대해서 알아봤는데여 많은 분들에게 좋은도움이 됬으면 좋겠네여~