기존 웹 표준에서 모든 HTML 요소의 모양은 사각형이었으며 해당 모양을 변형할 수 있는 방법이 없었지만 CSS3으로 넘어오면서 포토샵의 기능과 비슷한 변형 속성이 대거 추가되었습니다. 따라서 기존에는 불가능하던 다양한 디자인 기법이 순수 CSS 기술만으로도 구현이 가능해졌습니다. 이러한 CSS3 기능의 추가는 jQuery와의 결합을 통해 더욱 역동적이고 인터랙티브한 웹 사이트 제작을 도와줍니다. 여기서는 transform의 속성 중 평면상에서 구현가능한 기능들을 위주로 학습하겠습니다. transform의 경우에는 속성도 다양하고 표기법이 다소 익숙하지 않을 수 있으니 해당 예제를 차분히 따라 해보면서 천천히 눈에 익히기 바랍니다. (1) translate : x축이나 y축으로 이동 translate는 ..

기존 웹 표준 코딩 시에는 특정 볼록 요소에 넓이 값과 높이 값을 설정한 뒤, 해당 요소에 padding과 border를 설정해줘야 할 경우, 넓이와 높이 값에서 padding과 border의 수치만큼 일일이 빼줘야 했습니다. 넓이와 높이 값을 계산하기 편하기 위해 100px 단위로 맞추어 놓았는데 border값 하나 떄문에 해당 요소의 값이 98px로 지저분하게 깨지는 경험을 해보았다면 box-sizing 속성이 아주 반갑게 느껴지실겁니다. 해당 속성을 추가해주면 굳이 넓이 값과 높이 값에서 padding과 border값을 일일이 빼주지 않아도 브라우저가 알아서 해당 수치를 제외한 넓이 값과 높이 값을 계산해주는 편리한 기능입니다. (1) box-sizing : border-box; box-sizing..

시편 30장 11~12절에 따르면 "주께서 나의 슬픔이 변하여 내게 춤이 되게 하시며 나의 베옷을 벗기고 기쁨으로 띠 띠우셨나이다. 이는 잠잠하지 아니하고 내 영광으로 주를 찬송하게 하심이니 여호와 나의 하나님이여 내가 주께 영원히 감사하리이다."라는 구절이 있습니다. 내 꿈에 비추어진 기쁨과 슬픔, 그리고 우울한 감정은 어떤 의미를 갖고있을까요? 궁금한 꿈 해몽이 있으신가요? 내가 꾼 꿈을 Ctrl+F를 통해 찾아보세요! ▶ 갑작스러운 일이 생겨서 상대방과 함께 반기거나 기뻐하는 꿈 상대방과의 교제에서 기쁜 일을 체험하고 더욱더 좋은 사이로 발전한다. ▶ 기러기 울음소리가 유난히 구슬프게 들렸던 꿈 친지로부터 뜻밖의 대형사고나 질병 들과 같은 안 좋은 소리를 듣게 된다. ▶ 기쁨을 느꼈던 꿈 기쁜 일이..

기존의 CSS에서는 특정 요소 안에 들어가는 배경 이미지의 크기를 임의로 변경할 수 없었습니다. 결국, 일일이 해당 박스의 크기에 맞게 포토샵에서 이미지의 사이즈를 조절해야 했지만 CSS3의 background-size를 이용하면 배경에 들어갈 이미지를 다양한 방법으로 리사이즈할 수 있습니다. (1) background-size : 넓이 값 높이 값; background-size : cover; background-size : contain; 배경 이미지의 크기를 지정하는 데에는 3가지의 방법이 있습니다. 일반적으로 풀 스크린 환경에서의 배경 이미지 사이즈는 background-size:cover;를 주로 활용합니다. 다음의 예제를 통해 background-size의 기본 개념을 숙지해 보겠습니다. 태그..

