기타 (9) 썸네일형 리스트형 mysql 설치 백엔드에 데이터베이스가 빠지면 안되죠. mysql과 workbench를 설치해 줍니다.docker우선은 docker를 설치해 줍니다. mysql을 도커를 이용해 돌릴 것이기 때문이죠. docker 설치 사이트(https://www.docker.com/)로 가서 설치합니다. 설치를 쭉 진행하고 컴퓨터를 재시작 해 주면 오른쪽 아래에 도커가 돌고 있는 것이 보입니다.터미널에 docker -v로 치면 버전이 나올 것입니다. 그럼 잘 설치가 되었다는 뜻입니다.검색에 mysql을 검색한 다음 pull을 받습니다. 이제 images로 가서 run을 누릅니다. optional setting이라고 나오는데 일단 그냥 넘어가 봅시다. 그럼 에러가 납니다. 비밀번호를 설정해 주라고 하네요. 아까 세팅을 안했기 때문인 것 .. spring boot 설치 백엔드 개발을 위한 다양한 프레임 워크가 있는데요, 한때 정말 많이 쓰이던 프레임워크가 spring boot입니다. spring boot를 시작하는 과정을 보여드리겠습니다. intelliJ저는 intelliJ를 이용해서 개발을 할 것입니다. 크롬에 intellij를 입력해서 공식 홈페이지(https://www.jetbrains.com/ko-kr/idea/)로 이동합니다. 무료로 사용할 것이기 때문에 community 버전을 설치합니다.. 설치 파일을 시작하고 나오는 창에서 아래와 같이 선택해 줍니다. 다음을 계속 눌러 설치를 진행해 줍니다. 설치를 마친 다음 메모리 사용량을 조금 늘려 주겠습니다. 옵션의 VM option으로 갑니다. 최소와 최대 메모리 사용량을 조절해 줍니다. 저는 1G, 2G로 설정했.. react 설치 우선 node(https://codestudycafe.tistory.com/17)를 설치해 줍니다.그리고 터미널에 npx create-react-app {프로젝트 명}을 입력해 줍니다. 만약 에러가 나오면 npm install -g create-react-app를 한번 입력해 줍니다.그럼 이렇게 파일이 나옵니다. 이제 터미널에 cd {프로젝트 이름}으로 프로젝트에 들어가고 npm run start로 실행을 시킵니다. 사실 이걸로 끝인데 너무 짧으니 파일 구조라도 한번 봅시다. 여기서 같은 이름이 한 세트라고 생각하면 됩니다. index 3개가 한 세트고 app 2개가 한 세트입니다. app.test.js는 테스트를 위한 코드로 무시합시다. 대부분 프로그램의 시작은 index입니다. index의 html을.. 파이썬 설치 파이썬은 인공지능, 크롤링 등 많은 기능을 할 수 있게 도와주는 프로그래밍 언어입니다. 윈도우 기준으로 설치부터 실행까지 한번 해 보도록 하겠습니다. 설치우선 구글에 파이썬 설치를 검색합니다.그러면 다음과 같은 창이 나옵니다. 다운로드를 눌러 줍니다. 만약 OS가 맞이 않으면 바로 아래에서 맞는 OS는 눌러줍니다. 그렇게 설치된 프로그램을 실행합니다. install now를 누르는데 이때 PATH를 꼭 설정해 줍니다. 안그러면 나중에 귀찮아 집니다. 이제 기다리면 설치가 되었다고 나올 겁니다. MAX_PATH를 늘리겠냐고 묻는데 해서 나쁠 거 없어 보이니 늘리도록 합시다. 설치 확인명령 프롬프트를 열어 줍니다. cmd를 검색하면 알아서 보여줍니다. python --version을 입력합니다. 숫자는 다.. 컴퓨터 포맷 바이러스나 다양한 이유로 컴퓨터를 포맷해야 할 때가 있습니다. 윈도우 기준으로 한번 초기화 해 보겠습니다. 검색 탭에 "이 pc 초기화"를 검색합니다. 시스템 설정의 "이 pc 초기화"를 선택합니다. 이 pc 초기화 -> 원하는 옵션을 선택합니다. 저는 모든 파일을 없앨 것이기 때문에 "모든 항목 제거"를 누르겠습니다. "로컬 다시 설치"와 "클라우드 다운로드"중 하나 선택합니다. 로컬 설치는 윈도우에 문제가 없고 파일을 지우고 싶을 때, 클라우드 다운로드는 완전히 새 윈도우로 설치할 때 선택합니다. 저는 클라우드 다운로드를 하겠습니다. 이렇게 하면 컴퓨터가 알아서 꺼졌다 켜졌다 하면서 초기화가 진행됩니다. 윈도우 다크모드 개발자에게 꼭 필요한 기능입니다. 어떤 편집기를 써도, 어떤 운영체제를 써도 가장 먼저 해야 하는 것이 다크모드 설정이죠. 윈도우에서 다크모드를 설정해 보도록 하겠습니다. 바탕화면 빈 곳에서 우클릭을 하고 "개인 설정"을 누릅니다."색"을 누르고 "모드 선택" -> "다크"를 누릅니다. 원하신 다면 아래애서 "대비 테마"를 설정해 줄 수도 있습니다.+ 크롬 다크모드크롬은 기본적으로 기기에 따라 모드가 바뀌기 때문에 아마 이렇게 설정하면 크롬도 다크모드로 되어 있을 것입니다. 하지만 설정에 따라 아닐 수 있기 때문에 따로 다크모드를 하는 것도 해 보도록 하겠습니다. 크롬 오른쪽 위 점 3개 -> 설정을 누릅니다 왼쪽 탭에서 모양 누르고 모드 -> 어둡게를 누르면 다크모드로 적용됩니다. node.js 설치 typescript를 하던가 react를 하던가 하면 꼭 npm ~~~를 해 달라는 게 있습니다. 이 npm은 node.js를 설치해야 사용할 수 있는데요, 그래서 웹 개발을 할 때 항상 node.js부터 설치를 합니다. 설치 방법부터 확인해 봅시다. 설치node 공식 사이트(https://nodejs.org/en)에 들어가서 설치 버튼을 누릅니다. 설치된 파일을 실행시키고 next와 동의를 누르다 보면 다음과 같은 창이 나올 것입니다. 필수적인 건 아니지만 가끔 "Chocolatey가 없어서 실행이 안됩니다."하는 경고를 봤기 때문에 체크를 하고 넘어갑니다.이제부터는 next, 동의, 엔터를 열심히 쳐 주면 됩니다. 전부 진행되었으면 잘 설치되었는지 확인해 봅시다. 명령 프롬프트를 열어줍니다. 클릭했을.. vscode 설치 코딩할 때는 언어에 따라 다양한 소스 코드 편집기를 사용합니다. 그 중 제가 가장 많이 사용하는 visual studio code (vscode) 설치법을 알려드리겠습니다.모든 글을 윈도우 기준으로 작성되었습니다. 설치우선 vscode공식 홈페이지(https://code.visualstudio.com/)로 갑니다.운영체제에 맞춰서 다운로드 해 줍니다. 다운로드된 파일을 실행합니다. 동의하겠냐고 물으면 동의하면 되고 어디에 설치하겠냐, 바로가기 만들겠냐고 하면 다음을 누르면 됩니다. path에 추가할 것이냐, 편집기로 등록할 것이냐 하는데 이것도 다 체크되어 있으니 넘어가면 됩니다. 이후 설치를 누르면 알아서 설치가 됩니다. code .어떤 폴더에서 vscode를 열고 싶을 때가 있습니다. 여러가지 방.. 크롬 설치 사실 인터넷에 검색하면 많이 나오지만 여기에도 한번 적어 보도록 하겠습니다.모든 글을 윈도우 기준으로 작성되었습니다. 설치컴퓨터를 사면 웹 브라우저가 하나 설치되어 있을 것입니다. 저는 Microsoft edge가 설치되어 있네요. 해당 브라우저에서 크롬을 검색해 줍니다. 그럼 제발 자기 꺼 써달라고 하는데 무시하고 chrome 웹브라우저 - google을 클릭합니다. 다운로드를 누르고 다운된 파일을 실행하면 설치가 완료됩니다. 크롬 기본 브라우저 설정설치할 때 기본 브라우저로 설정할 순 있지만 가끔씩 pdf를 열거나 할 때 다른 브라우저로 열리는 경우가 있습니다. 이 경우에도 크롬으로 열리도록 수정해 주겠습니다. 크롬 오른쪽 위 점 3개 -> 설정을 누릅니다.왼쪽에 기본 브라우저를 누릅니다.오른쪽.. 이전 1 다음