본문 바로가기

개발(Develop)82

MariaDB 설치하기 및 접속하기 - window10 - 관계형 데이터베이스 MariaDB란? MariaDB란 MYSQL이 Oracle로 넘어간 후에 라이센스에 대한 불확실성을 해결하기 위해 나온 관계형 데이터베이스이다. MariaDB 설치하기 https://mariadb.org/ MariaDB Foundation - MariaDB.org … Continue reading "MariaDB Foundation" mariadb.org 1. MariaDB 웹 사이트에 접속한 후 화면에 보이는 'Download' 클릭 2. 버전/ OS / 시스템 종류 / 패키지 설정을 확인 후 다운로드(Download) 버튼 클릭. 3. 아래의 설치 순서에 맞게 MariaDB 설치 Setup을 한다. Modify password for database user 'root' root 계정에 대한 비밀번호.. 2022. 9. 27.
WslRegisterDistribution failed with error: 에러 해결 방법 / 우분투 설치 에러 해결책 정리 우분투 설치 에러 우분투(Ubuntu)를 설치할 때 아래와 같은 에러가 발생했다. Installing, this may take a few minutes... WslRegisterDistribution failed with error: 0xc03a001a Error: 0xc03a001a ?? ??? ??? ???? 해결책 방법 1. 제어판에서 리눅스 기능 활성화 방법 2. WSL 버전 1로 변경하거나 WSL 2에 맞는 환경 구축하기 https://learn.microsoft.com/ko-kr/windows/wsl/install-manual#step-4---download-the-linux-kernel-update-package 이전 버전 WSL의 수동 설치 단계 wsl install 명령을 사용하지 않고.. 2022. 9. 24.
Node.js 설치하기 / Node.js란? / Node.js 사용이유 / 윈도우(window) Node.js란 ? Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임으로, JavaScript로 작성된 프로그램을 일반 애플리케이션 프로그램처럼 실행시켜주는 런타임이다. 즉, Node.js를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있고, 서버를 만들고 실행하는 데 사용한다. Node.js 사용 이유 JavaScript는 이름에서 알 수 있듯이 독립적인 언어가 아닌 '스크립트 언어'이다. 스크립트 언어는 특정 프로그램 안에서 동작하는 프로그램이기 때문에 '웹 브라우저'에서 동작을 한다. 그렇다면 크롬이나 사파리와 같은 웹 브라우저가 없다면 자바스크립트를 사용할 수 없다. 이러한 이유에서 Node.js를 사용한다. Node.js는 이런 자바스크립트를 웹 브라우저에서.. 2022. 7. 25.
비주얼스튜디오 코드 자동완성 안 될 때 / VSCode 자동 완성 오류 안 됨 비주얼스튜디오 코드(Visual Studio Code)를 통해서 코드를 작성할 때 '자동완성' 기능을 정말 유용하게 사용한다. 그러나 가끔 자동완성 기능이 안 먹힐 때가 있다. 내가 해결한 해결책을 알려드리고자 한다. 자동완성 기능 오류 해결책 아래와 같이 ! 느낌표를 했을 때 자동완성 기능이 작동하지 않으면 HTML 틀을 생성하는 것을 사용하지 못 한다는 어려움이 있다. 1. 맨 아래 오른쪽에 'HTML'을 클릭한다. 2. 위에 검색창이 활성화 되는데, 'HTML'을 입력 후 클릭한다. 3. 자동완성 기능이 활성화가 되는 것을 확인할 수 있다. 그런데도 활성화가 안 된다면? 윈도우 기준으로 자동완성을 띄우고자 하는 키워드를 입력한 후 ctrl + 스페이스바를 누른다. 그러면 아래와 같이 자동완성 기능을.. 2022. 7. 13.
깃(Git) 에러 / fatal: not a git repository (or any of the parent directories): .git 에러(error) fatal: not a git repository (or any of the parent directories): .git remote add origin 명령어로 로컬 저장소에 원격 저장소 주소를 알려주는 과정에서 오류 발생 해결책 git init으로 초기화 한 이후에 사용. 2022. 6. 21.
소스트리 sourcetree 설치하기 Git GUI 툴 / 깃 git 관리 소스트리 설치방법 및 사용방법 이전에 Git을 설치하고 다뤄봤다. 그러나 깃(Git)을 보면 아래 사진과 같이 검은색 창에 명령어를 입력해야 하는 쉘(Shell) 프로그램의 형태를 띄고 있다. 그러나 위와 같이 어려워 보이는 Git의 사용을 도와주는 GUI 프로그램이 있다. 이름은 '소스트리(Source tree)'이다. 소스트리는 Git에 관리되는 소스들을 쉽게 다룰 수 있도록 GUI 인터페이스를 제공하는 툴이다. 처음 깃 관리를 시작하기에 적합하고 코드와 기능을 시각화해준다. 그럼 바로 소스트리를 설치해보도록 하자. 소스트리(Source Tree) 설치하기 1. sourcetree 다운로드를 구글에 검색한다. 아니면 아래 링크로 들어가도 된다. https://www.sourcetreeapp.com/ Sourcetree | Free.. 2022. 6. 15.
리액트(React) 설치 에러 / yarn으로 react 프로젝트 생성 에러 리액트 개발 환경을 설치하기 위해 1. 노드 버전 매니저(NVM)으로 노드제이에스 설치 2. yarn과 create-react-app 설치 이 순서로 진행하다가 2번에서 막히게 되었다. 분명 yarn을 통해 명령어를 잘 입력해주었음에도 아래와 같은 에러가 발생했다. 리액트를 처음 공부하는 입장으로서 매우 당황스러운 순간이었다. 그런데 나와 같은 설치 에러를 찾는데 몇 시간 쏟는 사람이 없길 바라며, 해결책을 알려드리도록 하겠다. 우선 NVM으로 노드제이에스를 설치하면서 낮은 버전의 노드제이에스를 설치하면서 발생하는 문제인 것 같다. 내가 설치했던 버전은 nvm install 10.10.0 이었다. 너무 이전 버전을 설치하려다보니 발생한 것 같아 nvm 명령어로 노드제이에스를 설치하지 않고 Node.js .. 2022. 6. 11.
웹 브라우저 픽셀 측정하기 / 크롬 픽셀 측정 확장프로그램 / 웹 요소 픽셀 px 측정 / page ruler 웹 개발 공부를 할 때 많은 분들이 다른 사이트를 기반으로 프로그래밍을 하는 클론 코딩을 하면서 공부를 하는 경우가 많을 것이다. 그럴 때 유용한 확장 프로그램을 하나 소개하겠다. 오늘 소개할 프로그램은 웹 요소들의 정확한 픽셀(pixel) 단위와 간격, 마진, 패딩 등을 측정할 수 있다. 웹 사이트를 그대로 클론 코딩을 할 때 레이아웃이나 요소의 크기와 간격을 거의 유사하게 만들 수 있어 유용하게 사용할 것이다. 그럼 바로 본론으로 들어가 프로그램을 살펴보자. Page Ruler 웹 개발 픽셀 단위 측정 해당 프로그램은 크롬의 확장 프로그램이기 때문에 크롬을 사용하여야 한다. Page Ruler은 웹 페이지의 거리를 픽셀 px 단위로 측정할 수 있는 확장 프로그램이다. 1. 도구 더보기 -> 확장 프로.. 2022. 6. 1.
비주얼 스튜디오 코드 익스텐션 28개 추천 / 확장 프로그램 설치 및 웹 개발 환경 설정 (Visual Studio Code) / VS Code HTML, CSS Extension 목차 오늘은 흔히 웹 공부를 할 때 사용하는 텍스트 에디터인 '비쥬얼 스튜디오 코드(Visual Studio Code)의 확장프로그램'을 소개할 것이다. 나도 매번 개발하는 컴퓨터와 노트북, 개발 환경이 계속 바뀌기 때문에 저번에 설치했던 확장프로그램이 정말 유용했는데 기억이 나질 않아서 내가 지속적으로 활용하고자 이렇게 글로 작성하게 되었다. 그럼 바로 정말 내가 사용하는 웹 개발에 유용한 익스텐션을 추천하도록 하겠다. 우선 해당 확장 프로그램은 '비쥬얼 스튜디오 코드'가 깔려 있어야 한다. 해당 다운로드는 아래 링크를 통해 자세히 알아보도록 하자. Visual Studio Code 쉬운 설치 Visual Studio Code 쉬운 설치/ VSCode 코드 편집기 추천 및 설치/ Vscode 한글 설정.. 2022. 5. 18.

티스토리툴바