햇살처럼 따스한 기운을 품은 봄날! 오늘도 따사로운 빛으로 가득했으면 좋겠습니다! 내 꿈에 찾아온 나무는 과연 어떤 의미를 갖고있을까요? 궁금한 꿈 해몽이 있으신가요? 내가 꾼 꿈을 Ctrl+F를 통해 찾아보세요! ▶ 거대한 나무나 좋은 재목이 자신의 집으로 떨어지는 꿈 구하는 소망의 목표달성 및 많은 이권이나 재물의 안정과 지위와 사업에 따른 발전과 영화를 얻게 된다. ▶ 나무를 깎아서 어떤 물건을 만드는 꿈 새로운 사업 등의 일로 기쁨을 느낄 것이다. ▶ 널빤지에 이중 머리못을 박는 꿈 실제로 어떤 직업과 일에 있어 첫 번째도 견고, 두 번째도 견고함을 암시하고, 매사에 철두철미하다는 뜻이다. 유비무환, 성실, 일거리 등이 생긴다. ▶ 다른 사람에게 구걸하여 장작을 얻는 꿈 이익과 명예가 상승하고 원..

토끼와 관련된 꿈풀이 및 꿈해몽 올해는 육십간지의 40번째로 계(癸)는 흑색, 묘(卯)는 토끼를 의미하는 '검은 토끼의 해' 입니다. 과연 내 꿈에 나온 토끼는 어떤 상징적 의미를 갖고있는지 알아보겠습니다. 궁금한 꿈 해몽이 있으신가요? 내가 꾼 꿈을 Ctrl+F를 통해 찾아보세요! ▶ 고양이가 토끼를 물어가는 꿈 집안에 도둑이 들거나 실물수가 있다. 사고로 인하여 재물이 빠져나간다. ▶ 누군가가 토끼와 함께 당신곁으로 오는 꿈 이것은 남의 속임에 속지 말도록 조심해야 한다. ▶ 누런색 산돼지 한마리가 달려와 숨겨달라고 해서 자신의 집으로 들어가라고 하는데 금새 독수리가 나타나 산돼지 대신 토끼를 물고가는 꿈 공부도 잘 하고 장차 출세할 잘 생긴 아들을 낳는다. ▶ 누런색 큰 사슴이 당신에게 은혜를 갚는..

1. 에너지관리산업기사란? 에너지관리산업기사란 응시자격을 갖춘 자가 산업인력공단에서 시행하는 에너지관리산업기사 시험에 합격하여 그 자격을 취득한 자를 말합니다. 에너지관리산업기사 자격제도는 빌딩, 아파트, 공장, 일반 주택 등에서 냉난방기기 사용에 대한 에너지의 효율적 이용과 관련 설비의 유지 · 보수 업무를 신속하고 안전하게 수행할 수 있는 전문기술인력을 양성하기 위해 제정되었습니다. 자격명: 에너지관리산업기사 영문명: Industrial Engineer Energy Management 관련부처: 산업통상자원부 시행기관: 한국산업인력공단 ※ 과정평가형 자격 취득 가능 종목 2. 에너지관리산업기사의 주요 업무 ① 에너지관리산업기사는 각종 산업기계, 공장, 사무실, 아파트 등에 보일러 및 관련장비를 효율적..

1. 에너지관리기능사란? 에너지관리기능사란 산업인력공단에서 시행하는 에너지관리기능사 시험에 합격하여 그 자격을 취득한 자를 말합니다. 보일러의 효율적인 관리가 요구되면서 산업현장에서 보일러 시공 및 취급과 관련된 숙련기능인력에 대한 수요가 많아짐에 따라 에너지관리기능사 자격제도가 제정되었습니다. 자격명: 에너지관리기능사 영문명: Craftsman Energy Management 관련부처: 산업통상자원부 시행기관: 한국산업인력공단 ※ 과정평가형 자격 취득 가능 종목 2. 에너지관리기능사의 주요 업무 ① 에너지관리기능사는 건축물 및 산업용 보일러와 부대설비의 운영을 위하여 기기의 설치, 배관, 용접 등의 작업과 보일러 연료와 열을 효율적이고 경제적으로 사용하기 위한 관리, 운전, 정비 등의 업무를 수행합니다..

