C언어 기본 자료형의 앞에는 경우에 따라 unsigned 라는 키워드를 붙여 사용할 수 있습니다. 여기서 unsigned란 '부호가 없는'이라는 의미인데, 이에 대해 간단히 예를 들어가며 정리해보도록 하겠습니다(초간단 주의!). 데이터의 표현 방식 자료형이란 언어가 데이터를 표현하는 방식으로써, 자료형마다 값을 표현하는 방식과 표현할 수 있는 값의 범위가 서로 다릅니다. 가령 int라는 자료형을 사용한다고 하면, 표현할수 있는 값의 범위는 다음과 같습니다. => int 자료형이 표현할 수 있는 값의 범위 : –2,147,483,648 ~ 2,147,483,647 int 는 4바이트 만큼의 메모리 공간을 차지하는 자료형입니다. 바이트는 8개의 비트가 모여 형성되는 단위이므로, int는 32비트 자료형입니다..
리덕스(redux)는 자바스크립트 어플리케이션을 위한 상태 관리 프레임워크입니다. 그리고 리액트 리덕스는 리액트 컴포넌트의 상태 관리를 위한 리액트 전용 리덕스입니다. 이를 사용하면 리액트 컴포넌트들이 리덕스로부터 데이터를 읽고 리덕스 스토어를 통해 데이터를 관리할 수 있게 됩니다. 리덕스를 사용해 상태값을 변경하는 과정은 다음과 같은 흐름을 따릅니다. 각각의 객체가 각자의 역할을 순서대로(그러나 대개 비동기적으로) 수행합니다. 이번 글에서는 각 파트마다 어떤 역할을 수행하는지에 대해서 소개하도록 하겠습니다. 뷰 뷰(view)는 리액트의 컴포넌트의 의미합니다. 리액트 컴포넌트로부터 상태값의 변경이 시작되고, 변경된 값을 최종적으로 표시하는 역할 또한 리액트 컴포넌트가 담당하게 됩니다. 액션 리액트에서 상..
리액트를 사용해 차트를 표시할 수 있는 라이브러리의 종류는 무척 다양합니다. 여기에서는 그 중에서도 사용이 간편하고 많은 분들에게 비교적 친숙할 만한 라이브러리를 사용해보도록 하겠습니다. 자바스크립트나 제이쿼리를 학습하시는 분들이 많이 사용하시는 차트 라이브러리 중에 Chart.js라는 것이 있습니다. 여기에서 사용해볼 리액트 라이브러리인 react-chartjs-2는 Chart.js의 리액트 래퍼라고 소개되어 있는 라이브러리로써, 쉽게 말해 Chart.js를 통해 그려진 차트를 리액트 앱으로 렌더링할 수 있도록 해주는 라이브러리라고 할 수 있습니다. 따라서 차트를 표시하는 데 필요한 기본적인 방법이나 흐름은 기존 Chart.js의 방식과 별반 다르지 않습니다. 그럼 라이브러리를 사용하기에 앞서 설치를 ..
안녕하세요 탐구소년입니다! 이번 게시글에서는 HTML/CSS/Javascript로 코드를 작성하여 웹 문서를 표시했을 때, 전체 또는 일부의 내용을 이미지 파일로 내보내는 방법에 대해 알아보도록 하겠습니다. 예상컨대 다양한 방법과 관련 라이브러리가 여러가지 경로를 통해 제공되고 있으리라 생각이 드는데요. 여기에서는 dom-to-image 라는 라이브러리를 사용해 목표하는 기능을 구현해보도록 하겠습니다. dom-to-image? 자바스크립트로 작성된 라이브러리로, DOM 요소를 벡터나 래스터 이미지로 변환하는 데 사용할 수 있습니다. filsaver? 파일 내보내기 기능을 구현할 때 곧잘 사용되는 라이브러리입니다. 적용 예 먼저 아래와 같이 html 문서를 작성해줍니다(이미지는 아무거나 사용해도 무관합니다..
리액트 어플리케이션을 작업하다 보면 가상 DOM요소에 직접 접근해야 하는 상황이 있을 수 있습니다. 이와 같은 상황에서 순수 자바스크립트의 경우에는 다음과 같은 접근을 사용합니다. 1 document.getElementById('ID') 위와 같이 요소에 대한 직접 접근을 하고자 할 때, 리액트 컴포넌트에서는 ref 속성값을 이용하면 됩니다. ref 속성값을 이용하면 자식 요소에 직접 접근이 가능합니다. 다음은 ref를 이용한 간단한 예입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 import React from 'react'; import './App.css'; class App extends React.Component{ textRef = Reac..
안녕하세요 탐구소년입니다. 인간만의 능력으로 여겨지던 "스스로 학습하는 능력"을 컴퓨터로 구현해내는 일(어쩌면 도전)을 머신러닝이라고 합니다. 우리말로는 기계학습이라고도 하죠. 많은 분들이 아시다시피 이 머신러닝 분야에 대한 관심이 날이 갈수록 뜨거워지고 있습니다. 그래서 저도 이쪽 분야에 관심을 가져볼까 싶은 생각이 조금씩 들고 있는데, 해서 오늘은 간단하게 머신러닝의 개념과 그 종류에 대해서 정리를 해보려고 합니다. 머신러닝(기계학습)이란? 기계학습이란, '기계가 일일이 코드로 명시하지 않은 동작을 데이터로부터 학습하여 실행할 수 있도록 하는 알고리즘 또는 그러한 알고리즘을 연구하는 일'을 의미합니다. 기계학습이 등장하기 이전의 기계들은 출시 전 개발 단계에서 개발자(사람)에 의해 등록된 알고리즘만으..
안녕하세요 탐구소년입니다. 시간날 때마다 틈틈이 파이썬 문법이나 모듈과 관련된 글을 올리고 있는데요. 오늘은 삼항연산자에 대한 내용을 준비해봤습니다. 정의 및 기본 사용법, 그리고 예제 순서로 정리해보도록 하겠습니다. 바로 시작합니다. 삼항연산이란? 삼항연산자를 사용해보기 전에, 삼항연산의 의미를 알아야 할 필요가 있습니다. 삼항연산은 이름 그대로 세 개의 항을 사용하는 연산입니다. 각 항은 조건, 1항, 그리고 2항으로 역할이 나뉩니다. 삼항연산은 조건의 참, 또는 거짓 여부에 따라 1항이나 2항 중 한 가지만 결과로 도출되어지는 연산입니다. 조건의 결과를 판단한 다음, 결과에 따라 다른 결과를 도출할 수 있도록 고안된 연산이 바로 삼항연산인 것입니다. 모든 항은 각각 식 또는 값으로 구성될 수가 있습..
안녕하세요 탐구소년입니다. 가끔씩 생각이 날 때마다 파이썬 예제 코드를 작성하여 블로그에 올리고 있는데요. 오늘 올리는 코드는 파이썬으로 데이터베이스를 관리하는 아주 기본적인 예제입니다. 관련 내용도 간단하게 정리하여 올리니까, 필요하신 분들께서는 참고하시면 좋을 것 같아요. 참고로 예제에서 사용할 데이터베이스는 sqlite3 입니다. 자 그럼, 시작하겠습니다. 데이터베이스 란? 대량의 데이터를 다루는 데 특화된 데이터 관리 소프트웨어 SQLite3 란? SQLite3는 가볍게 파일 하나만으로 사용할 수 있는 데이터베이스입니다. 데이터베이스 조작 언어인 SQL 사용을 데이터 관리의 기본으로 합니다. 행과 열로 구성된 2차원적 구조로 데이터를 관리합니다. 이 데이터베이스는 웹사이트에서도 사용할 수 있고, ..
안녕하세요 탐구소년입니다. 오늘은 웹접근성을 고려하여 HTML 코드를 작성할 때 지켜주면 좋은 사항 몇 가지를 정리해보도록 하겠습니다. 각종 문서와 블로그의 글들을 활용하여 정리한 내용을 나름대로 정리하여 올린 것이니 참고하시면 좋을 것 같습니다. 그럼 바로 시작하겠습니다^^ 1. 크로스 브라우징이 가능하도록 한다. 크로스 브라우징이란? 크로스 브라우징이란, 웹표준 기술을 적용하여 웹페이지가 서로 다른 운영체제나 플랫폼에서 이상없이 구현되도록 하는 기술을 말합니다. 설명 크로스 브라우징이란 브라우저의 종류에 상관없이 웹사이트의 레이아웃이나 이미지, 데이터 등이 동일하게 보여지게 하는 상호 호환성에 대한 기술을 의미합니다. 그리고 이는 웹사이트를 개발하는 데 있어 상당히 중요한 개념이자 기술입니다. 참고자..
안녕하세요 탐구소년입니다. 오늘은 웹개발 관련 용어 중 크로스 브라우징(cross browsing)에 대해서 알아보도록 하겠습니다. 크로스 브라우징이란? 크로스 브라우징이란, 웹표준 기술을 적용하여 웹페이지가 서로 다른 운영체제나 플랫폼에서 이상없이 구현되도록 하는 기술을 말합니다. 설명 웹 개발자가 웹사이트를 만들어서 서비스를 하면, 사용자는 웹브라우저를 통해 웹사이트에 접근하게 됩니다. 이때 브라우저의 종류는 상당히 여러가지가 있습니다. 크롬, 사파리, 오페라, 파이어폭스, 인터넷 익스플로러 등 그 종류가 상당히 많죠. 크로스 브라우징이란 브라우저의 종류에 상관없이 웹사이트의 레이아웃이나 이미지, 데이터 등이 동일하게 보여지게 하는 상호 호환성에 대한 기술을 의미합니다. 그리고 이는 웹사이트를 개발하..