Web(240)
-
Web/HTML, CSS
2022.12.06
3
[Html] 시맨틱 태그(Semeantic Tag)란 무엇인가?
시맨틱 태그란? 시맨틱(semantic)이라는 '의미의', '의미론적인'라는 뜻을 가진 형용사입니다. 즉 시맨틱 태그는 의미를 부여한 태그라는 뜻이 됩니다. 태그에 의미를 부여했다고 생각하시면 이해가 편합니다. 이런 시맨틱 태그는 HTML5에서는 처음 등장했습니다. 예를 들자면 나 같은 태그들을 말합니다. 이 태그들은 이름만 봐도 상단과 하단이라는 것을 알겠죠. 이렇게 시맨틱 태그의 등장으로 인해 우리는 태그만 보고서도 문서를 더 쉽게 이해할 수 있게 되었습니다. 시맨틱 태그를 사용해야 하는 이유 웹 문서 레이아웃을 만들 때 시맨틱 태그를 사용하지 않더라도 태그를 활용하여 웹 문서를 똑같이 만들 수 있습니다. 하지만 우리가 시맨틱 태그를 사용해야 하는 이유는 크게 아래의 3가지 이유가 있습니다. HTML..
-
Web/HTML, CSS
2022.12.05
[Html] HTML이란 무엇인가? (feat HTML5)
HTML이란? HTML은 Hyper Text Markup Language의 약자로 이것을 그대로 번역해보자면 하이퍼 텍스트를 마크업 하는 언어라고 할 수 있겠습니다. 여기서 Hyper Text(하이퍼 텍스트)는 웹사이트에서 링크를 클릭해 다른 문서나 사이트로 이동할 수 있는 기능을 의미하고 Markup(마크업)은 태그(tag)를 사용해 문서에서 제목 본문 이미지 등을 표시하는 것을 말합니다. 즉 HTML을 한마디로 정리해보자면 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 태그를 활용한 언어라고 HTML의 정의를 내려볼 수 있겠습니다. 현재는 웹 표준을 제정하는 W3C(World Wide Web Consortium)에서 표준을 권고하고 발전시키고 있습니다. W3C(World Wide Web Consor..
-
Web
2022.08.10
[Web] 국민은행 통장사본 온라인으로 출력 / 저장하기
살다 보면 가끔 통장사본을 제출해야 할 일이 있는데 통장 실물을 잘 보관하고 있지 않는 경우가 많아 막상 통장 사본을 만들려고 하면 골치가 아플때가 있습니다. 이것을 위해 은행을 방문하자니 그것도 일이고요. 이럴 때 온라인으로 통장사본을 출력하거나 저장하는 등의 방법을 사용한다면 쉽게 문제를 해결하실 수 있습니다. 국민은행 통장사본 온라인으로 출력 / 저장하기 1. 아래 링크되어 있는 국민은행 홈페이지에 접속하여 로그인을 합니다. https://www.kbstar.com/ 2. 로그인을 한 후 상단 우측에 있는 돋보기 모양을 클릭합니다. 3. 검색창에서 통장사본을 검색하고 결과로 검색 된 텍스트를 클릭합니다. 4. 위 그림에서 표시 된 개인뱅킹 > 뱅킹 관리 > 제증명발급 > 통장사본을 클릭합니다. 5...
-
Web
2022.07.26
[Web] 컴퓨터 알람 울려주는 무료 사이트 추천 (온라인 알람 시계)
일반인들은 주로 핸드폰으로 아침 알람을 듣지만 핸드폰이 고장 났거나 분실하는 등의 피치 못할 사정으로 핸드폰 알람을 듣지 못하는 경우가 생길 수 있습니다. 이럴 때 알람 시계를 사는 것보다 기존에 사용하는 PC를 활용하여 알람을 세팅할 수도 있습니다. 온라인 알람 사이트에서 간단한 설정만으로 알람을 들으실 수 있어 알람 프로그램을 설치할 필요성이 없어 매우 편리합니다. 온라인 알람쿠르 (https://onlinealarmkur.com/ko/)1. 알람이 울릴 시간을 설정합니다.2. 알람 소리를 선택합니다.3. 스누즈 길이(알람이 다시 울리는 간격)를 선택합니다.4. 알람 설정 버튼을 클릭합니다. 알람 설정 버튼을 누르면 위와 같이 남은 시간이 표시되며 알람이 설정됩니다. ※ 안내문구에는 절전모드 사용 시..
-
Web
2022.07.25
[Web] 핸드폰 수리 보상 청구 하는 방법 (SKT)
얼마 전 핸드폰을 떨어트리는 바람에 핸드폰이 고장 났습니다. 저는 갤럭시 폴드 3을 사용하고 있었는데 외부 디스플레이는 전혀 켜지지 않고 내부 디스플레이는 켜지기는 하나 계속 재부팅되는 현상이 발생하는 등 혼자서는 해결하기 힘든 고장으로 인해 삼성 서비스 센터를 찾아 수리를 진행하였습니다. 다행히 핸드폰은 깔끔하게 수리가 되었으나 비용이 16만 원이나 나왔습니다. 하지만 다행히도 저는 휴대폰 보험을 들고 있었기 때문에 보상청구를 할 수 있었습니다. 통신사별 휴대폰 보험 청구방법 통신사 청구 방법 SKT 1. 1599-4962 전화 2. 모바일 접수 1번 3. 휴대폰 번호 입력 4. T World 어플 실행 5. 본인인증 6. 사고 경위 작성 후 영수증, 견적서 사진 첨부 KT 1. 플레이스토어 -> 폰케..
-
Web
2022.07.24
[Web] 인터넷으로 전입신고 간편하게 하는 방법
저처럼 9시 ~ 6시까지 일을 해야만 하는 직장인 신분으로써는 오프라인으로 전입신고를 하기 위해서 부득이하게 연차를 내야만 합니다. 하지만 온라인으로도 전입신고를 간편하게 할 수 있는 방법이 있습니다. 귀찮게 주민센터까지 찾아가서 대기표를 뽑고 기다리지 않아도 간단한 정보 기입만으로 전입 신고를 끝낼 수 있습니다. 이번 포스팅에서는 온라인으로 전입신고를 간편하게 하는 방법에 대해 알아보겠습니다. 인터넷으로 전입신고 간편하게 하는 방법 1. 아래 링크된 URL을 클릭하셔서 정부 24의 전입신고 페이지로 들어간 뒤 신고 버튼을 누릅니다. https://www.gov.kr/mw/AA020InfoCappView.do?CappBizCD=13100000016 2. 로그인이 되어 있지 않다면 위와 같이 회원, 비회원..
-
Web
2022.07.23
[Web] 인터넷으로 개인 사업자 등록 간편하게 하는 방법
개인 사업자란? 개인 사업자란 개인이 사업의 주체가 되어 소득과 부채를 모두 가지는 사람으로서 회사를 설립하는데 상법상 별도의 절차가 필요하지 않아 그 설립 절차가 간편하고, 휴·폐업이 비교적 간단하며 부가가치세와 소득세 납세의무가 있는 사업자를 말하며, 법인사업자는 법인 설립등기를 함으로써 법인격을 취득한 법인뿐만 아니라 국세 기본법의 규정에 따라 법인으로 보는 법인격 없는 단체 등도 포함되며 부가가치세와 법인세 등 납세의무가 있는 사업자를 뜻합니다. 온라인 개인 사업자 신청 방법 1. 아래 링크되어 있는 국세청 홈택스로 들어간 뒤 상단 탭의 신청/제출 -> 사업자등록신청(개인)을 클릭합니다. https://www.hometax.go.kr/ 2. 로그인을 해줍니다. 공인인증서가 없으시다면 카카오 간편 ..
-
Web/Web Programming
2022.07.06
[Web] 구글 Chrome SameSite 이슈에 대하여 (크롬 80)
2020.2.4 구글 크롬(Google Chrome) 80버전으로 업데이트되면서 크롬에 새로운 쿠키 정책이 적용되었다. 내용은 Cookie의 SameSite 속성의 기본 값이 "None"에서 "Lax"로 보안등급을 상향 조절하는 것이다. 구글 Chrome SameSite 이슈에 대하여 SameSite 속성의 기본 값이 "None"에서 "Lax"로 변경되면 각종 문제가 일어날 수 있습니다. 사용자가 사이트를 이용하다가 갑자기 쿠키가 날아가는 경우가 생길 수 있다는 점입니다. 대표적인 예가 로그인 정보입니다. 많은 웹사이트들이 로그인을 한 후 Cookies를 사용해 유저의 신원을 확인하여 페이지를 전환해도 재인증을 하지 않아도 되도록 하고 있습니다. 하지만 SameSite 이슈로 인해 이 쿠키값을 찾지 못한..
-
Web
2022.04.06
[Web] 자바 클래스(.class)파일 디컴파일 사이트(javadecompilers.com)
자바로 작성되어있는 .java 파일은 javac 컴파일러로 빌드하면 바이트코드인 .class 클래스 파일이 생성됩니다. 이 과정을 통해 생성되는 클래스 파일은 JVM에서만 해석할 수 있는 코드들로 작성되어 있어 해석을 하기 위해서는 .class 클래스 파일을 .java 자바 파일로 바꿔주는 디컴파일 과정이 필요합니다. 이번 포스팅에서는 자바 클래스 파일을 자바 파일로 디컴파일을 해주는 사이트를 소개하고자 합니다. 자바 클래스(.class)파일 디컴파일 사이트(javadecompilers) http://www.javadecompilers.com/ Java decompiler online www.javadecompilers.com 1. 위에 링크되어있는 Java decompiler 사이트에 접속합니다. 2...
-
Web
2022.02.20
4
[Web] 정규표현식 테스트 사이트 모음 총정리
정규표현식을 사용하다 보면 이 문법이 맞는지 아닌지 헷갈리는 경우가 있습니다. 또 언어마다 정규표현식이 조금씩 다른 부분도 있어 테스트를 많이 해야 합니다. 개발을 할 때 자체 테스트로 확인하는 방법도 있겠지만 오늘 소개해드릴 정규표현식 테스트 사이트를 사용하면 코딩 시점에서 정규식 문법이 맞는지 쉽게 체크하실 수 있습니다. 자주 사용하는 정규표현식 정규 표현식 설명 예제 ^[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..
-
Web/HTML, CSS 2022.12.06 3[Html] 시맨틱 태그(Semeantic Tag)란 무엇인가? 시맨틱 태그란? 시맨틱(semantic)이라는 '의미의', '의미론적인'라는 뜻을 가진 형용사입니다. 즉 시맨틱 태그는 의미를 부여한 태그라는 뜻이 됩니다. 태그에 의미를 부여했다고 생각하시면 이해가 편합니다. 이런 시맨틱 태그는 HTML5에서는 처음 등장했습니다. 예를 들자면 나 같은 태그들을 말합니다. 이 태그들은 이름만 봐도 상단과 하단이라는 것을 알겠죠. 이렇게 시맨틱 태그의 등장으로 인해 우리는 태그만 보고서도 문서를 더 쉽게 이해할 수 있게 되었습니다. 시맨틱 태그를 사용해야 하는 이유 웹 문서 레이아웃을 만들 때 시맨틱 태그를 사용하지 않더라도 태그를 활용하여 웹 문서를 똑같이 만들 수 있습니다. 하지만 우리가 시맨틱 태그를 사용해야 하는 이유는 크게 아래의 3가지 이유가 있습니다. HTML..
-
Web/HTML, CSS 2022.12.05[Html] HTML이란 무엇인가? (feat HTML5) HTML이란? HTML은 Hyper Text Markup Language의 약자로 이것을 그대로 번역해보자면 하이퍼 텍스트를 마크업 하는 언어라고 할 수 있겠습니다. 여기서 Hyper Text(하이퍼 텍스트)는 웹사이트에서 링크를 클릭해 다른 문서나 사이트로 이동할 수 있는 기능을 의미하고 Markup(마크업)은 태그(tag)를 사용해 문서에서 제목 본문 이미지 등을 표시하는 것을 말합니다. 즉 HTML을 한마디로 정리해보자면 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 태그를 활용한 언어라고 HTML의 정의를 내려볼 수 있겠습니다. 현재는 웹 표준을 제정하는 W3C(World Wide Web Consortium)에서 표준을 권고하고 발전시키고 있습니다. W3C(World Wide Web Consor..
-
Web 2022.08.10[Web] 국민은행 통장사본 온라인으로 출력 / 저장하기 살다 보면 가끔 통장사본을 제출해야 할 일이 있는데 통장 실물을 잘 보관하고 있지 않는 경우가 많아 막상 통장 사본을 만들려고 하면 골치가 아플때가 있습니다. 이것을 위해 은행을 방문하자니 그것도 일이고요. 이럴 때 온라인으로 통장사본을 출력하거나 저장하는 등의 방법을 사용한다면 쉽게 문제를 해결하실 수 있습니다. 국민은행 통장사본 온라인으로 출력 / 저장하기 1. 아래 링크되어 있는 국민은행 홈페이지에 접속하여 로그인을 합니다. https://www.kbstar.com/ 2. 로그인을 한 후 상단 우측에 있는 돋보기 모양을 클릭합니다. 3. 검색창에서 통장사본을 검색하고 결과로 검색 된 텍스트를 클릭합니다. 4. 위 그림에서 표시 된 개인뱅킹 > 뱅킹 관리 > 제증명발급 > 통장사본을 클릭합니다. 5...
-
Web 2022.07.26[Web] 컴퓨터 알람 울려주는 무료 사이트 추천 (온라인 알람 시계) 일반인들은 주로 핸드폰으로 아침 알람을 듣지만 핸드폰이 고장 났거나 분실하는 등의 피치 못할 사정으로 핸드폰 알람을 듣지 못하는 경우가 생길 수 있습니다. 이럴 때 알람 시계를 사는 것보다 기존에 사용하는 PC를 활용하여 알람을 세팅할 수도 있습니다. 온라인 알람 사이트에서 간단한 설정만으로 알람을 들으실 수 있어 알람 프로그램을 설치할 필요성이 없어 매우 편리합니다. 온라인 알람쿠르 (https://onlinealarmkur.com/ko/)1. 알람이 울릴 시간을 설정합니다.2. 알람 소리를 선택합니다.3. 스누즈 길이(알람이 다시 울리는 간격)를 선택합니다.4. 알람 설정 버튼을 클릭합니다. 알람 설정 버튼을 누르면 위와 같이 남은 시간이 표시되며 알람이 설정됩니다. ※ 안내문구에는 절전모드 사용 시..
-
Web 2022.07.25[Web] 핸드폰 수리 보상 청구 하는 방법 (SKT) 얼마 전 핸드폰을 떨어트리는 바람에 핸드폰이 고장 났습니다. 저는 갤럭시 폴드 3을 사용하고 있었는데 외부 디스플레이는 전혀 켜지지 않고 내부 디스플레이는 켜지기는 하나 계속 재부팅되는 현상이 발생하는 등 혼자서는 해결하기 힘든 고장으로 인해 삼성 서비스 센터를 찾아 수리를 진행하였습니다. 다행히 핸드폰은 깔끔하게 수리가 되었으나 비용이 16만 원이나 나왔습니다. 하지만 다행히도 저는 휴대폰 보험을 들고 있었기 때문에 보상청구를 할 수 있었습니다. 통신사별 휴대폰 보험 청구방법 통신사 청구 방법 SKT 1. 1599-4962 전화 2. 모바일 접수 1번 3. 휴대폰 번호 입력 4. T World 어플 실행 5. 본인인증 6. 사고 경위 작성 후 영수증, 견적서 사진 첨부 KT 1. 플레이스토어 -> 폰케..
-
Web 2022.07.24[Web] 인터넷으로 전입신고 간편하게 하는 방법 저처럼 9시 ~ 6시까지 일을 해야만 하는 직장인 신분으로써는 오프라인으로 전입신고를 하기 위해서 부득이하게 연차를 내야만 합니다. 하지만 온라인으로도 전입신고를 간편하게 할 수 있는 방법이 있습니다. 귀찮게 주민센터까지 찾아가서 대기표를 뽑고 기다리지 않아도 간단한 정보 기입만으로 전입 신고를 끝낼 수 있습니다. 이번 포스팅에서는 온라인으로 전입신고를 간편하게 하는 방법에 대해 알아보겠습니다. 인터넷으로 전입신고 간편하게 하는 방법 1. 아래 링크된 URL을 클릭하셔서 정부 24의 전입신고 페이지로 들어간 뒤 신고 버튼을 누릅니다. https://www.gov.kr/mw/AA020InfoCappView.do?CappBizCD=13100000016 2. 로그인이 되어 있지 않다면 위와 같이 회원, 비회원..
-
Web 2022.07.23[Web] 인터넷으로 개인 사업자 등록 간편하게 하는 방법 개인 사업자란? 개인 사업자란 개인이 사업의 주체가 되어 소득과 부채를 모두 가지는 사람으로서 회사를 설립하는데 상법상 별도의 절차가 필요하지 않아 그 설립 절차가 간편하고, 휴·폐업이 비교적 간단하며 부가가치세와 소득세 납세의무가 있는 사업자를 말하며, 법인사업자는 법인 설립등기를 함으로써 법인격을 취득한 법인뿐만 아니라 국세 기본법의 규정에 따라 법인으로 보는 법인격 없는 단체 등도 포함되며 부가가치세와 법인세 등 납세의무가 있는 사업자를 뜻합니다. 온라인 개인 사업자 신청 방법 1. 아래 링크되어 있는 국세청 홈택스로 들어간 뒤 상단 탭의 신청/제출 -> 사업자등록신청(개인)을 클릭합니다. https://www.hometax.go.kr/ 2. 로그인을 해줍니다. 공인인증서가 없으시다면 카카오 간편 ..
-
Web/Web Programming 2022.07.06[Web] 구글 Chrome SameSite 이슈에 대하여 (크롬 80) 2020.2.4 구글 크롬(Google Chrome) 80버전으로 업데이트되면서 크롬에 새로운 쿠키 정책이 적용되었다. 내용은 Cookie의 SameSite 속성의 기본 값이 "None"에서 "Lax"로 보안등급을 상향 조절하는 것이다. 구글 Chrome SameSite 이슈에 대하여 SameSite 속성의 기본 값이 "None"에서 "Lax"로 변경되면 각종 문제가 일어날 수 있습니다. 사용자가 사이트를 이용하다가 갑자기 쿠키가 날아가는 경우가 생길 수 있다는 점입니다. 대표적인 예가 로그인 정보입니다. 많은 웹사이트들이 로그인을 한 후 Cookies를 사용해 유저의 신원을 확인하여 페이지를 전환해도 재인증을 하지 않아도 되도록 하고 있습니다. 하지만 SameSite 이슈로 인해 이 쿠키값을 찾지 못한..
-
Web 2022.04.06[Web] 자바 클래스(.class)파일 디컴파일 사이트(javadecompilers.com) 자바로 작성되어있는 .java 파일은 javac 컴파일러로 빌드하면 바이트코드인 .class 클래스 파일이 생성됩니다. 이 과정을 통해 생성되는 클래스 파일은 JVM에서만 해석할 수 있는 코드들로 작성되어 있어 해석을 하기 위해서는 .class 클래스 파일을 .java 자바 파일로 바꿔주는 디컴파일 과정이 필요합니다. 이번 포스팅에서는 자바 클래스 파일을 자바 파일로 디컴파일을 해주는 사이트를 소개하고자 합니다. 자바 클래스(.class)파일 디컴파일 사이트(javadecompilers) http://www.javadecompilers.com/ Java decompiler online www.javadecompilers.com 1. 위에 링크되어있는 Java decompiler 사이트에 접속합니다. 2...
-
Web 2022.02.20 4[Web] 정규표현식 테스트 사이트 모음 총정리 정규표현식을 사용하다 보면 이 문법이 맞는지 아닌지 헷갈리는 경우가 있습니다. 또 언어마다 정규표현식이 조금씩 다른 부분도 있어 테스트를 많이 해야 합니다. 개발을 할 때 자체 테스트로 확인하는 방법도 있겠지만 오늘 소개해드릴 정규표현식 테스트 사이트를 사용하면 코딩 시점에서 정규식 문법이 맞는지 쉽게 체크하실 수 있습니다. 자주 사용하는 정규표현식 정규 표현식 설명 예제 ^[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..