Developer_hong

[ npx create-react-app test ] -> npx : 라이브러리 설치 도와주는 명령어 (node.js 설치 돼 있어야 사용가능) -> create-react-app : 라이브러리 이름 (리액트 셋팅 다 된 bilerplate) https://create-react-app.dev/ Create React App Set up a modern web app by running one command. create-react-app.dev -> test : 프로젝트 이름 [ 프로젝트 실행 ] npm start -> nodejs 설치하면 npm이라는 툴 사용 가능 [ react 프로젝트의 index 파일은 public 폴더에 있다 ] App.tsx : 메인 페이지에 들어갈 HTML 코드 구성하는 곳..

1. visual studio code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. node js 설치 https://nodejs.org/ko/ Node.js Node.js® is ..

ES는 ECMASCRIPT를 말하며 JS 규격, 표준을 의미합니다 ES5 (2009년 출시) ES6 (2015년 출시) ES출시에 따른 차이로 인해 많은 문법들이 달라졌으며, 현업에서는 ES6+ 이상을 원하고 있는 추세이다 -> ES6를 알아야 ES5 레거시 코드를 리팩토링 할 수 있는 자질이 있다고 판단 ES5와 ES6 변화 - ES5에서 ES6로의 가장 큰 변화로는 let, const 변수가 추가됐으며 동작에서 차이가 있다 - Arrow function 추가됨 //ES5 function add (x,y){ return x + y; } //ES6 fucntion add = (x,y) => x + y; - Default prarmeter 추가됨 var test = function(x, y){ var x ..

안녕하세요 첫 후기가 웨딩홀 후기가 될 줄 몰랐는데요 내년 2022년 4월 봄에 결혼을 앞두고 있어서 웨딩홀 투어를 다녀오게 됐고 최종적으로 아르테스 웨딩홀을 선택하게 돼서 이렇게 후기를 남깁니다 웨딩플래너님을 통해 웨딩홀을 추천받았고 그중에서 총 6개의 웨딩홀을 투어하게 됐는데요 6개 중에서 가장 먼저 보게된 웨딩홀이고 6개 중에서 가장 맘에 들어서 예약하게 된 예식장이 아르테스 웨딩홀입니다 위치는 이수역 7번 출구에서 나와서 쭉 걸어가면 나와요 플래너가 있으시다면 플래너에게 또는 사진에 나와있는 번호로 예약하고 가시면 될듯한데요 저는 웨딩홀 투어를 플래너님께서 예약해주셨기 때문에 2층에 상담실로 바로 향했어요 아르테스 웨딩홀 투어는 이사님께서 안내해 주셨는데 웨딩홀 한 곳 한 곳을 안내받으면서 보게 ..

1. Data dir 체크 > select @@datadir,@@innodb_data_home_dir; +-----------------+------------------------+ | @@datadir | @@innodb_data_home_dir | +-----------------+------------------------+ | /var/lib/mysql/ | NULL | +-----------------+------------------------+ 2. 권한 재설정 터미널에서 1번 작업에서 얻은 datadir 폴더 권한 재설정 $ chown -R mysql:mysql /var/lib/mysql 3. 용량 체크 df -Ph 서버 용량이 부족한 경우에도 데이터베이스 생성이 불가능하므로 체크해본다

데이터 베이스 클러스터링 INSERT 작업하면 AUTO_INCREMENT가 3,6,9 이상하게 증가하는 경우가 있는데 클러스터의 모든 노드가 동시에 같은 테이블에 행을 삽입하려고하는 상황을 방지하기 위함이라고 한다 (이러한 충돌을 피하기 위해 Galera는 클러스터의 노드 수를 기반으로 열 값을 증가한다 의도적으로 설계된 것) SHOW VARIABLES LIKE '%auto_inc%'; +-------------------------+-------+ | Variable_name | Value | +-------------------------+-------+ | wsrep_cluster_size | 3 | +-------------------------+-------+ [첫번째 노드] SHOW VARIA..

서버에서 ubuntu 도커 이미지를 다운받아 ubuntu_test라는 이름의 컨테이너를 생성하는 것으로 예를 들어 설명하겠습니다 [docker '-p' option] -> docker run -it -p 3306:9999 --name ubuntu_test ubuntu 도커 컨테이너를 띄우고 있는 운영체제 서버 3306 포트로 들어온 요청을 도커 컨테이너의 9999 포트로 매핑해준다는 의미 즉, 123.45.67.89라는 서버에서 ubuntu_test 도커를 -p 3306:9999 옵션을 통해 만들었다면 123.45.67.89 서버의 3306 포트로 보내진 요청을 도커 컨테이너 ubuntu_test의 9999 포트로 보내준다 [docker '--expose' option] -> docker run -it ..

대다수의 커뮤니티, 포털 사이트에 접속하여 크롬에서 F12를 눌러 개발자 창을 띄우게 되면 이러한 문구들을 볼 수 있다 티스토리에서 Chrome에서 F12 개발자 모드 실행하면 다음과 같이 TISTORY가 나온다 본인만의 홈페이지에도 추가하고 싶다면 HTML에 해당 스크립트를 추가하면 된다 콘솔창에 테스트 결과 다음과 같이 내 티스토리 이름이 출력된다.