티스토리

모리아별

검색하기

블로그 홈

모리아별

hom1story.tistory.com/m

모리아별 공식 블로그 입니다.

구독자: 2

방명록 방문하기

반응형

주요 글 목록

홈택스, 연말정산, 세금공제 (2024년) 연말정산 2024년 연말 정산이 돌아왔습니다. 13월의 월급이 얼마나 될지 알아보는 시간이 왔습니다. 사회 초년생들에게는 연말정산을 해본적이 없기 때문에 많이 생소할거라는 생각이 듭니다. 연말정산에 필요한 서류들이 무엇인지 어떤 항목에 대하여 준비를 했었어야 했는지 알아보겠습니다. ※ 주의 직장 가입자의 경우 연말정산간소화 서비스로 인하여 많은 부분 홈택스 이용시 서류들이 연동되어 있어 따로 준비할 필요가 없지만 직접 확인하여 보고 누락되는 부분이 있는지 직접 확인하고 꼼꼼히 따져 볼 필요가 있어요! 홈택스 이용법 연말정산의 시간이 돌아오면 어김없이 홈택스를 이용하게 됩니다. 아래에 링크를 걸어 두겠습니다. 국세청 홈택스 https://www.hometax.go.kr/ui/pp/yrs_index.html.. 공감수 0 댓글수 0 2024. 1. 19.
직업이야기, 블록체인 전문가 블록체인? 데이터를 지켜내는 즉, 데이터를 위조하거나 변조하는 것을 방지하는 기술을 말합니다. 우리나라에서는 암호화폐라는 이름으로 친숙하게 다가옵니다. 블록체인 기술, 용어가 처음이라면 익숙하지 않아 무슨 뜻인지 와닿다 않는다. 간단히 말하면 수많은 기록의 묶음, 블록들의 집합체 이를 블록체인이라고 이해하면 된다. 블록체인 기술을 이용하면 사용자들의 거래 기록을 서로 비교하여 위변조를 막을 수 있다. 블록체인=암호화폐? 블록체인이라는 기술을 그리고 개념을 처음으로 구현해 낸 것이 비트코인이다. 따라서 블록체인은 암호화폐다라고 이해하는 것이 아닌 그 둘 사이에는 밀접한 관련이 있다고 이해하는 것이 옳다. 크게 보자면 블록체인 기술로 암호화폐의 일부인 비트코인이 실증적으로 구현되었기에 블록체인이라는 기술을 .. 공감수 0 댓글수 0 2024. 1. 17.
직업이야기, 비행기 조종사(Pilot) 비행기 조종사? 항공기를 다루는 사람 중 비행을 책임지는 사람이다. 항공기는 타 운행기와 다르게 매우 복잡하여 전문적인 지식을 요구하며 개인의 실수가 자칫 수십 수백의 목숨을 앗아갈 수 있기 때문에 책임이 엄중하고 높다. 조종사의 선발 과정과 항공법에 명시되어 있는 조종사 면허증의 시험 또한 매우 어려운 것으로 알려져 있다. 세부항목으로 항공기의 매뉴얼에서 부터 비행 교본, 기상학에 이르기까지 다양하며 모든 내용을 매뉴얼대로 숙지하고 있어야 한다. 신체 조건 또한 매우 중요하다. 체력요건을 갖추기 위해 전문 육성코스를 밟아야하며 평생직장으로 생각하고 진로를 택하여 매진하여야 한다. 조종사가 된 후에도 실력과 체력을 검증받게 되므로 철저한 개인관리가 요구되는 직업이다. 항공기가 나날이 복잡해지고 그 가치 .. 공감수 1 댓글수 0 2024. 1. 16.
직업이야기, 프로게이머 프로게이머? 프로게이머는 각종 게임 대회에 출전하며 게임으로 승패를 겨루어 우승을 목표로 경기에 임합니다. 게임의 감독과 목표인 우승을 향해 같은 팀원들과 함께 다양한 장르의 게임 안에서 기술과 전략을 익히고 꾸준한 연습을 통하여 역량을 기릅니다. 소속 팀에서 활동하는 프로게이머는 소속 회사들이 있고 소속 회사에서 개발한 새로운 게임에 대한 테스트를 진행하기도 하며 시연을 담당하고 홍보를 하기도 합니다. 프로게이머가 되기 위해서 프로게이머가 되기 위해서는 몇 가지 자질이 선행됩니다. 공간지각력, 손재능, 동체시력입니다. 게임 속에서의 다양한 상황에 대해 빠르게 파악하고 파악한 상황에 대한 최선의 선택을 할 수 있는 사람이 최고의 플레이어가 될 수 있습니다. 꾸준한 연습을 통해 실력을 입증할 수 있는 무대.. 공감수 0 댓글수 0 2024. 1. 15.
직업이야기, 보석감정사 보석감정사? 보석감정사는 보석의 진품을 판별하고 가치를 매기고 품질의 등급을 따지며 최종적으로 가치를 감정서로 발행하는 업무를 수행하고 있습니다. 보석의 가치에 영향을 주는 미세한 결함이나 외관의 이상유무에 대하여 검사합니다. 보석의 감정은 다이아몬드를 포함한 귀금속을 말하며 광학기계를 이용하거나 화학용앵윽 이용하여 보석의 특성을 파악하고 가공도를 따져 보석 감정서를 발부합니다. 가격을 결정하고 시장에서의 변동사항을 체크하며 경제적 상황에 맞게 도소매가격을 책정합니다. 보석감정사가 되기 위해서 보석감정사가 되기 위해서는 보석감정사의 자격을 취득하여야 합니다. 한국산업인력공단에서 시행하고 고용노동부가 관여하는 국가자격 종목중 하나이며 필기와 실기시험을 거쳐 최종 합격 유무를 확인할 수 있습니다. 대학에 가.. 공감수 0 댓글수 0 2024. 1. 14.
직업이야기, 반려견 훈련사 훈련사? 반려 동물의 문제가 되는 행동을 수정하고 전문적으로 훈련하는 일을 하는 직업입니다. 무슨 일을 할까? 반려동물의 문제 행동에 대하여 진단하고 행동 수정을 할 수 있도록 프로그램을 만들고 훈련하는 일을 합니다. 문제 행동의 유형에는 심하게 짖는 행동 배설문제 분리불안 문제 행동에 대하여 전문가가 진단을 하기 위해서는 반려동물의 주인과 직접적인 대화나 행동관찰을 통해서 파악할 수 있습니다. 동물의 문제행동이 파악이 되었다면 이를 수정할 수 있는 훈련 계획과 관리가 필요한데 훈련소에서 교육하는 방법이 있지만 대부분의 경우에는 훈련이 주인과 같이 이루어지기를 원하는 보호자들이 많기 때문에 행동교정의 훈련방법에 대하여 공유하고 지속적으로 관리할 수 있도록 프로그램을 제공하기도 합니다. 훈련사의 활동 분야.. 공감수 2 댓글수 2 2024. 1. 13.
직업이야기, 한국의 아이돌 아이돌 한국에서 아이돌이란 연예 기획사의 솔로, 그룹으로 활동하는 한류 열풍의 중심으로서 한국뿐만 아니라 세계의 다양한 팬들을 두고 한국을 알리는 역할을 하는 주역들이라고 표현할 수 있겠다. 본디 아이돌이라는 말이 나오기 전 세대에서는 하이틴 스타라고 하면 이해가 빠를지 모르겠다. 아이돌이라는 말은 90년대 후반부터 시작되었다고 보고 각종 매체에서 이 단어를 화두로 다루며 지금에 이르렀다. 가수로서의 활동뿐만이 아니라 예능 연기 뮤지컬 영화 등 다양한 활동 무대에서 활약하는 엔터테이너로서의 성격을 가지고 있으며 연습생 문화로 각 기획사들의 전문 제작, 프로듀싱을 통해 왕성한 활동을 하고 있다. 수많은 연습생 가운데에서도 빛이 나는 사람들, 그들은 끼, 스타성, 매력, 실력 모두를 겸비한 스타 중에 스타이.. 공감수 1 댓글수 1 2024. 1. 12.
직업이야기, 전무이사 전문 책임자? 전문 책임자 혹은 전무이사로 일컫는 이 포지션에 있는 사람들. 마땅히 일에 대한 책임을 지는 막중한 위치에 있는 사람. 흔히들 드라마 등에서 여기 책임자 누구야?라고 소리칠 때 근사하게 나타나서 척척 일을 처리하는 사이다 한방 먹이는 인물들. 대형 기업등의 최선임자이기도 하며 특정 업무의 책임자로 표현된다. 영어로 알아보면 일단 "Chief"로 시작하고 "Officer"로 끝난다. 따라서 번역하면 최고의 책임자로 이해할 수 있다. 전문 책임자 = 전무이사? Chief Administrative Officer(CAO) 최고 관리 책임자 예산, 규정, 업무에 대한 최고 책임자이다. 빅 컴퍼니의 전반적인 운영 성과를 관리 감독한다. 최고 경영자인 대표이사와 여러 임원들과의 중개자 역할을 한다. .. 공감수 0 댓글수 1 2024. 1. 11.
직업이야기, 성우 성우란 어떤 직업인가? 성우는 배우와는 조금 다르다. 목소리로 출현하는 목소리로 연기하는 직업이며, 영화나 비디오게임 드라마 라디오 애니에 등장하는 일이 잦고 주로 외국영화나 시리즈 등에서 더빙의 역할을 한다. 성우라는 목소리의 특화된 직업으로 다양한 진출 분야를 가지고 있고 AI의 시장의 발달로 인하여 그 광고 목소리 입히기 등의 분야에서도 활약한다. 내레이션을 주로 하는 사람들과는 성격을 달리하는데 영화나 방송 연극에서 줄거리를 읊거나 해설을 하는 사람들과는 다르게 등장인물 즉 캐릭터의 대사를 직접 목소리로 연기하며 녹음을 한다. 즉, 캐릭터의 독특한 면모를 목소리로 잘 녹여내어 성우로서 녹음된 목소리를 듣기만 하더라고 캐릭터가 떠오를 만큼 시장에서 중요한 역을 담당한다고 할 수 있다. 연기자와 또다.. 공감수 0 댓글수 0 2024. 1. 10.
직업이야기, 스타강사 스타강사가 되는 비결 학교에서의 선생님이 아니라 디지털에서 학원에서의 선생님 수능이라는 큰 관문을 두고 앞을 향해 나아가는 학생들에게 보다 나은 길을 제시하는 강사들. 그중에서도 수많은 수강생을 보유하고 실력을 인정받은 스타강사들. 연간 수입으로만 봐도 어마어마한 액수를 버는 사람들 웬만한 스포츠 스타들보다도 더 번다는 이야기가 나올 정도로 천문학적인 돈을 번다고 알려져 있다. 돈과 명성을 모두 이뤄낸 스타강사. 어떻게 될 수 있었을까? 최근에 여러 매체에서 스타강사의 모습을 담은 영상이 여러 젊은이들을 이러한 강사의 세계로 꿈을 꾸게 만들고 있는 듯하다. 예전에야 의사나 변호사 안정적인 고소득을 희망하는 사람들이 많았다면 현재는 또 다른 세계 강사의 세계에서 안정적인 수익과 꿈을 펼치기 위해 도전하고 .. 공감수 0 댓글수 1 2024. 1. 9.
직업이야기, 축구 선수 축구? 2팀이 승부를 겨루며 각 팀에서 11명의 선수들이 경기하며 발을 사용하여 공을 골대에 넣는 구기 종목의 스포츠이다. 세계적으로 유명한 스포츠 중 하나이기도 하다. 경기장은 직사각형 모양이며 바닥은 천연잔디나 인조잔디로 덮여있다. 경기장의 양끝에 놓인 골대에 공을 넣으면 득점이다. 선수들중에서 유일하게 골키퍼만이 팔과 손으로 공을 건드릴 수 있고, 모든 선수들이 예외적으로 팔과 손을 사용할 수 있는 구역이 정해져 있다. 골키퍼 외의 선수가 특정 구역을 제외하고 손을 사용하여 공을 다루면 반칙에 해당된다. 경기 종료 시까지 더 많은 득점을 거둔 팀이 승리하게 되는 구조이며 동점일 경우 무승부 혹은 연장전이나 승부차기로 승패를 결정한다. 국제 축구 연맹이 주관하여 4년마다 국제 대회를 열고 올림픽에서도.. 공감수 0 댓글수 1 2024. 1. 7.
직업이야기, 교사 교사란? 교사라는 직업은 어떠한 직업인가 하면 학생들을 가르치는 사람을 일컬으며 일반적으로는 국가에서 정한 법령에 따라서 자격을 갖추고 국가가 지정한 과목을 가르치는 사람을 말한다. 교육공무원으로 임용된 자 또는 교원자격증 2급 흔히 교사자격증이라 말하는 것을 가지고 있는 사람들이 교사로 불린다. 국공립학교, 사립학교의 교원으로 중학교 대학 교수등을 포함한다. 교사가 되려면? 교사의 자질 열정, 없어서는 안되는 교사의 자질이다. 열의가 충만한 교사들에게서는 적극적으로 학생들을 지도하고 가르칠 가능성이 매우 높다. 최근 연구에서도 학생들이 배우려는 의지와 교실에서의 활력에 대한 동기 사이에 그 관계성이 입증되기도 하였다. 본질적인 배움에 있어서 다양한 요소들이 동기를 유발하는데 열정적인 교사의 몸짓이나 표.. 공감수 0 댓글수 1 2024. 1. 6.
직업이야기, 야구선수 야구란 무엇인가? 야구는 두 팀이 경합을 벌이는 구기 종목이다. 야구공 야구 방방이 야구 글러브가 사용되며 승패를 가른다. 간단히 말해서 야구 게임의 승패는 투수가 던지는 공을 선수가 치고 각 꼭짓점에 놓여있는 루를 모두 밟고 지나 다시 홈으로 들어오면 득점하게 되고 득점수가 높은 팀이 승리한다. 공격팀과 수비팀으로 나누며 아웃을 세 번 기록하게 되면 각 팀의 공수가 바뀌게 된다. 한 경기는 9개의 회차로 구성되며 마지막 9회 차에 승부가 나지 않으면 연장승부가 진행된다. 우리나라의 경우 연장 12회 차까지 승부를 겨루며 승패가 결정되지 않으면 무승부 처리한다. 메이저 리그에서는 무승부란 없다. 승부가 날 때까지 진행한다. 야구의 기원과 발전 야구는 북미를 건너온 영국과 아일랜드의 이민자들이 공과 방망이.. 공감수 0 댓글수 0 2024. 1. 5.
직업이야기, 게임 개발자 게임을 개발하는 사람들 흔히 비디오 게임을 전문적으로 만드는 사람들을 말한다. IT 업계에서는 프로그래머나 개발자와 같이 부르지만 게임 업계는 개발이라는 영역과 관련된 모든 직군을 통칭한다. 개발자, 게이머들에 대해 어떻게 생각하고 있는가? 게임을 즐기는 것 그리고 게임을 만드는 것 이것은 전혀 다른 세계의 이야기이다. 게임이 대중적인 문화의 하나로 인식되고 그 자리를 굳건히 잡게 되면서 게임을 만드는 사람들의 수요 또한 늘어났다. 하지만 구체적으로 게임개발자가 되기 위해 어떠한 노력을 해야 하는지에 대해서는 많은 사람들이 제대로 알지 못하고 있다. 게임을 즐기는 사람이 많아지면서 게임을 만들려는 사람들도 늘어났지만 직점 게임을 만들어보려 발을 딛는 사람들은 현실의 문 앞에 꿈을 내려놓기 바쁘다. 단지 .. 공감수 0 댓글수 1 2024. 1. 4.
직업이야기, 웹툰 작가 웹툰? 웹과 카툰의 합성어이다. 웹 만화는 스낵컬처의 문화를 보여주며 우리나라에서 큰 규모의 독자를 유지하고 있다. 기억하는가? 천리안에서 만화를 볼 수 있었던 것을? 천리안 웹툰이라는 용어가 지금 우리가 보고 있는 웹툰의 시초이다. 웹툰의 역사에 대해 알아보자 책을 스캔형식으로 원작과 거의 동일한 모습으로 가로 클릭하여 페이지를 넘기며 구독할 수 있었던 인쇄 만화 시절에서는 자동 넘김과 초당 넘어가는 기능을 갖고 있었다. 이후에 애니메이션 효과가 들어가면서부터 반복적으로 클릭하여 넘기는 장에 가미된 긴장감이 독자를 열광케 하였고, 한칸 한 칸 나열된 만화나 줌인과 줌아웃을 통해 이런 칸들의 감동을 주기 시작했다. 온라인 플랫폼이 점차 거대해지고 기술이 발달함에 따라 디지털세계에서의 웹툰은 현재 우리가 .. 공감수 0 댓글수 0 2024. 1. 4.
직업이야기, 비즈니스 분석가 비즈니스 분석가는 무엇을 하는 직업일까요? 비즈니스 애널리스트는 비즈니스의 필요성, 그리고 그에 부합하는 적절한 설루션의 간격을 줄이는 중추적인 역할을 하는 전문가입니다. 이들은 비즈니스의 전반적인 절차에 대해 이해하고 수정이 필요한 부분을 찾아내며 이러한 부분을 개선하기 위해 부단히 노력합니다. 사업을 하는 데 있어 궁극적인 목표를 잘 알고 식별하며 전략을 짜냅니다. 요구사항을 분석합니다. 비즈니스 문서를 작성하는데 이러한 문서는 이해관계자와 소통하는 효율적인 도구입니다. 데이터를 분석합니다. 프로세스를 맵핑 의사소통과 협업을 진행합니다. 해결해야 하는 문제들을 찾고 분석합니다. 비즈니스 분석가의 역할에 대해 알아 봅시다. 조직에 변화를 일으키는 원칙이 있는 접근 방식입니다. 조직과 이해관계자에게 관심.. 공감수 0 댓글수 0 2024. 1. 2.
직업이야기, 전자 당뇨 측정 계측기 개발자 전자 당뇨 측정 계측기 개발 엔지니어, 개발자란? 의료 분야에서 혁신적인 기술을 개발하여 당뇨를 앓고 있는 사람들을 돕기 위하여 고군분투 하는 전문가를 말합니다. 이 분야에서의 역할은 매우 다양하다고 할 수 있지요. 전자 당뇨 측정계 엔지니어 역할? 측정계의 시스템 설계와 개발 측정계 센서 기술의 적용 측정계 실 사용과 관련된 데이터 취합 및 분석 측정계를 사용하는 사람들을 위한 휴대성과 편의성 증진 안전하게 사용하 수 있도록 안전성과 그에 상응하는 규정 준수 의료전문가들과의 협력 프로토타입 제작 및 시제품 개발 다양한 업계의 최신 동향에 대해 파악 피를 뽑지 않고 혈당을 측정하는 기술 당뇨병, 현대인들의 고질병 한국사회에서의 다양한 생활 패턴과 생활 환경의 변화로 인해 많은 사람들이 이 질병으로 인해 .. 공감수 0 댓글수 0 2024. 1. 1.
직업이야기 외과의 메디컬 로봇, Medical robot 메디컬 로봇(Medical robot)? 의료 관련된 로봇, 의학에 혁신적인 기술 발전이 새로운 수술법으로 도입되어 외과의사에 의해 제어되는 등 다양한 수술 관련 과에서 사용되는 로봇입니다. 메디컬 로봇의 유형? 그렇다면 메디컬 로봇은 어느 곳에서 활약하고 있을까요? 수술 로봇. 이 로봇은 수련의 보다도 더 정밀하게 수술을 수행할 수 있으며 나아가 원격으로 한병원에 국한되지 않고 네트워크가 연결된 어느 병원에서나 기계의 도움을 받아 수술을 할 수 있게 합니다. 재활 로봇은 허약한 사람이나 노인 또는 움직임에 영향을 미치는 다양한 신체 부위에 기능장애가 있는 환자들의 삶을 보조하고 지원합니다. 재활과 훈련등의 다양한 프로그램에도 이 로봇이 사용된다고 해요. 바이오로봇은 인간과 동물의 인지 능력을 모방하도록.. 공감수 0 댓글수 1 2024. 1. 1.
직업이야기, 환경영상기사(Videographer) 환경영상기사란? 환경영상기사는 환경에 대한 문제와 또 다른 환경의 가능성에 대한 주제를 다루며 이러한 영상을 제작하는 제작자입니다. 환경영상기사는 영상을 통해 환경 문제를 시각적으로 전달하고 이를 대중에게 혹은 특정 인물들에게 환경에 대한 인식을 높이는데 중요한 역할을 합니다. 환경영상기사의 역할은? 비디오 제작과 편집 촬영 기술의 활용 인터뷰 그리고 리포트 작성 시각적 전달과 미디어 교육 콘텐츠 제작을 기획 소셜 미디어 및 온라인 플랫폼을 활용 환경 다큐멘터리의 제작 환경영상기사의 이모저모 환경기사는 환경 문제와 관련된 주제에 초첨을 맞춘 비디오 콘텐츠를 제작할 뿐만 아리나 이러한 제작된 비디오를 통해 황경에 대한 다양한 주제에 대해 대중과 교류합니다. 촬영 장비와 기술을 사용하여 다양한 환경 지역에서.. 공감수 0 댓글수 0 2023. 12. 31.
직업이야기, 미각평가사 미각평가사란? 미각평가사는 우리에겐 다소 생소한 직업이라고 생각됩니다. 미각평가사는 어떤 일들을 하는 걸까요? 미각평가사는 주로 음식과 음료의 맛과 향, 질감 등을 전문적으로 평가하는 말 그대로의 전문가입니다. 식품과 음표산업에서 제품의 품질을 향상하고 소비자의 경험을 개선하는 데에도 기여하며, 식품 및 음료를 포함한 제조업체와 식품 연구소 등에서 근무할 수 있고 시음 행사등의 다양한 활동에도 참여가 가능합니다. 미각평가사의 역할은? 식품과 음료의 평가 시음 패널 관리 분석 및 통계 제품 개발 지원 소비자 조사 및 시장 분석 감각 훈련 및 교육 자세히, 미각평가사는 다양한 종류의 음식과 음료에 대하여 평가하고 각각의 맛, 향, 질감등을 정량화하여 기록합니다. 이러한 활동들은 제품의 품질과 소비자 선호도를.. 공감수 0 댓글수 0 2023. 12. 30.
직업이야기 그 첫번째, 간호사 간호사라는 것은? 간호사라는 것은 개개인, 그들의 가족 나아가서는 지역사회의 다양한 구성원들을 대상으로 과학적인, 즉 객관적이고 근거중심적인 방법을 통하여 질병을 예방, 건강을 유지하고, 증진하며 회복하는 일련의 일들을 돕는 전문직을 말한다. 이러한 간호사가 되기 위해서는 4년제 이상의 대학교 또는 전문대학(4년제)을 졸업해야 하고, 간호사 국가고시라는 관문을 통과하면 면허를 취득하게 된다. 의료법에 명시되어 있는 의료인 중 간호사는 환자가 요구하는 것을 확인하고, 그에 대한 자료수집을 하며 간호사 독자적인 판단과 의사의 진료영역에 대한 보조, 간호를 요구하는 자들에 대한 교육 및 상담과 건강을 증진시킬 수 있는 활동을 기획하고 수행하는 일을 수행할 수 있다. 또한, 간호조무사가 수행하는 업무에 대한 지.. 공감수 0 댓글수 0 2023. 12. 28.
웹개발 웹언어 CSS 웹꾸미기 디바이스모드, 미디어 쿼리 디바이스 모드를 통해 각종 기기의 웹 사이즈를 제공 받을 수 있습니다. 설명에 앞서 알아두면 유용한 사이트를 소개해 드리겠습니다. 1. 네이버 디벨로퍼스 https://developers.naver.com/main/ NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.naver.com 위처럼 개발자 도구 창을 여는 방법은 F12를 해당 홈페이지에서 누르면 위 사진의 오른쪽과 같은 창이 열리는 것을 확인 할 수 있습니다. Responsive 탭을 클릭하면 여러 기기들이 확인 됩니다. 항목을 클릭하면 사이즈.. 공감수 0 댓글수 0 2021. 6. 12.
웹개발 웹언어 CSS 웹꾸미기 반응하는 웹, 반응형 웹 디자인, 오픈소스 사이트 공유 반응형 웹 디자인 개요 PC, 노트북, 스마트폰 등에서 최적화하여 웹 사이트를 개별로 만들기에는 많은 시간과 노력이 소모되기 때문에 브라우저 환경이 다양하게 바뀜에도 웹사이트의 내용을 다양한 화면 크게에 맞도록 표시할 수 있도록 구현하는 것이 반응형 웹 디자인 입니다. ! 알아두세요 ! 반응형 웹은 CSS3을 지원하는 최신형 브라우저에서만 사용할 수 있습니다. 반응형 웹 디자인을 위해서는 선행으로 다양한 브라우저 환경에서 알맞게 내용을 표시할 수 있어야 하는 조건을 갖추어야 합니다. 이를 위해 알아 두어야 하는 것이 뷰포트! 기기별 뷰포트의 영역이 다 다르기 때문에 뷰포트에 대해 잠시 알아보도록 하겠습니다. 기기 타입 범위 스마트폰 small to large handset 1904px 뷰포트를 지정하는 .. 공감수 0 댓글수 0 2021. 6. 9.
웹개발 웹언어 CSS 웹꾸미기 스타일 변형 - 애니메이션 애니메이션 속성 애니메이션 속성을 이용 - CSS3의 애니메이션 속성을 사용하면 자바스크립트를 사용하지 않아도 웹 요소에 애니메이션을 추가할 수 있습니다. 비주얼 스튜디오에서 애니메이션 관련 하여 요소를 입력하려면 위와 같이 다양한 항목이 존재합니다. 각 항목별 요소와 해석에 대해 알아보겠습니다. 요소 해석 animation-delay 로드된 후 애니메이션이 시작될 때 까지의 시간 animation-direction 애니메이션 움직임 방향 설정 animation-duration 움직임 시간설정 animation-name @Keyframes로 설정한 중간 상태를 지정 animation-timing-function 움직임의 속도 설정 animation-fill-mode 애니메이션이 끝난 후의 상태를 설정 a.. 공감수 0 댓글수 0 2021. 6. 6.
웹개발 웹언어 CSS 웹꾸미기 스타일 변형 트랜지션 트랜지션이란? 웹 요소의 스타일 속성이 시간에 따라 바뀌는 것. 종류 해석 transition-property 트랜지션의 대상을 지정 transition-duration 실행할 시간 지정 transition-time-function 실행 형태 지정 transition-delay 지연 시간 지정 위와 같은 요소를 사용하여 여러 출력물을 얻을 수 있습니다. 예시) 트랜지션 세부항목 transition-property: all; all 값, 혹은 생략할 경우 모든 속성이 대상이 됩니다. transition-property: background-color; 해당요소의 배경색에 트랜지션 적용 transition-property: width, height; 해당 요소의 너비와 높이에 트랜지션 적용 tran.. 공감수 0 댓글수 0 2021. 6. 2.
웹개발 웹언어 CSS 웹꾸미기 가상 클래스 요소 적용하기(선택자) 선택자 적용 방법 예시) section 안의 p 요소를 모두 포함하여 출력물을 얻을 수 있습니다. 자식요소에만 적용 하려면 section > p { } 형제요소에 스타일을 적용하려면 아래의 방법을 이용합니다. p요소중 첫 번째 p요소에만 선택하려면 h1 + p { } 모든 p 요소에 적용하려면 h1 ~ p { } 특정 속성이 있는 요소 선택 방법 종류 해석 [속성] 예시) a[href] { } a 요소중 href 속성값이 있는 요소만 적용 [속성 = 값] 예시) a[target = _blank] { } a 요소중 target 속성값이 _blank 인 것만 선택 적용 [속성 ~= 값] 예시) [class ~= botton] { } 여러 속성값 중에서 botton 값이 포함된 요소 선택 [속성 |= 값] 예.. 공감수 0 댓글수 0 2021. 5. 29.
웹개발 웹언어 CSS 웹꾸미기 그라데이션 효과 그라데이션 효과 주기 그라데이션을 위한 코드 linear-gradient 예시) 블랙의 배경화면에서 그라데이션의 방향을 임의로 정해주고 그라데이션의 색상을 블랙에서 화이트로 변경을 주도록 해보겠습니다. 방법은 두가지 입니다. 위의 첫번째 이미지에서 background 영역에 linear-gradient 속성값으로 0deg, black, white 0deg = 각도를 기준으로 속성값을 입력한 내용입니다. 위의 두번째 이미지에서 background 영역에 Linear-gradient 속성값으로 to top, black, white to top = to (그라데이션을 줄 위치) 에 속성값을 입력한 내용입니다. 각도는 표현하기가 어렵지 않습니다만 직접 to 에 입력해야 하는 경우에는 이야기가 다릅니다. left.. 공감수 0 댓글수 0 2021. 5. 27.
웹개발 웹언어 CSS 웹꾸미기 배경 화면 배경 이미지 배치 배경 이미지 주소 연결 예시) backgroud-image: url('이미지파일 경로') 사용 예시를 보면 배치할 곳이 body 라면 아래와 같이 입력한 뒤 body 칸을 작성해 주시면 됩니다. 배경 이미지를 지정한 뒤 다양한 효과를 줄 수 있습니다. background-position, background repeat 속성을 이용하여 위치와 배경을 반복적으로 부과하여 배경을 전체적으로 화면에 채울 수 있습니다. 각각 속성을 입력할 때 선택할 수 있는 항목이 다양하게 보입니다. 배경을 부과할 이미지를 생각하고 지정하면 이미지를 배경화면에 알맞게 배치할 수 있습니다. 배경 이미지를 어디까지 적용할 지 범위를 조절 할 수 있습니다. background-origin 속성을 이용합니다. con.. 공감수 0 댓글수 0 2021. 5. 24.
웹개발 웹언어 CSS 웹꾸미기 디자인 입히기 레이아웃, 위치지정 Margin, Border, Padding 웹 페이지의 F12를 눌러 보면 웹페이지를 어떻게 나누어 보고 있는지 확인 할 수 있습니다. 위에서부터 margin 영역으로 해당하는 속성 내용에 대하여 알아보도록 하겠습니다. 일단 위 그림에서 보는 것과 같이 모은 영역에는 top, right, bottom, left 즉 위치가 존재합니다. 기본속성인 margin을 입력 방식은 아래와 같습니다. 1) margin: 20px; 2) margin: 50%; 위와 같은 방식으로 입력하게 되면 1)의 방식처럼 고정형 2)의 방식처럼 창크기에 따라 %로 출력이 가능하게 됩니다. margin, padding, border 의 기본형태는 위와 동일합니다. 각 속성별 세부사항 margin: 10px 20px 30px 40px.. 공감수 0 댓글수 0 2021. 5. 22.
웹개발 웹언어 CSS 웹꾸미기 디자인 입히기 텍스트편 #2 텍스트 스타일 속성 정리 1. 텍스트에 색입히기 텍스트에 색을 입히는 방법은 앞에서도 설명한 바가 있습니다만 정리를 위해 한번 더 설명드리도록 하겠습니다. 아래와 같이 스타일 적용부분에 색을 입력 후 마우스를 해당 색상에 두고기다리시면 색상을 직접 골라 적용할 수 있으니 참고하시면 되겠습니다. 2. 텍스트 정렬하기 텍스트를 정렬하는 방법으로 태그 안에 .입력 내용 { text-align을 입력하고 정렬할 내용으로 속성을 입력합니다. } 참고로 * { 속성값 } 으로 입력하면 전체 적용입니다. body 부분에서 개별로 입력할 경우 class="입력 내용" 으로 적용하여 개별 출력 가능합니다. 예시) 왼쪽정렬 속성별 해석내용입니다. center 가운데 정렬 end 줄끝 정렬 justify 양쪽 정렬 left.. 공감수 0 댓글수 0 2021. 5. 20.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.