전체 글
라즈베리파이에 웹서버 세팅하기 - 실습(SD 카드 관련 세팅하기)
라즈베리파이에 웹서버 세팅하기 - 실습(SD 카드 관련 세팅하기)
2021.01.26이번에는 라즈베리파이에 웹서버를 세팅해서 이를 로컬PC원격 접속해보고 관련 내용을 수정해보는 등의 실습을 진행할 것이다. 이번 실습에서는 간단한 수준의 구현만 진행할 것이고, 보다 세부적인 내용은 차후에 다루는 것으로 하겠다. 라즈베리파이(해당 글에서는 라즈베리파이 3B+를 사용) wifi 사용환경 구축이 가능한 공유기 사용이 가능한 Local PC Micro SD 카드 4를 3에 연결할 수 있는 젠더 or 허브 처음부터 차근차근 진행해보도록 하겠다. 1. OS Image, Imager 다운로드 라즈베리파이에는 사용자가 원하는 다양한 종류의 OS를 설치하여 사용할 수 있다. 해당 라즈베리파이 공식 홈페이지로 이동하면 라즈베리파이에 설치할 수 있는 다양한 종류의 OS들을 확인할 수 있다. h..
무료 웹 호스팅 서비스 이용해보기
무료 웹 호스팅 서비스 이용해보기
2021.01.25이전에 실습을 통해서 Github page를 통한 web hosting에 대한 실습을 해본 적이 있다. 이번에는 Github page가 아닌 무료로 Web Hosting을 하도록 해주는 닷홈(Dothome)을 이용해서 무료로 간단한 웹페이지를 만들어서 호스팅해보는 실습을 진행하도록 하겠다. 1. 닷홈에 접속한다. www.dothome.co.kr/index.php 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 2. 닷홈 회원가입 진행 닷홈의 서비스를 이용하기 위해서는 회원가입을 진행해야 한다. 우선 회원가입을 진행하도록 하자. 아래와 같이 회원가입 창으..
Markdown - 수평선
Markdown - 수평선
2021.01.24'*' / '-' / '_' 문자 3개이상 수평선 표현 다음과 같이 위에서 제시한 3개의 문자중 하나를 3개 이상 입력하면 다음과 같이 하나의 수평선을 표현한다. 여기서 중간에 띄어쓰기가 삽입되어도 수평선을 표헌하는 데 문제가 없다. 하지만 하이픈" - " 의 경우 띄어쓰기가 중간에 들어가면 이를 header로 인식할 수 있으므로 주의해서 사용해야 한다.
Markdown - 코드블럭
Markdown - 코드블럭
2021.01.24```(Languge) code ``` 특정언어로 작성된 코드를 블럭형태로 표현 단순 텍스트가 아닌 프로그램의 소스코드 일부를 포함하여 문서를 만들어야할 필요가 있는 경우가 있다. 하지만 일반 텍스트를 이용해서 소스코드를 입력하게 되면 가독성도 많이 떨어지고 입력도 많이 불편하다. 이러한 경우 markdown의 코드블럭 태그를 사용해서 문서 내 소스코드를 보다 편리하게 입력하고 가독성을 향상할 수 있다. 만약 README.md 와 같은 파일에 어떠한 설명을 위해 자신이 작성한 코드의 일부를 포함해야하는 경우 다음과 같이 작성할 수 있다. 여기서 주목할 점은 시작하는 부분에 ``` 입력 후 바로 옆에 프로그래밍 언어의 종류를 명시해주면 다음과 같이 해당 언어의 문법적 요소에 대해서 컬러로 처리가 되서 표현..
Markdown - 인라인 코드
Markdown - 인라인 코드
2021.01.24`statement` statement를 인라인 코드 형식으로 표현 해당 입력에서 사용되는 문자 ' ` '은 백틱 이라고 한다. 인라인코드 형식이란 짧은 코드라인을 표현할 때 사용하는 표현이다. 사실 인라인코드 형식이라는 게 무엇인지 말로는 잘 와닿지 않는다. 실제로 확인해보자. 다음과 같이 백틱 문자를 사용해서 해당문자 쌍 안에 입력한 문장은 다음과 같이 표현되는 것을 확인할 수 있다.
Markdown - 인용문
Markdown - 인용문
2021.01.24> 인용문 텍스트 표현 시 사용하는 태그 " > " tag를 사용하면 다음과 같은 스타일로 표현할 수 있다. 다음과 같은 표현을 이용해서 나열되는 문장들의 관계를 시각적으로 보여줌으로서 인용문의 영역과 관계를 쉽게 파악하는 데 사용할 수 있다.
Markdown - 개행
Markdown - 개행
2021.01.24개행, 줄 바꿈을 수행하는 데 사용하는 태그 목록이나 제목을 표현하는 태그에 의해 텍스트가 처리가 되는 경우에는 해당 tag를 입력하지 않아도 자동으로 개행이 이루어지지만 일반문장의 경우에는 이야기가 다르다. 다음과 같이 일반문장을 입력하면서 enter를 입력하여 개행처리하였으니 markdown에서도 개행되어 표시가 될 것이라 생각되지만 막상 보면 다음과 같이 개행이 이루어지지 않은 것을 확인할 수 있다. 그렇다면 개행을 어떻게 표시해주어야 할까? markdown 에서는 다음과 같이 문자를 사용해서 개행을 표시한다. 해당 tag를 더 많이 넣어주면 해당 tag의 수만큼 개행이 이루어지게 된다.
Markdown - 폰트 스타일(font style)
Markdown - 폰트 스타일(font style)
2021.01.24markdown은 다양한 폰트스타일을 사용할 수 있다. 종류들도 상당히 많은데 그 종류들은 다음과 같다. 대표적으로 사용되는 폰트의 종류는 굵게, 기울여 쓰기, 취소선 등이 있다. __ statement __ / **statement** statement를 굵게 표시 _ statement _ / * statement * statement를 기울여서 표시 ~ statement ~ / ~~ statement ~~ statement에 취소선을 표시 그렇다면 각 tag들을 사용해서 다양한 형태의 폰트로 표현해보도록 하자. 해당 tag들을 사용하면 다음과 같이 표현된다. 각 문단별로 첫문장은 비교를 위해 넣은 보통상태의 문장이다. 다음과 같이 위에서 제시한 내용을 폰트들이 적용되어서 나타나는 것을 확인할 수 있다..
Markdown - 목록(list)
Markdown - 목록(list)
2021.01.24markdown에서는 목록을 표시하는 문법이 존재하는 데 여기서 목록의 스타일은 크게 2가지로 나눌 수 있다. 목록(list)의 스타일 종류 순서가 존재하는 목록 (ordered-list) 순서가 존재하지 않는 목록 (unordered-list) 1. 순서가 존재하는 목록 순서가 존재하는 목록의 경우 우리가 흔히 사용하던 방법처럼 "숫자 + . "을 사용한다. 순서가 존재하는 목록의 경우 큰 차이가 존재하지는 않는다. 다만 더 보기 좋은 형태로 표시해준다. 2. 순서가 존재하지 않는 목록 순서가 존재하지 않는 목록의 경우 " -, +, * " 문자를 이용해서 이를 표현한다. 문자의 종류는 무려 3종류이지만 3종류의 문자 모두 동일하게 작성된다. 해당 문자를 활용하면 다음과 같이 작성할 수 있다. 여기..
Markdown - 제목(header)
Markdown - 제목(header)
2021.01.24markdown 에서는 " # " 문자를 텍스트 앞에 붙여서 다음과 같이 header 스타일의 형태로 사용할 수 있다. 앞에 위치하는 " # " 문자의 수에 따라서 header의 사이즈를 결정할 수 있다. markdown 문법에 의해 다음과 같은 스타일로 나타나지만 실제로 입력한 내용은 다음과 같이 대응한다. 다음과 같이 header의 사이즈는 총 6단계로 사용할 수 있다. " # "의 수가 많아질수록 header의 size가 줄어드는 것을 확인할 수 있다. 여기서 주목할 점은 " # " 문자을 사용한 header 생성은 최대 6단계 까지 가능하다는 점 그리고 " # "문자 1개와 2개는 3개 이후와 달리 구분선이 별도로 생성되는 것을 확인할 수 있다. 각각 ' # ' 문자 1개, 2개로 표현되는..
Markdown 이란?
Markdown 이란?
2021.01.23수많은 디지털 노트 중에서 무엇을 사용해야할 지 고민할 때 한번 쯤 듣게 되는 이야기가 있습니다. "해당 프로그램 or 서비스는 마크다운을 지원 합니다." 이게 무엇일까요? 지금부터 이 질문에 대한 답을 얻기 위해서 Markdown에 대해서 알아보도록 하겠습니다. Markdown 텍스트(Text) 기반의 마크업 언어 (Markup Language) markdown은 text 기반의 markup language를 말하는 것으로서 줄여서 ML 이라고도 표현한다. 이 ML은 다른 곳에도 많이 사용되었는데 그 대표적인 예시가 html, xml과 같은 것들이다. markdown은 텍스트에서 원하는 내용의 앞 뒤에 "markup tag"를 추가함으로서 텍스트를 보기좋은 형태로 쉽게 꾸미는 것이 가능하다. 즉, 문서..
Github Page란?
Github Page란?
2021.01.22Github Page github에서 제공하는 정적 웹사이트 호스팅 서비스 Github page는 github에서 제공하는 정적 웹사이트 호스팅 서비스로서 자신의 repository에서 웹페이지를 구동할 수 있도록 해준다. 여기서 호스팅이 무엇인지, 정적 웹사이트는 무엇인지에 대한 내용은 해당 링크의 블로그를 참고하기 바란다. 해당 블로그 내에는 관련 용어뿐 아니라 github page에 대한 언급도 있으니 참고하면 많은 도움이 될 것이다. https://opentutorials.org/course/3084/18891 웹호스팅 (github pages) - 생활코딩 --- 직접 웹서버를 운영하는 일은 쉽지 않은 일입니다. 우선 컴퓨터가 있어야 하고요, 컴퓨터가 냉장고처럼 항상 켜져 있어야 합니다. 웹서버..