웹 개발

[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였다. 먼저 해본 것은 내가 그나마 익숙하게 다룰 줄 아는 스프링과 함께..