본문 바로가기

All

 (104)
[MySQL] MySQL Client(monitor, Workbench) 1. MySQL monitor GUI가 아닌 명령어를 이용하여 제어하는 명령어 기반 프로그램 장점 : 많은 서버 컴퓨터들이 일 자체에 cpu를 쓰기 위해서 GUI를 지원하지 않는 경우가 많다. 그때 명령어로 실행시킬수 있다. 단점 : 명령어를 모르면 못쓴다. 2. MySQL Workbench GUI 기반으로 마우스를 이용하여 사용할 수 있는 프로그램 장점 : 클릭으로 쉽게 제어할 수 있다. 단점 : GUI를 지원하지 않는 서버 컴퓨터에서는 쓰지 못한다.
[MySQL] 관계형 데이터베이스 왜 관계형 데이터베이스가 필요한가. 중복이 되면 개선할 것이 있다고 본다. 그래서 중복 가능이 있는 데이터를 테이블로 다시 만들어서 관리한다. 그럼 유지 보수할 때에 만들어 놓은 테이블을 바꾸면 다 바뀐다. MySQL은 데이터를 분산해서 저장하고 보여줄 땐 합쳐서 보여준다. 우선, 만들어놨던 테이블은 이름을 바꿔준다. RENAME TABLE 테이블명 TO 바꿀이름; 1. 테이블 분리하기 CREATE TABLE article ( `id` int(11) NOT NULL AUTO_INCREMENT, `title` varchar(30) NOT NULL, `description` text, `created` datetime NOT NULL, `author_id` int(11) DEFAULT NULL, PRIMAR..
[MySQL] CRUD Create(생성), Read(읽기), Update(수정), Delete(삭제)이 네 가지는 어떤 데이터베이스이던 꼭 필요한 것들이다. 커뮤니티 사이트를 제작한다거나 어떠한 글을 쓰는 사이트를 제작할 때 무조건 이 네 가지는 필수로 들어가야한다. 2020/09/03 - [토이 프로젝트] - [자바스크립트] 작은 도서관 프로그램 만들기 (쿠키, 로컬, 세션 스토리지의 개념 포함) [자바스크립트] 작은 도서관 프로그램 만들기 (쿠키, 로컬, 세션 스토리지의 개념 포함) 회사에서 내준 작은 프로젝트 과제이다. 힘들었던 부분은 외부 라이브러리를 일절 사용하지 않아야 한다는 점이었다. 아래는 개발 제약 사항과 화면 요구 사항이다. // 개발 제약 사항 // 책의 추 ukcasso.tistory.com 단적인 예로..
[MySQL] 테이블 생성 테이블 생성 방법 CREATE TABLE article( id INT(11) NOT NULL AUTO_INCREMENT, title VARCHAR(100) NOT NULL, description TEXT NULL, created DATETIME NOT NULL, author VARCHAR(30) NULL, profile VARCHAR(100) NULL, PRIMARY KEY(id)); id INT(숫자)는 얼마까지 노출 시킬 것인가이다. NOT NULL은 무조건 입력시켜야한다는 뜻이다. AUTO_INCREMENT는 자동으로 데이터 생성시 증가한다는 뜻이다. title VARCHAR(숫자)는 숫자만큼만 입력시킬수 있다. description TEXT다 created DATETIME은 날짜 시간 모두 표현 ..
[MySQL] 데이터베이스 서버 속, 데이터베이스(스키마) 생성 -u는 user를 뜻하고 u다음에 나오는 것은 아이디이다. 기본적으로 root로 지정되어 있어 -uroot로 접속한다. mysql -uroot -p mysql 데이터베이스 서버에 접속 후 [CREATE DATABASE 생성하고 싶은 이름]; 형태로 적으면 된다. mysql> CREATE DATABASE database_1; 성공한 후 화면 참고) 이 코드는 생성된 데이터베이스를 제거하는 방법이다. mysql> DROP DATABASE database_1; 생성된 데이터베이스를 보는 방법이다. mysql> SHOW DATAVASES; 이 명령어를 입력하게 되면 이제부터 database_1을 만지겠다는 뜻이다. mysql> USE database_1; SQL(Structured Query Language)이..
[MySQL] MySQL 설치 (Windows Version) - Bitnami WAMP 1. MySQL의 특징 관계형 데이터베이스이며 무료이고 오픈소스라는 것이 특징이다. 2. 관계형 데이터베이스란? 키(Key)와 값(Value)들의 간단한 관계를 테이블화 시킨 매우 간단한 원칙의 전산정보 데이터베이스이다. 3. Bitnami란? 가상 어플라이언스 및 웹 애플리케이션, 개발 스택용 소프트웨어 패키지 및 설치 라이브러리이다. 4. WAMP란? Windows Apache MySQL PHP의 약자이다. 따라서 Apache, MySQL, PHP를 한 번에 통합 설치할 수 있는 모듈이다. 5. Bitnami WAMP 설치 방법 1) google 검색 창에 bitnami wamp 검색 후 첫 번째 링크 클릭 2) 홈페이지에서 자신의 운영체제에 맞는 버전 다운로드 3) 운영체제 설정 후 가운데 보이는 ..
[자바스크립트] 로또 번호 분석기 (Lotto Analysis) 사용 방법 1. 돌리고 싶은 경우의 수를 입력한다. (100000 이하의 수) 2. 가장 많이 나온 숫자 6가지를 확인한다. 3. 그 숫자를 가지고 로또점에가서 로또를 산다. 4. 부자가 된다. See the Pen ZEOrNBP by ukcasso (@ukcasso) on CodePen. 지난 토이 프로젝트에서 로또 번호 추첨기를 만들어 봤다. 로또 번호 추첨기는 너무 간단한 느낌이여서 기능을 더 추가하여 로또 번호 분석기를 만들었다. 로또 번호를 입력한 수에 맞게 생성하고 생성한 로또 번호의 해당 번호마다 얼마나 많이 도출되었는지 그래프로 나타내고 많이 가장 많이 나온 6가지 번호를 추출하여 추천 번호까지 만들어주는 프로그램이다. 1. 6가지 로또 번호를 추첨해주는 코드이다. function anal..
[자바스크립트] 로또 번호 추첨기 (Lotto Raffle) 이번 토이 프로젝트는 로또 번호 추첨기이다. 부자가 되는 가장 확률이 없지만 빠른 길은 로또라고 생각한다. 그래서 한번 만들어 보았다. 로또 번호 추첨기는 만드는데 필요한 몇 가지 포인트들이 있다. 아래 소스 코드를 보면서 살펴보자. 1. 무작위 번호를 뽑는 로직이다. 여기서 중요한 점은 중복된 수가 들어가서는 안된다는 것이다. 중복되는 수를 없애고자 includes 메서드를 활용하였다. temp안에 1부터 45까지의 무작위 수를 넣은 후 if문을 이용하여 lotto라는 배열 안에 무작위 수 temp가 들어있으면 아무런 일을 하지 않고 temp가 없다면 push 메서드를 통해 lotto안에 넣는다. while문을 이용하여 조건을 lotto의 length가 6 아래일 때까지 돌려서 마지막에 6번째가 들어가..
[CSS] 구글 검색창 따라만들기(Gukgle 구욱글) with Bootstrap 구글 검색창을 따라해보려고 한다. 먼저 소스 코드이다. Gukgle 코드에서 분석할 4가지 1. 우선 부트스트랩에 접속하여 link태그를 head태그 안에 넣어준다. 2. 부모 tag 자식 tag:nth-child(요소 번호)는 부모 태그 내의 자식 태그의 몇 번째 요소인 자식 태그를 바꿔줄 수 있는 코드이다. 3. 구글 검색창의 각 색은 각종 툴의 스포이드 기능을 이용해서 추출한다. 4. input태그의 위치는 부트스트랩에서 class요소로 넣었다. 정말 손쉽다. 5. form 태그의 action은 어디를 향할 것인지 정하는 것이고 method는 데이터 전송 방식을 나타낸다. 그리고 input 태그의 name q는 q로 시작하는 것을 말해준다. 구글에 검색을 해보면 주소창에 google.com/sear..
[제품 리뷰] 제닉스 STORMX VM2 무선 버티컬 마우스(인체공학 마우스) 개봉기! 안녕하세요! 처음으로 쓰는 제품 리뷰입니다! 제가 개발자로서 마우스를 많이 사용하지는 않지만 조금 사용 시에도 장시간 사용하다 보니 손목에 통증이 오기 시작했습니다. 그래서 인체공학 마우스를 많이 알아보다가 로지텍의 MX VERTICAL은 너무 비싼 듯하여 제닉스의 STORMX VM2를 구매하게 되었습니다. STORMX VM3가 현재 판매중이지만 한 단계 아래 버전을 구매한 이유는 디자인과 가격, 그리고 무소음 버튼이라는 장점 때문입니다. 제품 스팩 설명을 따로 하지 않는 이유는 제품 검색 시 소개보다 더 자세히 나와있을 것이라고 생각되어 기재하지 않았습니다. 그래도 간단하게 설명드리자면 1,600 DPI 설정 무소음 버튼 4단계 DPI 조절 버튼(기본 800/ 1000/ 1200/ 1600) 가벼운 무..
[프로그래머스] 위장 - 자바스크립트 문제 설명 문제 풀이 function solution(clothes) { let clothesType = []; let uniqueClothesType = []; let temp = []; let temptemp = []; // clothesType에 옷 각 옷의 종류만 넣어준다. clothes.forEach(function(element) { clothesType.push(element[1]) }); // 옷 종류의 중복 값을 제거해준다. uniqueClothesType = Array.from(new Set(clothesType)); // 중복 값을 제거한 옷 종류와 제거하지 않은 옷 종류를 대조하여 temp에 값을 넣어 준다. for(let i = 0; i a * b) - 1; } 경우의 수를 보는 ..
[프로그래머스] 기능개발 - 자바스크립트 문제 설명 문제풀이 1. 내가 분 문제 풀이다. 설명은 주석으로 남겨 놓았다. function solution(progresses, speeds) { let answer = []; let finalCount = []; // 배열 answer에 남은 기간을 나타내는 값을 넣어준다. for(let i = 0; i = 100) { answer.push(j); } j++; } } // 남은 기간 answer 배열을 이용하여 뒷 부분에 값을 보고 temp에 개수를 체크해주는 로직이다. let temp = 1; let prev = answer[0]; for(let i = 1; i = curr) { temp += 1;..

티스토리툴바