And Brain said,

- 서문 만약 당신이 이미 개발자거나, 프론트엔드 개발에 관심이 있다면 React.js에 대해 최소한 들어는 봤을 것이다. 당신이 React를 좋아하지 않더라도 의심의 여지없이 React는 현재 프론트엔드의 왕이다. 프론트엔드 왕의 자리를 넘보는 수많은 시도가 있었고 지금도 계속되지만, 2023년 아직까지는 그리고 한동안은 React가 왕의 자리를 굳건히 지킬 것 같다. 기술적으로 프론트엔드 개발자는 아니긴 하지만 최근 내가 가장 많이 공부했고 개발한 영역이 React기도 하여 가볍게 이 왕의 길을 되짚어보고자 한다. - React 이전 시대 React가 탄생하기 전 jQuery가 있었고 jQuery는 Ajax와 DOM을 다루어 기존 서버에서 HTML을 작성하는 불합리성을 타파하고 본격적으로 프론트엔드의..

오늘은 간단하게 우분투에서 MySQL 백업 및 백업 스케쥴링까지 설정해보겠다. 일단 MySQL 백업 명령어는 다음과 같다. mysqldump -u[USER] -p[PASSWORD] --databases [DB_NAME] > FILE.sql 이 명령어를 수행할 스크립트 파일을 만들고 crontab을 이용해 일정 주기마다 이 스크립트를 실행할 수 있도록 하도록 할 것이다. 일단 백업을 할 디렉토리를 만들고 그 디렉토리에 chmod 755 권한을 부여하자. mkdir /home/mysql_backup chmod 755 /home/mysql_backup 이후 vi 혹은 nano를 이용해 vi /home/mysql_backup/mysql.sh 스크립트 파일 안에 NAME=db_name_`date +"%Y%m%d%..

Spring boot는 기본적으로 json converter로 Jackson을 사용한다. 하지만, Jackson은 객체를 만들어서 매핑해줘야 한다는 단점이 존재해 Gson을 사용하여 더 편리하게 작업하고 싶을때가 있다. 이럴때 application.yml 파일에 이런식으로 기본 converter를 Gson으로 바꿔주고 라이브러리를 추가해주면 된다. 그런데 만약 여러분의 프로젝트가 OpenAPI Swagger 를 사용한다면 문제가 발생한다. Swagger는 Gson을 지원하지 않기에 문제없이 둘을 동시에 사용하려면 커스텀 설정을 할 수 밖에 없다. Gson을 이용하여 Swagger 직렬화를 한 뒤 bean으로 등록해주면 된다. 이런식으로 설정해준다면, Spring boot에서 문제없이 둘을 동시에 사용할 ..

https://theworldaswillandidea.tistory.com/66 SSR과 CSR의 기본적인 이해도가 필요합니다. Next.js는 React의 프레임워크다. 다들 알다시피 React는 라이브러리기 때문에 프로젝트 초반에 설정해줘야할 것들이 꽤 있다. 하지만, Next.js를 사용한다면 React의 설정들을 그저 Next.js에게 의존하고 다음 단계로 넘어가면 된다. 물론 이런 편리함때문만이 Next.js를 사용하는 이유는 아니다. 자, 그럼 본격적으로 Plain React를 넘어 React의 다음 단계를 알아보자. Next.js는 기본적으로 React를 사용하면서 서버사이드 렌더링을 쉽게하기 위해 사용한다. Plain React만으로 서버사이드 렌더링을 구현할 수 있는 방법이 존재하긴 하지..

오늘은 ELK Stack의 삼두마차, ELK에 대해 알아보도록 하자. 내가 실제 사내 서버에 구축한 구조에 대해 알아보고 싶다면 아래 포스팅을 참고바란다. https://theworldaswillandidea.tistory.com/101 ELK Stack, 완성된 시스템의 화룡점정 로그 추적과 수집 및 분석은 왜 필요할까? 개발 단계에서는 시스템 장애가 발생되면 천천히 로그를 분석하고 디버깅 과정을 거치고 다시 개발하면 된다. 하지만 실제 상용되는 서비스에 장애가 theworldaswillandidea.tistory.com ELK ELK는 Elasticsearch, Logstash 및 Kibana, 이 오픈 소스 프로젝트 세 개의 머리글자를 뜻한다. Kibana - Logstash - Elasticsea..