개발, 심리, 투자 그리고 일상의 생각 나눔
개발과 관련된 이야기들~*
엑셀에서 자동 필터를 사용해서 정렬하거나 특정 값을 제외하고 보는 경우가 있습니다. openpyxl 필터 추가 방법을 살펴보도록 하겠습니다. openpyxl 필터 추가 방법: ref 범위 설정 openpyxl에서 필터를 추가하기 위해서는 워크시트의 auto_filter 멤버 변수를 활용하면 됩니다. auto_filter는 AutoFilter 클래스의 인스턴스 객체입니다. 사용 방법에 대해 함께 살펴보겠습니다. 데이터는 3개 컬럼 A, B, C열을 이용하고, 각각 이름, 주소, 나이의 … Read more
Python으로 openpyxl을 이용해서 엑셀 파일을 제작하다보면 첫 행이나 첫 열을 고정해야 하는 경우가 생깁니다. openpyxl 행 고정하기 및 열 고정하기 방법을 함께 살펴보겠습니다. openpyxl 행 고정하기, 열 고정하기 방법 sheet의 프로퍼티로 freeze_panes라는 값이 있습니다. 이 값에 원하는 셀 주소를 넣어주면 해당 셀 이전까지 고정됩니다. openpyxl 열 고정하기 다음의 경우는 A열을 고정한 결과입니다. 위와 같은 결과를 … Read more
openpyxl로 엑셀 작업시에 이미지를 추가해야 하는 경우가 있습니다. openpyxl 이미지 삽입 방법 함께 살펴보겠습니다. openpyxl 이미지 삽입 방법 우선 이미지 파일을 읽어들여서 이미지 객체로 만들려면 openpyxl.drawing.image의 Image 클래스를 사용해야 합니다. Image 클래스에 파라미터로 사용할 이미지 경로를 전달해 주면 됩니다(라인 7). 그리고 워크시트에 add_image() 메서드로 해당 이미지 객체와 이미지가 들어갈 위치를 셀 위치값으로 전달해 주면 됩니다. … Read more
이미지 파일을 선택해서 해당 이미지를 웹 상에서 바로 볼 수 있게 해야 할 때가 있습니다. React 이미지 미리보기 구현 방법을 살펴보겠습니다. React 이미지 미리보기 구현에 필요한 재료들 이미지 미리보기를 하기 위해서는 우선 파일을 선택할 수 있는 <input type=”file”> HTML 엘리먼트가 필요합니다. 아래 그림 1에서 파란 상자로 표시되어 있습니다. 그리고 두번째로 선택한 이미지를 보여줄 <img> 태그가 … Read more
React를 이용해서 개발하다보면 특정 HTML Element에 접근해야 하는 경우가 있습니다. React 엘리먼트 접근/제어 방법인 ref 사용법을 살펴보도록 하겠습니다. React 엘리먼트 접근을 위한 ref property React로 개발하면서 엘리먼트에 직접 접근하거나 제어해야 하는 경우에 useRef를 사용할 수 있습니다. 보통 Javascript에서는 document.getElementById()와 같은 메서드를 활용해서 객체에 직접 접근하고 제어합니다만, React에서는 useRef()를 이용해서 해당 엘리먼트에 접근합니다. 예제: 보이지 않는 … Read more
이미지를 읽어와서 캔버스에 그림을 그려야 할 때가 있죠. Javascript Canvas 이미지 그리기 방법을 살펴보겠습니다. Javascript Canvas 이미지 그리기 방법(crop, slicing) canvas에 이미지를 그리는 방법은 canvas의 context를 가져와서 drawImage() 메서드를 이용하면 됩니다. 이미지의 특정 부분만 canvas에 그리는 방법 역시 drawImage() 메서드를 이용하는 방법인데 전달해야 하는 파라미터의 개수에 차이가 있습니다. 우선 코드부터 살펴보시죠. 아래 그림은 위의 코드를 … Read more
캔버스에 이미지를 그릴 때 확대나 축소해야 하는 경우가 있죠? Javascript Canvas 이미지 그리기 방법 중 확대, 축소 기능을 살펴보겠습니다. Javascript 이미지 그리기 확대, 축소 방법 이미지 객체를 가져와서 확대, 또는 축소해서 canvas에 그리는 방법을 다음 코드로 살펴보겠습니다. 사용한 방법은 라인 11, 12에 있는 drawImage() 메서드를 이용한 방법입니다. 위의 코드를 실행한 결과는 아래와 같습니다. 왼쪽에는 img … Read more
Javascript Canvas 이미지 그리기 방법 중 원본 이미지를 그대로 캔버스에 그리는 방법을 알아보겠습니다. Javascript Canvas 이미지 그리기(copy) 코드를 통해서 간단히 사용 방법을 알아보도록 하겠습니다. 코드에서 사용한 캔버스의 크기는 200 x 300입니다. 위의 코드를 실행한 결과는 아래와 같습니다. 좌측은 img 태그로 표현된 원본 이미지이며 우측의 빨간 상자로 표시한 것은 캔버스입니다. 캔버스의 (20, 20)부터 원본 이미지가 그려진 … Read more
코드를 테스트하다보면 가짜 데이터를 넣어서 코드가 잘 작동하는지 테스트하는 경우가 있습니다. 일일히 테스트용 데이터를 입력하기는 번거롭죠, 자동으로 만들어주는 도구가 있다면 어떨까요? 테스트용 Python 더미 데이터 생성 방법을 살펴보겠습니다. Python 더미 데이터 생성을 위한 faker 설치 코드를 테스트할 때 더미 데이터가 필요한 경우가 있습니다. 그럴 때 사용할 수 있는 패키지 faker를 살펴보겠습니다. 우선 pip install faker … Read more
클래스를 이용해서 만든 객체를 리스트로 담고 해당 리스트를 정렬하고 싶을 때 어떻게 할 수 있을까요? Python 객체 리스트 정렬 방법을 살펴보겠습니다. Python 객체 리스트 정렬 방법 딕셔너리로 된 리스트를 정리하는 방법에 대해서는 Python 딕셔너리 리스트 정렬 방법 2가지에서 자세하 다루어 놓았습니다. 이번에는 클래스를 이용한 객체 리스트를 정렬하려면 어떻게 해야 하는지 살펴보겠습니다. lambda 식 활용 방법 … Read more