ALL

HTML -2(#6)

태그를 작성 후 저장 버튼을 꼭 눌러주셔야합니다 windows: 컨트롤 + S mac: command + S 이제 제대로된 html 문서를 작성하는 방법을 배울거에요 전에 썻던 태그들은 이해하기 쉽게 쓰였고 실제로는 사용하지 않습니다 (title, p, href 태그 제외) 사용했던 index,html에서 기존 내용들은 모두 지우거나 주석처리를 해줍시다 주석처리는 입니다 주석처리 관련해선 따로 다룰 예정이니 일단 넘어갑시다 이 태그는 구글 크롬으로 하여금 html 문서임을 알려줍니다 이 태그는 이렇게 한 줄로 끝입니다 태그는 열었으면 꼭 다시 닫아주어야합니다 하지만 왜 닫지 않을까요? 그건 바로 " self-contained 태그 "라고합니다 혼자 스스로 열고 닫는 태그이고, 이 태그는 그 자체로 정보를..

HTML -1(#5)

웹사이트에서 각각 요소가 무엇을 뜻하고 알려주는 언어가 HTML입니다 HTML은 대게 Tag를 사용합니다 즉 Tag로 이루어진 텍스트 문서라고 할 수 있습니다 이론은 재미없으니 실전을 통해서 바로 확인해봅시다 #4에 github desktop에서 만들었던 폴더가 있을 겁니다 필자는 TEST로 지정하였습니다 vscode에서 해당 폴더를 켜시고 폴더에 제목 이름 "index.html"를 작성해주세요 index를 쓴 이유는 웹 서버들이 index 파일을 제일 먼저 찾도록 디폴트 값으로 설정되어 있기때문입니다 이제 태그를 작성할 것입니다 *당부하지만 아래처럼 사용하는 태그는 실제로 없습니다 이해를 돕기위해 만들어낸 태그입니다* 태그는 보통 이렇게 생겼어요 내용 고기는 역시 소고기 태그가 있고 그 가운데에 들어가..

Github Desktop

#3 에서 깃과 깃허브에 관련된 내용을 다루었습니다 이론은 재미없으니 여러분과 같이 소프트웨어를 설치해보고 간단히 테스트용 코드를 작성 후 github에 올리는거까지 해보겠습니다 Github Desktop은 github에서 만든 소프트웨어 도구입니다 이 도구는 아주 간단하고 편리하게 코드를 관리할 수 있으며, 코드 수정한 부분에 대해서 바로 확인이 가능합니다 구글 검색란에 아래 "github desktop"를 검색하고 사이트를 들어가서 다운로드를 해주세요 설치 부분에선 특별히 강조하거나 체크해야할 것이 없으므로 설명을 최소로 줄였습니다 설치가 완료되면 아래 이미지처럼 소프트웨어가 활성화됩니다 github 계정이 있으신 분들은 로그인 해주시고 없으신 분들은 회원가입을 해주시면됩니다 회원가입은 github...

Git, Github

앞으로 개발 공부를 하면서 여러분은 깃과 깃허브에 친숙해지셔야합니다 그 이유는 포트폴리오, 기록, 코드 저장 등 여러면에서 사용 가능합니다 취직을 하고 프로젝트를 진행하다보면 개개인이 작성한 코드를 한 곳에 올릴 때 굉장히 난잡해집니다 어떤 누가 올린 코드인지 알아보기 힘들 때 git를 이용하여 공동 작업이 가능하며, git marge라는 명령어는 세상 어느 명령어보다 섹시한 명령어가 됩니다 깃허브는 쉽게 표현하자면 프로그래머의 SNS공간입니다 흔히 페이스북, 인스타, 트위터 등을 보면 검색만으로 원하는 정보를 찾을 수 있으며 비공개가 아니라면 모든 사람을 만날 수 있는 공간입니다 github는 프로그래머가 필요한 정보가 모두 있으며 모두 만날 수 있습니다 어떠한 정보가 있고, 무슨 일을 하며, 어떤 코..

HTML + CSS(#2)

HTML이란 웹페이지를 만들기 위한 마크업 언어이며, 웹 브라우저에서 동작합니다 HyperText Markup Language 간혹 사람들이 헷갈려 하는 부분이 있습니다 "어쨋든 HTML도 언어인데 프로그래밍 언어가 아니에요?" HTML에서 M은 Mark-up를 정의하며 이 뜻은 예를 들어 책을 읽고 있는데 이 부분은 중요하다! 하고 밑줄을 긋는 것 같은 행위입니다 우리는 코드를 작성합니다 우리가 알아보기 위함이 아닌, 웹 브라우저가 알아들을 수 있는 대화입니다 웹 페이지를 제작할 때 타이틀 달고, 제목을 짓고, 링크도 넣으면서 연결시켜주는 것이 html입니다 즉 각각 무엇인지 알려주는 언어라고 할 수 있습니다 조금 더 쉽게 설명해보겠습니다 아래 네이버 메인 사이트입니다 최상단에 탭 부분에 NAVER가 ..

Visual Studio Code(VSCODE) 설치 및 필요한 플러그인

필자는 macOS를 사용합니다 앞으로 강의에 앞서 windows, macOS를 구분 지을 필요 없으며 단순히 이번 에디터를 설치하는 과정에서는 macOS에서 설치했습니다 공부하기에 앞서 사용할 텍스트 에디터를 선택해야합니다 무료이지만 강력한 도구가 있습니다 물론 유료가 안좋다는 것도 아니고 다른 도구가 안좋은 것이 아닙니다 앞으로 사용할 도구는 VSCODE입니다 마이크로소프트에서 제작한 에디터이며, 윈도우, macOS, 리눅스 모두 지원합니다 특별히 어려운게 없고 체크해야하면서 해야할 것이 없으므로 굳이 설치 과정을 포함시키지 않을 것입니다 macOS https://code.visualstudio.com/ Windows 클릭! Visual Studio Code 설치하기 Coding을 위한 Editor들...

보안관제 직무에 대해서

여러분이 생각하는 보안관제라는 직업은 어떠한 직업인가요? 보안관제 직업 자체만 본다면 일반적인 인식으로는 흔히 꿀 직무, 잠만 자고 돈 버는 직무, 실력(기술력) 없는 사람이 취직하는 직무 등등 인식됩니다. 오늘은 현 LG U+ 보안관제 2년차 월급루팡이 여러분에게 해당 직무와 공부 방향에 대해 말씀드려볼까합니다. https://open.kakao.com/o/g6vcYUC https://open.kakao.com/o/gl5qialb 필자는 평소에도 취업,보안 관련 오픈톡방에서 자주 출몰(?)합니다. 하루에도 수 많은 글을 보고 느끼는 것은, 대부분 새로 유입 되는 사람의 연령층은 최소 초등학생 저학년부터 많게는 40대 후반까지 보이기도합니다. 그 사람들이 대표적으로 가장 많이 하는 말은 "컴퓨터를 잘 하..

구글 알리미 사용 방법!!(두둥)

안녕하세요!! 오늘은요 공부 방법이라기보다 정보 습득, 공유에 대해서 알아보려고합니다 저는 귀차니즘이 심해서 매일 보안 관련 뉴스 사이트에서 하나하나 찾아 보는게 넘나 귀찮아요 내가 관심 있고 궁금한 것들이 내 메일로 매일매일 왔으면 좋겠다.. 라는 생각이 늘 들더라구요 그래서 예전에 발견해서 사용하고 있는 구글 알리미에 대해서 알아보려고 합니다 구글 알리미가 뭐냐구요? 말 그대로 알리미입니다.........(?) 요게 뭐하는 애 인지 지금 확인해 드리죠! (▼클릭) 현재 제가 설정해 놓은 거예요 모두 제가 관심 있고 좋아하는 분야 입니다 여러분도 한번 설정해서 관심 있고 좋아하는 것들을 모아서 봐보세요 저~~엉말 편한 기능입니다 그럼 설정 방법을 알아봅시다 1. 제일 먼저 구글 로그인을 해주셔야 해요 ..