분류 전체보기

[React] React에서 chart.js 사용해보기

동기 토이 프로젝트로 이것저것 만들어보던 중에 자바스크립트로 데이터를 잘 표현할 수 있는 라이브러리 중에 chart.js라는 게 있다는 걸 알게 되었다. 이걸 한번 사용해볼까 한다. 아직은 사용해보기 이전이라 아무것도 모르겠고, 공식 홈페이지를 읽어보며 몇가지 연습을 해보며 뭔가 배울 때마다 내용을 추가할 예정이다. 과정

[React] React에서 CKEDitor 사용해보기 후기

동기 글 중간중간에 사진을 넣어가면서 내용을 구성할 수 있는 게시판이 만들고 싶었다. 진행 과정 CKEditor Documentation을 적극 활용했다. 많은 사람들이 쓰는 웹 에디터인 만큼 공식 문서가 엄청 친절하게 잘 되어있다. 리액트 컴포넌트로 CKEditor를 사용하는 방법도 여기를 보면 그냥 한눈에 알 수 있다. 전달할 수 있는 props의 수가 매우 많아서 아직 다 파악하지는 못했지만 간단하게 사용하기에는 문제가 없을 것 같다. 하면서 가장 어려웠던 건 이미지를 CKEditor에 붙여넣기해서 넣는 것이었다. 이미 어딘가에 호스팅이 되어 있는 이미지 같은 경우에는 CKEditor가 알아서 src를 잡아서 img 태그로 내용을 만들어줬지만, 로컬에서 파일을 복사해서 넣을 경우에는 프리미엄 버전인..

[웹 개발] 웹 에디터 목록

구글링을 하며 써볼 만한 웹 에디터들을 찾아보았다(차차 추가할 예정). 실무에서 어떤 것을 쓰게 될지 모르니 각각 다 공부해서 써볼 생각이다(우선은 CK 에디터부터). 1. CK Editor 가장 많이 쓰는 웹 에디터라고 한다. 어떤 특징들이 있는지는 아직 잘 모르겠다. 공부해서 써보고 특징들을 나열해볼 예정. https://ckeditor.com/docs/index.html CKEditor Documentation Website Learn how to install, integrate, configure and develop CKEditor Ecosystem products. Browse through API documentation and online samples. ckeditor.com 2. To..

[웹 개발] 근황...

그동안 한 것 너무 간만의 포스트이다. 제대로 뭔가 써보려고 하는 것은 1년만이라 블로그에 글을 쓴다는 게 새롭기까지 하다. 머신러닝은 뒷전에 두고 그동안은 웹 개발을 해보았다. 가장 먼저 공부한 것은 스프링이다. 스프링을 선택한 데에 있어 큰 이유는 없었다. 그냥 우리나라에서 많이 쓴다고 해서? 정도였다. 인프런의 김영한 강사님의 실무 정복 로드맵을 완강하였고, 스프링 완전 정복 로드맵은 세번째 강의까지 완강하였다. 학교생활을 하며 이 두가지를 하니 거의 일년이 가있었다. 그러고 2022년 12월, 나의 대학교 3학년 2학기가 끝나고 난 뒤에는 그동안 못했던 공부를 해보기로 결심했다. 이름만 무성하고 제대로 접해본 적은 없는 AWS였다. 먼저 해본 것은 내가 그나마 익숙하게 다룰 줄 아는 스프링과 함께..

[데이터 사이언스] pandas

pandas란? 원래 데이터 사이엔스에서는 파이썬보다 R이 훨씬 인기가 많았습니다. R은 애초에 통계를 위해 만들어진 언어이기 때문에 데이터 분석에 파이썬보다 적합했습니다. 그러다가 개발자들이 R의 장점을 파이썬으로 베껴오기 시작했습니다. R에서 데이터를 보관, 분석 시 가장 핵심적 역할을 한 게 DataFrame인데, 파이썬의 pandas 그 DataFrame을 사용할 수 있게 해놓은 라이브러리입니다. pandas는 numpy를 이용해서 만들어졌으므로 numpy의 기능들은 pandas에 기본적으로 있다고 보면 되고, 거기에 추가로 데이터 분석, 정리, 외부 데이터 읽고 쓰기 등 편리한 기능들이 추가된 것이 pandas입니다. pandas로 DataFrame 만들어보기 HTML 삽입 미리보기할 수 없는 ..

[모바일 앱 프로그래밍] 갤럭시 휴대폰 무선 디버깅 연결

안드로이드 앱 개발을 하다보면 에뮬레이터는 무겁다거나 네트워크 관련한 문제로 실제 단말을 이용해야 할 경우가 생깁니다. 이럴 경우에 USB 디버깅을 이용할 수 있는데 USB 디버깅을 사용하면 빠른 속도로 충전하면서 디버깅을 할 수 없다는 단점이 있습니다. 이러한 문제점을 해결할 수 있는 방법으로 무선 디버깅을 이용할 수 있습니다. 컴퓨터에서 설정할 내용 먼저 안드로이드 sdk에 있는 adb.exe를 간편하게 이용하기 위해 환경변수에 이를 설정해주겠습니다. 아래 과정을 진행하기 전에 adb.exe가 있는 경로를 찾아주세요. 저는 C:\Users\park\AppData\Local\Android\Sdk\platform-tools\ 에 있었는데 별다른 설정을 하지 않으신 분들이라면 경로가 크게 다르지 않을 겁니..

[모바일 앱 프로그래밍] 메인 액티비티 변경하기

안드로이드 스튜디오에서 프로젝트를 처음 만들면 자동으로 메인 액티비티가 만들어지고 그 액티비티를 위한 자바 파일인 MainActivity.java 파일이 생깁니다. 그리고 이 액티비티는 AndroidManifest.xml 파일 안에 등록됩니다. 이 파일은 아래와 같은 경로에서 확인할 수 있습니다. 등록되어있는 액티비티를 원하는 다른 파일로 바꾸면 앱을 실행했을 때 바꾼 파일로 메인 액티비티가 나타나게 됩니다.

[모바일 앱 프로그래밍] 안드로이드 스튜디오에 실제 단말 연결하기

PC에 드라이버 설치하기 단말기의 연결 방법은 단말기마다 다릅니다. 이 포스트에서는 삼성전자의 단말기를 연결하는 방법을 알아보겠습니다. 단말기는 PC의 외부 장치로 연결되는 것이기 때문에 단말기에 맞는 드라이버를 설치해야 합니다. 드라이버는 아래 링크에서 다운로드할 수 있습니다. https://www.samsungsvc.co.kr/download 위 링크에 접속하면 아래와 같은 화면이 나오는데 통합 USB 드라이버를 눌러 다운로드해서 설치합니다. 단말의 개발자 모드 설정하기 단말의 설정에 들어가서 아래와 같은 순서로 진행해주면 됩니다. PC와 단말 연결하기 여태까지의 과정을 모두 완료했다면, USB를 이용해 단말과 PC를 연결해줍니다. 연결해주면 PC는 드라이버를 이용해 장치를 인식하게 되고, PC에서 ..