책에 표기되어 있는 문자는 영어일수도 있고 한국어일수도 있고 한문일수도 있습니다. 그리고 숫자일수도 있습니다. 그 밖에 뭐가 더 있을까요? 잘 생각해보면 표기되어 있는 문자는 언어와 숫자뿐입니다. 사람들이 쓰는 문자는 자신이 표현하고자 하는 것을 쓰는 문자는 자신의 언어와 숫자 말고는 없습니다. 그것으로 서로 소통이 충분이 되기 때문입니다. 마찬가지로, 컴퓨터도 사람이 만들었기 때문에 사람에게서 크게 벗어나지 않습니다. 다만, 우리가 편의를 위해 만들었고 생명체가 아닌 사물이라서 그 특징에 맞게 우리가 전달해주면 컴퓨터가 알아서 일을 해줍니다. 파이썬은 컴퓨터에게 우리의 표현을 전달하는 하나의 소통창구 중의 하나로 파이썬의 규칙에 맞게 표현해주면 컴퓨터가 알아듣고 일을 할겁니다. python의 기초중의 ..
머신러닝이나 딥러닝을 하면 많이 쓰는 라이브러리 중에 하나인 TensorFlow 설치 방법에 대해서 설명하겠습니다. 저는 아나콘다를 이용해서 설치하는 방법을 설명하겠습니다. TensorFlow 설치를 하기 전에 TensorFlow를 설치 전에 준비해야할 것이 있습니다. 바로 아나콘다와 TensorFlow-gpu를 사용하는 경우 cuda 를 설치해야 합니다. 아나콘다 설치방법은 일전에 포스팅을 해놔서 참고하시면 되겠습니다. https://seong6496.tistory.com/22 [Python] 아나콘다 설치하기 아나콘다 설치하는 방법에 대해 설명하려 합니다. 사실, Python을 쓰려면 python 을 구글링해서 깔면 됩니다. 그런데 이렇게 쌩(?)으로 깔게 되면 필요한 모듈이나 패키지가 설치가 안되서..
딥러닝을 하면 많은 계산을 해야 하는데 해보신 분들은 알겠지만 CPU 에 맡기면 10시간이 지나도 계산이 끝나지 않고 계속 실행되고 있는 경우가 허다합니다. 그럴 때 GPU 에게 계산을 맡기면 계산시간을 줄일 수 있습니다. 이 기술을 GPGPU 라 합니다. 딥러닝의 계산 특징상 GPU로 계산하는게 더 유리하기 때문에 쓰는 기술입니다. 딥러닝 같은 경우 병렬적인 계산이 많고 3D 형태로 나타내야 하는 경우가 종종 있고 인공지능이 사진을 인식할 때에도 계산 과정을 배우시면 아시겠지만 병렬적입니다. 이렇게 병렬적 계산일 때 GPGPU를 쓰면 CPU보다 100배정도 빠른 계산속도를 한다고 합니다. 그렇다고 GPGPU가 무조건 좋은것은 아닙니다. CPU로 계산처리를 하는게 더 빠른 경우도 있습니다. 아무튼 딥러닝..
윈도우에서 파이썬 설치하는 방법을 대해 설명합니다. 사실, 파이썬을 쓰려면 파이썬 홈페이지에 가거나 vscode extension에서 깔면 됩니다. 그런데 이렇게 쌩(?)으로 깔게 되면 필요한 모듈이나 패키지가 설치가 안되서 필요할때마다 설치해야하는 불편함이 있습니다. 혹여 path 설정오류나 윈도우에서 지원하는 플러그인 설치가 제대로 이루어지지 않으면 모듈 설치 중에 에러가 생기는 경우가 종종 있어서 그때그때 해결해야하는 불편함이 있습니다. 이런 이유로 python의 패키지가 이미 구현된 프로그램를 설치하는 것을 추천합니다. 아나콘다로 설치를 하면 파이썬을 이용한 데이터과학에 필요한 대부분의 패키지를 설치되기 때문에 굉장히 편리합니다. 아나콘다 설치파일 다운 및 설치 먼저 아나콘다를 설치하기 위해서 설..
JavaScript 는 HTML 에 넣을 수 있는 스크립트 언어라고 했었다. 스트립트 언어이면 우리가 어떤 지시사항을 넣으면 그걸 해석해 작동되는 방식이다. 이런 JavaScript 의 특징을 가지고 다양한 방식으로 지시를 내려서 우리가 원하는 것이 나올 수 있도록 만들 수 있다. 이를 이용해 일종의 인과관계를 넣어 동작을 지시하려고 한다. 예를 들어, '마우스 커서가 위에 있으면 이미지가 바뀐다' 나 '이미지를 클릭하면 다른 사이트로 이동한다' 같이 어떤 조건을 만족시키면 동작을 취하는 것들을 말한다. 여기서, '마우스 커서가 위에 있다' 나 '이미지를 클릭한다' 같이 조건에 해당하는 것을 이벤트라고 하고, 인과관계를 지정하는것을 이벤트핸들러 라고 한다. 이벤트 핸들러의 종류 이벤트 핸들러에는 다음과 ..
highlight.js 티스토리에서 pre 태그와 code태그를 이용해 코드블록을 작성할 수 있는데 해본 사람은 알겠지만 초록색에 글씨체가 이쁘지 않게 나온다. 이걸 해결하기 위해 상당히 애를 썼는데 답은 간단했습니다. 티스토리 블로그 설정에 플러그인란에 보면 syntax hilighter 라는 곳을 가면 스킨바꾸듯 코드블록의 글씨체나 글씨색 배경색 등을 변경할 수 있습니다. 기본보다 굉장히 뛰어난 모양을 제공하지만 저는 왜 다른 블로거들과 다른 느낌일까라는 의문으로 여기저기 찾다가 hilight.js 라는 것을 알게 되었습니다. hilight.js 의 장점이라 하면 테마와 사용 가능한 언어가 많습니다. 테마는 커스텀마이징을 하지 않아도 될만큼 많고 깔끔하다. 다운방법 highlight.js를 적용하는 ..
블로그를 쓸 때 매번 Visual Studio 켜서 쓰고 결과 확인해서 붙여넣는 걸 반복하니 귀찮기도 하고, 그림이 들어가면서 글 전체 모양도 안 좋아지는 것 같아 어떻게 할까 하다 와 태그를 알게 되었다. 아직 html이 익숙하지 않아서 애를 먹고 있었는데 너무나도 유용한 태그를 알게 되어 기쁘다. 태그 html에서는 아무리 내가 Enter를 쳐도 줄바꿈이 일어나지 않는다. html 안에서는 를 하거나 를 써야만 줄바꿈을 할 수 있다. 하지만 태그 안에서는 일일히 태그를 쓰지 않아도 문서에서 다루는 Enter, Tap, Space 기능을 쓸 수 있다. 예 줄바꿈을 br 없이 하려면 pre를 이용하세요~! html 내에서 줄바꿈을 해도 pre를 쓰지 않은 상태에서 실행을 하면 이와 같은 결과가 나온다. ..
스크립트(Script) 언어 스크립트 언어를 알면 JavaScript를 이해하는데 도움이 되어서 먼저 설명한다. 스크립트란 말은 연극용어에서 유래되었는데 그 뜻을 찾아보면 '각본·대본' 이라고 되어있다. 각본과 대본이 하는 역할을 생각해보면 프로그래밍 분야에서 왜 스크립트 언어라는 용어를 쓰게 되었는지 이해가 될 것이다. 각본·대본의 내용을 보면 배우들이 어떻게 하는지 지시되어 있어있다. 대사나 배우들의 표정, 등장과 퇴장, 배우 위치 등을 표시해놓는다. 배우들은 스크립트를 보고 어떻게 할지 구상하고 스크립트를 바탕으로 관객 앞에서 표현한다. 즉, 스크립트가 배우들을 통해 완성되어 관객들에게 전달되는 과정이 나타난다. 이와 마찬가지로 프로그래밍 분야에서 스크립트 언어라고 하면 우리가 쓰는 소프트웨어 안에..
HTML 을 작성하다 보면 색상이 많이 필요하다. 또, 단순한 색상이 아니면 색상을 RGB 로 표현하거나 코드로 표현해야 하는데 뭘 써야 하는지 모를 때가 있다. 색상 코드를 알아내고 싶다면 Color Cop 을 사용해 외부에 있는 색의 코드를 알아내면 된다. 스포이드를 클릭한후 드래그해서 원하는 색상에 놓으면 알아서 코드와 RGB좌표를 알려준다. 설치하려면 다음 링크로 들어가면 된다. 프리웨어~ 마음껏 쓸 수 있다. http://colorcop.net/download/ download The easiest way to install Color Cop is to download the self-installing version. If you use the installer it's easy to remo..
오늘은 float 과 clear 를 소개하려고 한다. 웹페이지를 만들 때 이미지를 넣고 글을 쓰는 경우가 종종있는데 글이 이미지를 둘러쌀지 말지 결정하는 속성이다. float float 은 둘러싸기를 지정하는 속성이다. 둘러싸는 방식에는 왼쪽으로 이미지를 놓고 뒤에 계속되는 요소는 오른쪽으로 둘러싸게끔 하는 left 오른쪽에 이미지를 놓고 뒤에 계속되는 요소는 왼쪽에 둘러싸게끔 하는 right 둘러싸기를 하지 않는 none 이렇게 세가지 방식이 있다. float을 쓰려면 에서 쓰면 되고 이건 이미지에 대한 속성 부여이므로 img{float:right;} 으로 쓰면 된다. class는 레이아웃이나 전체 틀을 보정하거나 글자의 속성부여하는 것이고 img 는 이미지에 대한 속성을 부여한다는 것을 알아두면 헷갈..
CSS 에서 중요한 개념인 박스에 대해서 알아보자. 사실, 모든 요소는 박스라는 틀 안에 있어서 박스를 조정한다는 것은 요소를 이루고 있는 틀을 변경한다고 볼 수 있다. 박스의 폭과 높이 박스의 폭과 높이를 지정하려면 width 와 height 를 사용하면 된다. 박스가 그려지는지 보기 위해서 테투리에 선을 추가해서 보이겠다. .mybox 에 폭 200px, 높이는 100px 로 지정하였다. 다음과 같이 나온다. '리스트' 바깥에 테두리가 설정되었다. 테두리만큼의 박스가 형성됨을 알 수 있다. 폭(width)과 높이(height)는 아무 지정을 안 하면 auto(자동) 로 지정된다. 여백, 패딩, 테두리 박스의 여백과 패딩 테두리를 설정할 수 있는데 설정값이 많을 뿐 크게 어려운 건 없다. margin ..
list-style-type list-style-type은 리스트의 마크를 지정한다. none 마크 없음 disc 검정 동그라미(●) circle 흰 동그라미(○) square 검정 사각(■) decimal 숫자 decimal-leading-zero 맨앞에 0를 붙인 숫자(01,02,...) lower-roman 소문자 로마 숫자 upper-roma 대문자 로마 숫자 lower-latin, lower-alpha 소문자 알파벳 upper-latin, upper-alpha 대문자 알파벳 armenian 아르메니아 숫자 geogian 그루지아 숫자 많은 마크가 있다. 그 중에 쓰고 싶은 것을 쓰면 된다. class로 먼저 만들어서 쓰거나 ul 안에 style태그를 넣어서 쓸수 있다. 하나는 class 로 해보..
웹 페이지를 보면 배경에 그림이 있고 심지어 같이 움직이는 경우가 있는데, css 로 배경 이미지를 만들 수 있다. 이것도 css 기 때문에 class 지정으로 하면 된다. background 관련 문법을 살펴보자 background-color 배경색 지정이다. 배경색은 색을 지정하는 것이므로 글자색 지정하는것과 동일한 방법으로 하면 된다. 색을 어떻게 지정하는지 모르면 다음의 포스팅을 참고하면 좋을 것 같다. https://seong6496.tistory.com/10 [CSS] 글자 꾸미기(color, font) HTML 에서 가장 많이 손을 봐야 하는게 글자의 스타일 변경하는게 아닐까 싶다. 앞서 보았던 선택자 태그 중 classs 태그를 이용해 글자의 색을 지정하고 모양 변경(스타일,굵기)하는 방법..
텍스트를 입력하면 그 텍스트를 어느 쪽으로 정렬할지 글자간격은 좁게할지 넓게 할지 설정을 해야 할 때가 있다. 그런 경우에 사용하는 기능이다. --line-height 행의 높이를 지정하는 line-height 이다. normal(표준) 이나 %나 px 로 지정하게 되는데, %가 아마 가장 편할 것이다. 클래스 설정은 다음과 같다. .mytext{line-height : normal;} 몇 가지 예를 보면 이해가 빠를것이다. 똑같은 문장을 다른 line-height 로 나타냈다 개인적으로는 %가 편하다. normal 은 안 써도 그만 써도 그만이어서 잘 안 쓰게 된다. 따로 설정을 안 하면 normal 이 초기값으로 되므로 쓸일이 사실상 없다. --letter-spacing 이번엔 글자 간격을 지정하는 ..
HTML 에서 가장 많이 손을 봐야 하는게 글자의 스타일 변경하는게 아닐까 싶다. 앞서 보았던 선택자 태그 중 classs 태그를 이용해 글자의 색을 지정하고 모양 변경(스타일,굵기)하는 방법을 보려고 한다. -색 변경하기 먼저 색을 변경하기에 앞서 색을 어떤 방식으로 지정하는지 살펴보자. 색을 지정할 때 기본적으로 빛의 삼원색인 빨강, 녹색, 파랑의 세가지(RGB 값)으로 지정한다. 아래와 같은 서식으로 나타낸다. 색명 red rgb() 와 %값 rgb(100%,0,0) rgb()와 십진수 값 rgb(255,0,0) 0~255 수치로 표현 #와 16진수 값 #ff0000 # 뒤에 6자리 중 1,2번째는 빨강, 3,4 번째는 녹색, 5,6 번째는 파랑. 00~ff의 16진수(256단계)로 표현한다 즉, ..