탐구소년

안녕하세요 탐구소년입니다. 오늘은 제가 재미삼아 작성한 파이썬 코드를 올려보려고 합니다(정확히는 필요한 데가 있어서 작성한 것이긴 하지만, 아무튼). 제가 작성한 것은 바로 파이썬 그래픽 모듈인 turtle을 사용해서 만든 그림 그리기 프로그램입니다. 위의 이미지를 보시면 조그만 창 안에 'Python'이라는 단어가 쓰여져 있는 게 보이시죠? 저것은 다름아닌 제가 직접 창을 띄우고 키보드를 조작해서 그린(?) 것인데요. 위에 떠있는 거북이 한 마리가 붓 노릇을 하고, 그 녀석이 지나간 자리에 색깔이 입혀지게 되는 식입니다. 위와 같은 동작을 구현한 코드를 개인적으로 기록도 하고 필요한 누군가에게 참고 자료로도 공유할 겸 여기에 올리도록 할 테니, 누군가에게는 도움이 되길 바라봅니다. 코드(draw_wit..

안녕하세요 탐구소년입니다. 우리는 PC, 태블릿, 스마트폰 등 여러 가지 기기로 웹 사이트에 접속하곤 하는데요. 어떤 기기로 사이트에 접속하냐에 따라 웹 사이트의 형태가 달라지는 것을 종종 확인할 수가 있습니다. 이는 저절로 이루어지는 것이 아니고, 제작 과정에서 웹사이트를 반응형으로 제작했기에 가능한 것입니다. 웹 사이트를 제작할 때에, 하나의 웹 사이트를 기기마다 다르게 표현할 수 있는 방법들은 여러가지가 존재하는데요. 오늘은 그 중에서도 많이 사용되는 방법인 미디어쿼리에 대해서 정리를 해보도록 하겠습니다. 미디어쿼리란? 미디어 쿼리(mediaqueri)는 사이트에 접속하는 장치에 따라 특정한 CSS 스타일을 사용하도록 도와주는 소프트웨어 모듈입니다. 미디어 쿼리를 이용한 사이트는 웹 사이트에 접속하..

안녕하세요 탐구소년입니다. 탐-하 ㅋㅋ CSS는 주로 HTML문서 스타일을 정의해줄 때 사용되는 언어입니다. CSS는 사이즈를 표현할 때 여러 가지 단위를 사용하기 때문에 각각의 단위의 쓸모를 잘 구별해서 사용해야 합니다. 특히나 반응형 웹을 만들 때 이들에 대한 이해가 정말 중요한데요. 여러가지 단위가 있지만, 이번 글에서는 사용 빈도가 높은 px, rem, em, % 에 대해서만 알아보겠습니다. 먼저, 각각의 특징! - px : 절대값으로 사용되는 단위. 고정된 값이므로 사용하기 편하지만 반응형 웹에는 적절하지 않습니다. - rem : 최상위 요소인 요소에 비례하여 사이즈를 갖게 되는 단위. 에 font-size가 16px로 되어 있다면 1rem은 자동적으로 16px과 같아집니다. - em : 부모 ..

안녕하세요 탐구소년입니다. 웹 사이트를 만들기 위해서는 HTML, CSS, Javascript 세 가지의 프로그래밍 언어를 익혀야 합니다. 이 세 언어가 웹 사이트를 만드는 데 기본이 되는 언어들이기 때문입니다. 싫어도 어쩔 수 없어요. 해야 합니다(ㅠㅠ)! 그런데 일반적인 고정형 웹사이트가 아닌, 다양한 기기에서 유연하게 디자인을 바꾸어 가며 표시되는 '반응형 웹 사이트'를 제작하기 위해서는 이 외에도 추가적으로 알아야 하는 개념이 한 가지 더 있습니다. 바로 '뷰포트(viewport)'가 그것입니다. 웹 사이트를 만들 때 이를 반응형으로 제작해주지 않으면, 모바일 화면에서는 PC화면일 때와 똑같은 형태를 유지하되 비율만 축소된 채 웹사이트가 표시되어 보기가 무척 불편합니다. PC화면에서 보이는 내용이..

안녕하세요 탐구소년입니다. 블로그 글 중에 파이참 인터프리터 설정에 대한 글이 하나 있기는 한데, 해당 글은 캡쳐 화면이 맥북용 운영체제인 OS X에서 진행한 화면이라서 헷갈려하는 분들이 계실 것 같아 똑같은 과정을 윈도우 환경에서 다시 한 다음 그것도 한번 올려봅니다. 긴말 하지 않고, 필요한 내용만 후딱 보겠습니다! 고우고우~! 파이참을 다운로드 받고 나서 최초로 파이썬 코드를 작성 후 실행하면, 종종 아래와 같은 메시지가 뜨면서 실행이 안 될 때가 있습니다. (대충 파이썬 인터프리터 설정이 안 되어있다는 뜻) 파이썬 인터프리터란 파이썬 코드를 컴퓨터언어(0과 1로 이루어진 코드)로 번역하여 컴퓨터가 코드의 명령대로 동작할 수 있도록 도와주는 소프트웨어를 뜻하는데요. 그것이 설정되어 있지 않아서 파이..

아는 사람들은 다 아는 사실이지만, 파이참을 설치한 직후에 곧장 파이썬 프로그램을 작성하고 실행하면 실행이 안 된다. 이는 파이썬 프로그램 실행 전에 꼭 해주어야 하는 '인터프리터 설정'을 해주지 않은 이유일 가능성이 높은데, 이 설정을 하는 방법에 대한 자료도 있어서(내가 만듬) 해당 자료도 올려둔다. 파이썬 실행 환경에 대한 것은 알면 알수록 복잡하고 다양한 방법이 존재한다. 그러나 여기서는 그냥 파이참 툴에서 설정하는 방법만 설명하고 있다. 먼저 프로젝트부터 만들고 해당 프로젝트에 환경을 부여하는(?) 식이다. 환경설정, 또는 preference 를 도구창에서 선택한다. 'Project: 프로젝트명' 카테고리에서 'Project Interpreter'를 선택한다. No Interpreter일 때에는..

필요한 데가 있어 파이썬 및 파이참 설치 안내 자료(?)를 만들었는데 그것을 블로그에 올려 두기로 했다. 필요한 경우 간단한 설명도 달아두었으니 참고하셈. 참고로 파이썬을 설치한다는 것은 파이썬 문법을 사용해서 작성한 파이썬 프로그램이 실행될 수 있도록 파이썬 코드를 번역해주는 '파이썬 인터프리터'를 설치해주는 과정이라고 생각하면 됩니다. 또한 파이참은 파이썬 코드를 편하게 작성할 수 있도록 만든 편집 프로그램입니다. https://www.python.org/ Welcome to Python.org The official home of the Python Programming Language www.python.org Add Python 3.8 to PATH 에 체크하는 이유 : 어떤 경로에서도 파이썬을..

자바스크립트 간단 정의 자바스크립트는 HTML이나 CSS만으로는 부족한 기능을 보충하기 위해 사용하는, 브라우저를 조작하기 위해 사용하는 프로그래밍 언어이다. 자바스크립트는 크롬, 파이어폭스, 인터넷 익스플로러 등에서 실행할 수 있으므로 브라우저를 조작하는 것이 가능하다. 자바스크립트를 사용하면 HTML이나 CSS만으로는 불가능한 것을 할 수 있는데, 예를 들면 다음과 같은 것들이 가능하다. - 브라우저에 표시된 HTML이나 CSS를 변경한다.- 브라우저에 표시된 HTML이나 CSS에서 원하는 정보를 읽는다. 자바스크립트를 왜 배울까? 가장 중요한 이유. 자바스크립트는 웹 개발자들에게 있어서 필수라고 할 수 있는 언어 세 가지 중 하나이다. 세 가지 언어는 다음의 것들이고, 각 언어가 모두 웹 개발에 있..