본문 바로가기

2020/10

기초코딩 - CSS의 기초 (마진, 보더, 패딩에 대해) - 1편 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 브라우저는 box에 대해 알려드리면서 block과 inline에 대해 알려드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1161 기초코딩 - CSS의 기초 (box 개념 block 과 inline) 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 브라우저는 CSS 코드를 순서대로 읽는다는 사실을 알려드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 tm-csc.tistory.com 이번 글에서는 block에 대한 중요한 특징에 대해서 알려드리도록 하겠습니다. 그럼 VSC를 실행시켜주세요. 먼저 div와 span을 하나씩 .. 더보기
디지털트랜드 - 1% 부자의 능력을 배우자(메타인지능력) 돈을 많이 벌어야 부자가 된다. 그럼 어떤 일을 해야 할까?라는 생각부터 시작하게 되는데요. 우리가 항상 가장 힘들고 답답하고 미칠 것 같은 때는 뭘 해야 할지 모를 때라고 생각합니다. 그래서 이번 글에서는 우리가 뭘 해야 하는지 알고 그를 통해 돈이라는 목적을 달성할 수 있도록 도와주는 1%의 부자 능력에 대해 알려드리도록 하겠습니다. 혹시 네이버 스마트 스토어에서 제품을 구매해보신 적이 있으신가요? 물론 검색하자마자 최저가를 누르고 구매를 하시는 분들도 계시겠지만 어떠한 분들을 제일 상단에 위치한 상품을 그대로 구매하시는 분들도 계실 겁니다. 그런데 제일 많이 팔린 제품과 그다음이나 그 다다음 제품이 같은 제품임에도 불구하고 가격순이 아니라면 이유는 무엇일까요? 또한 제일 먼저 해당 물건을 판매하여 .. 더보기
기초코딩 - CSS의 기초 (box 개념 block 과 inline) 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 브라우저는 CSS 코드를 순서대로 읽는다는 사실을 알려드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1159 기초코딩 - CSS의 기초(CSS는 순서대로 읽는다) 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 CSS 코드 작성방법에 대해 알려드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com 이번 글에서는 Box에 대해 알려드리도록 하겠습니다. 바로 예시로 설명드리면 네이버의 한 예시를 가져와서 보여드리는 건데요. 어떤 웹사이트이든지 그걸 이루는 모든 요소 들은 .. 더보기
디지털 범죄 - 매년 늘어나는 몸캠피싱 범죄 보안업계에서는 매년 1만 명 이상이 몸캠 피싱으로 피해를 입는 것으로 추산할 만큼 정말 피해자의 수가 상상을 초월할만큼 많아지고 있습니다. 특히 올해 코로나 19 확산으로 사회적 거리두기가 실천되면서 비대면 디지털 범죄가 더욱더 기승을 부리고 있습니다. 그중에서도 몸캠 피싱은 스마트폰 채팅 앱 또는 SNS 통해 접근하고 천천히 신뢰를 쌓은 뒤 음란 화상채팅으로 접근해 악성코드를 심고 연락처를 해킹하여 돈을 송금하지 않으면 영상을 유포하겠다며 협박을 하는 범죄입니다. 실제 40대 남성 김 모 씨는 페이스북을 통해 만난 여성과 목욕하는 장면을 공유하며 영상통화를 하기도 했었는데요. 이후 여성은 목욕장면을 캡처한 후에 돈을 송금하지 않으면 김 모 씨의 지인들에게 유포하겠다며 협박하였고 그 결과 김 모 씨는 1.. 더보기
기초코딩 - CSS의 기초(CSS는 순서대로 읽는다) 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 CSS 코드 작성방법에 대해 알려드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1158 기초코딩 - CSS의 기초(CSS 코드 작성하기) 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 CSS 개념 정리와 HTML에 CSS를 적용시키는 방법에 대해 알려드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 tm-csc.tistory.com CSS 코드는 브라우저가 코드를 읽을 때 위에 있는 코드부터 하나씩 차례대로 읽는다는 특성을 가지고 있습니다. 이것에 대해 알려드리는 이유는 가끔은 브라우저의 읽는 방식을 유용하게 사용할 수.. 더보기
기초코딩 - CSS의 기초(CSS 코드 작성하기) 지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 CSS 개념 정리와 HTML에 CSS를 적용시키는 방법에 대해 알려드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1156 기초코딩 - CSS의 기초(HTML문서에 CSS추가하기) 드디어 이번 글부터는 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 HTML에 대한 전반적인 개념과 지금까지 알려드린 것의 총정리를 적어놨습니다. 만약 기억이 잘 나지 않으시거나 혹시 tm-csc.tistory.com 그럼 바로 CSS 코드를 작성 해보겠습니다. 일단 VSC를 실행시켜주세요. 이렇게 STYlE.CSS 창을 열어주시고요. 3가지 규칙만 기억해주시면 됩니다 CSS.. 더보기
디지털노마드 - 어떤 일을 해야 집에서 돈을 벌 수 있을까? 디지털 노마드를 꿈꾸는 분들을 정말 많습니다. 하지만 완벽한 파이프라인 아니라면 회사를 출근 안 할 뿐이지 어디에서든 일을 해야 하기도 합니다. 물론 인간관계에 대한 스트레스가 줄어들고 보통은 일을 하는 만큼 벌기 때문에 이를 선호하는 분들이 점점 더 많아지는 게 현실이죠. 그래서 오늘 소개해드릴 방법들은 처음에는 간단하게 남는 시간에 추가 수익을 얻는 부업 개념으로 시작하셔도 좋고, 만일 성장하게 된다면 전업으로도 돈을 벌 수 있는 방법에 대해 소개해드리도록 하겠습니다. 사실 예전에 유튜버 신사임당 님이 한 말이 있습니다. 단군 이래에 지금이 가장 돈 벌기 쉬운 시대라고 말이죠. 예전 같으면 저는 그 말을 듣고 그냥 무슨 말도 안 되는 소리 하고 있네 라며 무시해버렸을 수도 있습니다. 하지만 정말 구글.. 더보기
기초코딩 - CSS의 기초(HTML문서에 CSS추가하기) 드디어 이번 글부터는 CSS에 대해 알려드리도록 하겠습니다. 저번 글에서는 HTML에 대한 전반적인 개념과 지금까지 알려드린 것의 총정리를 적어놨습니다. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1154 기초코딩- HTML의 기초(총 정리) 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 div와 span 의미는 없지만 꼭 필요한 태그에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시 tm-csc.tistory.com 그럼 CSS 개념부터 잡고 말씀드려야겠죠. HTML이 뼈대라면 CSS 근육 HTML이 맨얼굴이면 CSS는 화장한 얼굴 이라고 말씀드렸습니다. 바로 홈페이지에 스타일을 .. 더보기
디지털범죄- 생방송중에 타인의 신체를 노출했다고?? 며칠 전 33만 명의 구독자를 보유한 정배우 유튜버는 실시간 생방송 도중 타인의 신체 노출 사진을 공개했습니다. 심지어 실시간 방송에서 많은 분들을 모아놓은 상태에서 공개를 한만큼 많은 비난을 받고 있는데요. 신체 노출된 사람으로 추정되는 사람은 유튜브 콘텐츠 '가짜 사나이'에 출연 중인 로건 교관으로 추정되는 만큼 자신의 유튜브 인지도를 끌어올리고 소위 말하는 어그로를 끌기 위해 상대방을 이용했다고 보입니다. 문제는 로건 교관은 해당 사진의 존재조차 알지 못했으며 몸캠 피싱을 당했다는 것도 그전까지는 알지 못했다는 것입니다. 하나 유튜버 정배우는 수많은 시청자들을 모아 놓고 공개함에 있어서도 인터넷에 이미 유출되어 있던 사진이라며 상관없다는 주장을 펼쳤으며 사진 속 남성이 로건이 맞는지도 확인하지 않고.. 더보기
기초코딩- HTML의 기초(총 정리) 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 div와 span 의미는 없지만 꼭 필요한 태그에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해주세요. tm-csc.tistory.com/1153 기초코딩- HTML의 기초(의미없지만 필요한 태그 div, span) 저번 글에 이어서 계속해서 HTML에 대해 알려 드리도록 할게요 저번 글에서는 attibute 활용에 대해서 설명해드렸는데요. 만약 기억이 잘 나지 않으시거나 혹시 모르시는 분들은 밑에 글을 참고해� tm-csc.tistory.com 이번 글에는 뒤죽박죽 섞여있을 듯한 HTML에 대해 다시 한번 총정리하는 시간을 가지도록 할게요. 기본적으로 HTML은 홈페이지를 구.. 더보기

티스토리툴바