조상님과 관련된 꿈풀이 및 꿈해몽 우리는 수많은 꿈을 꾸며 수면을 취하지만 정작 우리 기억 속에 자리하며 생각나는 것은 과연 얼마나 될까요? 꿈의 특성상 우리 기억 속에 오래 자리 잡지 않을 것이라 생각되지만, 현실에서 기억조차 하지 못하며 하물며 한 번도 뵙지 못한 과거 인물인 돌아가신 분이 조상이라고 등장한다면 짧은 순간이지만 무척 당황스러울 것 같습니다. 내가 꾼 꿈이 어떤 상징적 의미를 갖고 있는지 알아보겠습니다. 궁금한 꿈 해몽이 있으신가요? 내가 꾼 꿈을 Ctrl+F를 통해 찾아보세요! ▶ 가문을 망하게 한 조상을 본 꿈 가운이 기울고 해를 끼칠 사람이 찾아올 징조이다. ▶ 가문을 이롭게 했던 조상이 대문을 들어오는 꿈 가문이 번창하고 재물이 느는 징조이다. ▶ 가문을 일으킨 조상을 본 꿈 가..

border-radius와 마찬가지로 특정 요소의 배경에 그라디언트 색상을 지정하기 위해서는 일일이 포토샵에서 이미지 작업을 한 뒤, CSS에서 background 속성을 지정해 줘야 했습니다. 하지만 CSS3 gradient를 이용하면 간단히 CSS의 코드 수정만으로도 원하는 그라디언트의 모양과 색을 자유자재로 변형할 수 있습니다. (1) background : 그라디언트 모양(방향, 색상1, 색상2); ※ 그라디언트의 색상의 개수는 원하는 만큼 추가할 수 있습니다. 그라디언트의 모양에는 선형 그라디언트와 원형 그라디언트가 있습니다. 다음의 예제를 통해 gradient 속성 값에 따라 달라지는 모양의 변화를 확인해보겠습니다. 4개의 를 생성한 후 에 공통으로 넓이와 높이 값을 지정해 준 후, nth-c..

기존 XHTML의 코딩 시절에는 특정 사각형 박스의 모서리를 둥글게 하기 위해서 일일이 포토샵으로 배경 이미지를 제작해야 했습니다. 하지만 CSS3에서 새롭게 추가된 border-radius라는 속성을 이용하면 포토샵의 도움 없이 순수 CSS 기술만으로도 간단하게 사각형의 모서리를 둥글게 하거나 원 형태의 모양으로 변형할 수 있습니다. (1) border-radius : 왼쪽위 오른쪽위 오른쪽아래 왼쪽아래; 다음의 예제를 통해 border-radius의 기본 개념을 숙지해 보겠습니다. 2개의 태그를 생성합니다. 태그에 넓이와 높이를 각각 300px로 동일하게 적용한 후, nth-child를 이용해 첫 번째 에는 네 모서리의 곡률을 각기 다르게 설정하고 두 번째 에는 네 모서리에 공통으로 해당 넓이의 절반..

1. 3D프린터운용기능사란? 3D프린터운용기능사란 산업인력공단에서 시행하는 3D프린터운용기능사 시험에 합격하여 그 자격을 취득한 자를 말합니다. 기존의 subtractive manufacturing의 한계를 벗어난 additive manufacturing을 대표하는 3D프린터 산업에서 창의적인 아이디어를 실현하기 위해 시장조사, 제품스캐닝, 디자인 및 3D모델링, 적층 시뮬레이션, 3D프린터 설정, 제품 출력, 후가공 등의 기능 업무를 수행할 숙련 기능인력 양성을 위한 자격으로 제정되었습니다. 자격명 : 3D프린터운용기능사 영문명 : Craftsman 3D Printer Operation 관련부처 : 과학기술정보통신부, 산업통상자원부 시행기관 : 한국산업인력공단 ※ 과정평가형 자격 취득 가능 종목 2.3..