시맨틱 태그란? 시맨틱(semantic)이라는 '의미의', '의미론적인'라는 뜻을 가진 형용사입니다. 즉 시맨틱 태그는 의미를 부여한 태그라는 뜻이 됩니다. 태그에 의미를 부여했다고 생각하시면 이해가 편합니다. 이런 시맨틱 태그는 HTML5에서는 처음 등장했습니다. 예를 들자면 나 같은 태그들을 말합니다. 이 태그들은 이름만 봐도 상단과 하단이라는 것을 알겠죠. 이렇게 시맨틱 태그의 등장으로 인해 우리는 태그만 보고서도 문서를 더 쉽게 이해할 수 있게 되었습니다. 시맨틱 태그를 사용해야 하는 이유 웹 문서 레이아웃을 만들 때 시맨틱 태그를 사용하지 않더라도 태그를 활용하여 웹 문서를 똑같이 만들 수 있습니다. 하지만 우리가 시맨틱 태그를 사용해야 하는 이유는 크게 아래의 3가지 이유가 있습니다. HTML..
HTML이란? HTML은 Hyper Text Markup Language의 약자로 이것을 그대로 번역해보자면 하이퍼 텍스트를 마크업 하는 언어라고 할 수 있겠습니다. 여기서 Hyper Text(하이퍼 텍스트)는 웹사이트에서 링크를 클릭해 다른 문서나 사이트로 이동할 수 있는 기능을 의미하고 Markup(마크업)은 태그(tag)를 사용해 문서에서 제목 본문 이미지 등을 표시하는 것을 말합니다. 즉 HTML을 한마디로 정리해보자면 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 태그를 활용한 언어라고 HTML의 정의를 내려볼 수 있겠습니다. 현재는 웹 표준을 제정하는 W3C(World Wide Web Consortium)에서 표준을 권고하고 발전시키고 있습니다. W3C(World Wide Web Consor..
살다 보면 가끔 통장사본을 제출해야 할 일이 있는데 통장 실물을 잘 보관하고 있지 않는 경우가 많아 막상 통장 사본을 만들려고 하면 골치가 아플때가 있습니다. 이것을 위해 은행을 방문하자니 그것도 일이고요. 이럴 때 온라인으로 통장사본을 출력하거나 저장하는 등의 방법을 사용한다면 쉽게 문제를 해결하실 수 있습니다. 국민은행 통장사본 온라인으로 출력 / 저장하기 1. 아래 링크되어 있는 국민은행 홈페이지에 접속하여 로그인을 합니다. https://www.kbstar.com/ 2. 로그인을 한 후 상단 우측에 있는 돋보기 모양을 클릭합니다. 3. 검색창에서 통장사본을 검색하고 결과로 검색 된 텍스트를 클릭합니다. 4. 위 그림에서 표시 된 개인뱅킹 > 뱅킹 관리 > 제증명발급 > 통장사본을 클릭합니다. 5...
일반인들은 주로 핸드폰으로 아침 알람을 듣지만 핸드폰이 고장 났거나 분실하는 등의 피치 못할 사정으로 핸드폰 알람을 듣지 못하는 경우가 생길 수 있습니다. 이럴 때 알람 시계를 사는 것보다 기존에 사용하는 PC를 활용하여 알람을 세팅할 수도 있습니다. 온라인 알람 사이트에서 간단한 설정만으로 알람을 들으실 수 있어 알람 프로그램을 설치할 필요성이 없어 매우 편리합니다. 온라인 알람쿠르 (https://onlinealarmkur.com/ko/) 1. 알람이 울릴 시간을 설정합니다. 2. 알람 소리를 선택합니다. 3. 스누즈 길이(알람이 다시 울리는 간격)를 선택합니다. 4. 알람 설정 버튼을 클릭합니다. 알람 설정 버튼을 누르면 위와 같이 남은 시간이 표시되며 알람이 설정됩니다. ※ 안내문구에는 절전모드 ..
얼마 전 핸드폰을 떨어트리는 바람에 핸드폰이 고장 났습니다. 저는 갤럭시 폴드 3을 사용하고 있었는데 외부 디스플레이는 전혀 켜지지 않고 내부 디스플레이는 켜지기는 하나 계속 재부팅되는 현상이 발생하는 등 혼자서는 해결하기 힘든 고장으로 인해 삼성 서비스 센터를 찾아 수리를 진행하였습니다. 다행히 핸드폰은 깔끔하게 수리가 되었으나 비용이 16만 원이나 나왔습니다. 하지만 다행히도 저는 휴대폰 보험을 들고 있었기 때문에 보상청구를 할 수 있었습니다. 통신사별 휴대폰 보험 청구방법 통신사 청구 방법 SKT 1. 1599-4962 전화 2. 모바일 접수 1번 3. 휴대폰 번호 입력 4. T World 어플 실행 5. 본인인증 6. 사고 경위 작성 후 영수증, 견적서 사진 첨부 KT 1. 플레이스토어 -> 폰케..
저처럼 9시 ~ 6시까지 일을 해야만 하는 직장인 신분으로써는 오프라인으로 전입신고를 하기 위해서 부득이하게 연차를 내야만 합니다. 하지만 온라인으로도 전입신고를 간편하게 할 수 있는 방법이 있습니다. 귀찮게 주민센터까지 찾아가서 대기표를 뽑고 기다리지 않아도 간단한 정보 기입만으로 전입 신고를 끝낼 수 있습니다. 이번 포스팅에서는 온라인으로 전입신고를 간편하게 하는 방법에 대해 알아보겠습니다. 인터넷으로 전입신고 간편하게 하는 방법 1. 아래 링크된 URL을 클릭하셔서 정부 24의 전입신고 페이지로 들어간 뒤 신고 버튼을 누릅니다. https://www.gov.kr/mw/AA020InfoCappView.do?CappBizCD=13100000016 2. 로그인이 되어 있지 않다면 위와 같이 회원, 비회원..
개인 사업자란? 개인 사업자란 개인이 사업의 주체가 되어 소득과 부채를 모두 가지는 사람으로서 회사를 설립하는데 상법상 별도의 절차가 필요하지 않아 그 설립 절차가 간편하고, 휴·폐업이 비교적 간단하며 부가가치세와 소득세 납세의무가 있는 사업자를 말하며, 법인사업자는 법인 설립등기를 함으로써 법인격을 취득한 법인뿐만 아니라 국세 기본법의 규정에 따라 법인으로 보는 법인격 없는 단체 등도 포함되며 부가가치세와 법인세 등 납세의무가 있는 사업자를 뜻합니다. 온라인 개인 사업자 신청 방법 1. 아래 링크되어 있는 국세청 홈택스로 들어간 뒤 상단 탭의 신청/제출 -> 사업자등록신청(개인)을 클릭합니다. https://www.hometax.go.kr/ 2. 로그인을 해줍니다. 공인인증서가 없으시다면 카카오 간편 ..
2020.2.4 구글 크롬(Google Chrome) 80버전으로 업데이트되면서 크롬에 새로운 쿠키 정책이 적용되었다. 내용은 Cookie의 SameSite 속성의 기본 값이 "None"에서 "Lax"로 보안등급을 상향 조절하는 것이다. 구글 Chrome SameSite 이슈에 대하여 SameSite 속성의 기본 값이 "None"에서 "Lax"로 변경되면 각종 문제가 일어날 수 있습니다. 사용자가 사이트를 이용하다가 갑자기 쿠키가 날아가는 경우가 생길 수 있다는 점입니다. 대표적인 예가 로그인 정보입니다. 많은 웹사이트들이 로그인을 한 후 Cookies를 사용해 유저의 신원을 확인하여 페이지를 전환해도 재인증을 하지 않아도 되도록 하고 있습니다. 하지만 SameSite 이슈로 인해 이 쿠키값을 찾지 못한..
자바로 작성되어있는 .java 파일은 javac 컴파일러로 빌드하면 바이트코드인 .class 클래스 파일이 생성됩니다. 이 과정을 통해 생성되는 클래스 파일은 JVM에서만 해석할 수 있는 코드들로 작성되어 있어 해석을 하기 위해서는 .class 클래스 파일을 .java 자바 파일로 바꿔주는 디컴파일 과정이 필요합니다. 이번 포스팅에서는 자바 클래스 파일을 자바 파일로 디컴파일을 해주는 사이트를 소개하고자 합니다. 자바 클래스(.class)파일 디컴파일 사이트(javadecompilers) http://www.javadecompilers.com/ Java decompiler online www.javadecompilers.com 1. 위에 링크되어있는 Java decompiler 사이트에 접속합니다. 2...
정규표현식을 사용하다 보면 이 문법이 맞는지 아닌지 헷갈리는 경우가 있습니다. 또 언어마다 정규표현식이 조금씩 다른 부분도 있어 테스트를 많이 해야 합니다. 개발을 할 때 자체 테스트로 확인하는 방법도 있겠지만 오늘 소개해드릴 정규표현식 테스트 사이트를 사용하면 코딩 시점에서 정규식 문법이 맞는지 쉽게 체크하실 수 있습니다. 자주 사용하는 정규표현식 정규 표현식 설명 예제 ^[0-9]*$ 숫자 1234567890 ^[a-zA-Z]*$ 영문자 abcdefg... ^[가-힣]*$ 한글 가나다라마바사... \w+@\w+\.\w+(\.\w+)? E-Mail test@naver.com ^\d{2,3}-\d{3,4}-\d{4}$ 전화번호 02-1234-1234 ^[A-Za-z0-9]{6,12}$ 휴대전화번호 010..
혼자서 개인 프로젝트를 진행하다 보면 한계에 많이 부딪칩니다. 특히 디자인 부분에서 어려움을 겪는데요. 아무것도 없는 무의 상태에서 예쁘고 세련된 결과물을 만들기란 정말 어렵습니다. 게다가 하나의 기능을 만들 때마다 그에 맞는 UI / UX, 버그, 각종 이슈 등등 고려해야 할 것들도 한두가지가 아니죠. 이럴 때 남들이 이미 잘 짜 놓은 오픈소스를 잘 활용하여 조합한다면 훨씬 적은 노력으로 완성도 높은 프로젝트를 만드실 수 있으실 겁니다. 이번 포스팅에서는 오픈소스를 쉽게 다운로드 받을 수 있는 사이트에 대해서 추천해보고자 합니다. 오픈소스를 쉽게 받을 수 있는 사이트 목록 Bootstrap (https://getbootstrap.com/) Bootstrap은 세계적으로 반응형 웹 사이트 구축할때 사용되..
최근 개인적으로 여러 가지 프로젝트를 진행하면서 디자인도 신경을 써야 하는 부분이 생겼는데요. 저는 개인적으로 디자인 요소 중에 중요한 것을 한 가지 꼽으라면 바로 폰트라고 생각을 합니다. 폰트만 예쁜 것으로 바꾸어도 글의 가독성이 좋아지고 전체적인 디자인이 예뻐진다는 느낌을 받거든요. 하지만 폰트의 경우 상업적으로 사용이 가능한 폰트를 꼭 사용해주어야 저작권 관련 문제를 방지할 수 있습니다. 상업적 이용의 뜻은 기업에서도 사용이 가능하며 이 폰트들을 사용한 결과물로 생산활동을 해도 된다는 뜻을 의미합니다. 단 글꼴을 임의로 변형하거나 돈을 받고 글꼴을 판매하는 행위는 대부분 금지하고 있으니 이점만 참고해주시면 될 것 같습니다. 배달의 민족 글꼴 9종 배달의 민족을 운영하고 있는 ㈜우아한형제들에서 제작한..
개발을 하다 보면 인코딩이 잘못되어 문자들이 깨지는 현상이 많이 발생합니다. 경우에 따라서는 개발된 인코딩 방식을 바꿔야 하는 상황도 발생하는데 이때 유용하게 사용할 수 있는 인코딩 변환 사이트를 소개합니다. 자주 사용하는 UTF-8 / EUC-KR 방식뿐만이 아니라 다양한 인코딩 변환을 지원하고 있습니다. 문자열 인코딩 변환 사이트(https://dencode.com/) https://dencode.com/ 위의 사이트에 들어가셔서 변환 할 문자열을 넣고 사용하고 싶은 인코딩 방식으로 변환하시면 됩니다.