본문 바로가기

분류 전체보기

(61)
[Ubuntu][MySQL] 외부에서 Workbench로 DB 접속 Ubuntu 서버에 MySQL 설치를 완료했다. 그럼 외부에서 내 서버 MySQL DB 에 접속해보자. 먼저 port 번호를 변경하고 외부에서 접속할 수 있도록 서버에 MySQL 설정을 변경할 것이다. 1. MySQL 설정 변경 Ubuntu 에 접속. $ sudo vim /etc/mysql/mysql.conf.d/mysqld.cnf 상기 명령어로 MySQL 설정 파일에 들어가 설정을 아래와 같이 변경해주자. // 주석 해제 후 수정 port = 3333 // 주석처리 # bind-address = 127.0.0.1 # mysqlx-bind-address = 127.0.0.1 포트변경을 완료했고 외부 접속을 위해 서버 local 에 binding 되어있는 bind-address 들을 모두 주석처리 해주었다..
[Ubuntu][MySQL] 계정 생성 및 권한 설정 1. mysql root 계정으로 접속 show databases; mysql database 확인. - mysql 을 전체적으로 관리하는 DB use mysql; show tables; DB 로 mysql 사용 지정. mysql DB 내 테이블 조회 && 맨아래 user 테이블 확인 2. 계정 생성 원하는 계정 아이디로 localhost 와 %(외부 접속용) 두개를 만들어준다. CREATE USER ''@localhost IDENTIFIED BY ''; CREATE USER ''@'%' IDENTIFIED BY ''; commit; localhost 는 내부 IP 접속용. % 는 외부 IP 접속용. -> 123.123.% or 123.123.123.0/24 이런식으로 사용 가능 4번에서 확인한 user..
[Ubuntu][MySQL] 우분투에 MySQL 설치하기 1. sudo apt update 진행 $ sudo apt update 2. mysql-server 설치 $ sudo apt install mysql-server 3. mysql 설치 및 서버 동작 확인 설치 후 설치 확인 및 버전 체크 $ mysql --version mysql 서버 동작 active 확인. $ sudo systemctl status mysql 4. mysql 접속 후 root 계정 비밀번호 설정 $ sudo mysql -u root 슈퍼어드민 권한으로 mysql root 계정에 접속. 그다음 ALERT USER 을 사용하여 root 계정 비밀번호 설정. ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password by '';..
[JavaScript][월간 코드 챌린지 시즌1] 이진 변환 반복하기 🎉🥳 드디어 월간 코드 챌린지 시즌 1 입성!! 🎉🥳 JavaScript 는 메인 언어이기도 하면서 자신감이 붙어 LVL. 0 ~ LVL. 3 까지 가리지 않고 문제를 풀기로 했다. 확실히 난이도가 올라가는구나! 하지만 재밌다. 풀어보자. 집중 포인트. Denny 야 집중해..! 항상 특정 작업을 수행할때에는 고객들의 요구사항에 집중 해야 한다. 요구 사항을 잘못 이해하면 작업의 모든것이 틀어진다. 이건 조준과 같다. 1mm 의 오차가 거리에 따라 몇km 의 오차를 내는것과 같다. 작업이 점점 크게 틀어진다는 뜻이다. 조금 오버를 해서라도 완벽 정리 및 이해가 필요하다. 집중 포인트 1. : x 는 String 타입 이다. 집중 포인트 2. : "이진 변환" 이라는 action 을 정의해줬다. 1. St..
[JavaScript][프로그래머스] 문자열 정수의 합 상기 문제는 약간 재밌었다. 문제를 푸는 방법이 매우 다양했다. 하지만 공통적인 flow 는 문자열을 문자배열로 변환한다음 각각 int 값으로 parse 한 뒤 각자리수의 합을 구하는 방식이다. 방식 1 function solution1(num_str) { return num_str.split('').reduce((a,b) => a + Number(b), 0); } console.log( "answer >>> " , solution1("123456789") ); // answer >>> 45 [정답] split( String_val ) 함수를 통해 문자열을 문자배열로 변한한다. 그다음 reduce() 함수를 사용해 배열 내 각 자리수를 int 값으로 변환 후 모두 합해준다. 🤔 reduce() 함수에 두..
[JavaScript][코딩테스트] 첫 번째로 나오는 음수 간단하다. findIndex 라는 JS 함수를 사용하면 된다. function solution(num_list) { return num_list.findIndex(d => d >> " , answer); // answer check >>> 5
[React] input 태그 onKeyDown 엔터키 - 한글 랜더링 두번 이슈 해결 개요 React 에서 검색 기능 작업중에 검색 버튼 클릭 외에 엔터키로도 검색을 작동시키고자 onKeyPress 를 사용했는데 deprecated 됐다고 하여 onKeyDown 기능을 사용하게 됐고 onKeyDown 이 사용된 input 태그에 한글을 입력후 onKeyDown 을 작동 시 랜더링이 2번 돈다는 문제를 발견하게 된것이다. 문제 확인 해당 작업은 React 에서 쿼리 스트링을 활용하여 검색 기능을 구현하는 작업이였다. 그리고 빈값으로 검색시 리스트 전체가 나오고 특정 키워드로 검색시 키워드와 관련된 내용만 검색되도록 기능을 만들었다. 문제 발견 당시의 코드는 아래와 같다. input 태그에 값을 입력하면 setKeyword 를 통해 keyword 에 값이 담긴다. 그 후 onKeyDown 을..
[React] CRA : 리액트 프로젝트 생성 // yarn $ yarn create react-app 프로젝트이름 // npx $ npx create-react-app 프로젝트이름 ex ) $ yarn create react-app NewProject $ npx create-react-app NewProject