본문 바로가기

분류 전체보기

 (213)
React 시작 전 설치해야할 목록 (Mac OS) React를 시작하기 전 준비해야할 목록이 있습니다. 다른 컴퓨터 세팅에도 쉽게 적용하기 위하여 블로그에 정리해봅니다. nvm node.js yarn git bash nvm nvm 은 아직 window os에는 없고 mac os에만 있는 버전관리 도구입니다. 작업을 하다보면 node.js의 버전을 업데이트 해야할 때도 있고 그와 반대로 다운그레이드 해야할 때도 있는데 이때 버전을 관리해주는 도구입니다. 터미널에 $ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash 명령어를 입력하여 nvm을 설치해줍니다. 설치 후에 터미널을 껐다가 다시 킨 후 $ nvm --version 으로 nvm이 잘 설치되어있는지 확..
Mac MAMP 설치하고 phpStorm에서 브라우저 띄우기 phpStorm에서 브라우저를 미리보기 하기 위해서는 우클릭 -> Open in Browser -> 원하는 브라우저 ( 크롬, 사파리, 오페라 등)을 선택하면 됩니다. 하지만 아래와 같은 '502 Bad Gateway' 오류가 뜰 수 있습니다. 이는 아직 세부적인 php 파을 설정되지 않아 발생한 오류입니다. 해당 오류를 아래 동영상을 참고하여 해결해보았습니다. www.google.com/search?rlz=1C5CHFA_enKR917KR917&q=PhpStorm+CLI+Interpreter+mac&sa=X&ved=2ahUKEwiYifm4u9TrAhVRy4sBHUyyBpEQ1QIwIXoECAsQCg&biw=1440&bih=624#kpvalbx=_kc5UX86CJ5H1wAOBzI-IDQ7 PhpStorm ..
맥(mac)에서 깃(git) 사용하기 - window git 사용과 비교하기 (터미널, 터미널 경로, git bash, ssh key 등록) 이전 회사가 window를 사용했기 때문에 노트북이 mac pro 였음에도 window에 익숙해져버린 나머지 작업을 할 땐 노트북 보다 데스크탑에서 작업을 했었는데 이직을 하면서 mac을 사용하게 되었습니다. 자주 사용하던 git도 헷갈린 부분들이 있어 맥에서 git을 사용하기 위해 정리하는 포스팅을 적어봅니다. 1. Mac 터미널 사용하기 window에서는 window키 + r 단축키로 cmd에서 입력했던 것들을 Mac에서는 터미널을 사용해서 이용합니다. 익숙하지 않아서 터미널 켜는 법부터 차근차근 익혀보았습니다. Mac 바탕화면 하단 dock에 로켓 아이콘의 'Launchpad' 를 클릭해줍니다. 여기 검색에서 '터미널'을 검색해주면 됩니다. 터미널을 자주 사용하시는 분이라면 '우클릭 -> dock에..
FTP 없이 파일 다운로드 받기 ( 구글 확장프로그램 이용 ) ** 크롬 확장프로그램이기 때문에 크롬에서 가능한 방법입니다. 크롬에서 확장프로그램 "Save All Resources" 설치 1. 크롬에서 2. 구글 검색창에 "크롬 확장프로그램" 검색 3. "Chrome 웹 스토어 - 확장프로그램" click 4. 좌측에 스토어 검색에서 "save all resurces" 검색 5. 우측에 검색된 "Save All Resources" click 설치 후 확장프로그램 Save All Resources 사용하기 설치를 했다면 주소 표시줄 우측에 해당아이콘이 나타나게 됩니다. 1. 크롬을 한번 껐다가 킵니다. 2. 소스를 다운받고 싶은 사이트로 들어갑니다. 3. 키보드에서 'F12'를 눌러 크롬 개발자 도구를 켭니다. 4. 개발자 도구에서 >> 버튼을 클릭해서 "Resou..
버티컬 마우스 로지텍 MX Vertical 일주일 사용 후기 / 버튼설명 약 2주 전쯤에 남자친구가 천일 선물로 버티컬 마우스에서 유명한 로지텍의 'MX Vertical'을 선물해주었습니다. : ) 서로 갖고 싶었던 것들을 알아뒀다가 선물해 주었는데요, 회사에서 공급해주는 고무 부분이 다 뜯어져 나간 마우스를 사용하고 있던 중이라 선물 받고 기쁜 마음으로 2주 정도 사용하다 후기를 남깁니다. 저는 손목도 튼튼하고 안좋은 마우스를 써도 기능적인 부분에서 무난하게 썼던 터라 MX * 마우스 버튼들의 기본 값 * MX Vertical 마우스의 장점 - 컴퓨터 연결 방법 ( 3가지 ) * 실사용 후기 이 순서대로 포스팅을 해볼게요. 포스팅하기에 앞서 마우스의 옵션들은 아래 페이지에서 .exe를 다운받아 변경하실 수 있습니다. https://www.logitech.com/ko-kr/p..
jQuery 슬라이드 변형, li 삭제, 추가해서 실시간 현황 UI 만들기 이번에 받은 일 중에 실시간 현황 리스트를 만들게 되었습니다. 해당 UI는 li 개수는 정해져 있지만 실시간 현황처럼 li가 하나씩 위로 올라가는 animation 입니다. 기존 슬라이드 만들던 방식을 생각하면 고정 div-container가 overflow:hidden을 가지고 있고 ul 태그가 위로 올라가는 것처럼 보입니다. 하지만 위 gif파일에서는 확인이 안되지만 가장 첫번째 li가 복제된 후 사라지고 그 복제된 li를 ul 가장 끝부분에 붙혀 넣어 주고 끊임없이 무한반복 되도록 첫번째 li가 마지막 li가 되도록 돌아가는 구조입니다. UI 마크업 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ..
vscode에 XAMPP 설치해서 php 파일 로컬에서 보기 외 크롬확장프로그램 소개 XAMPP 파일 다운로드하기 1. 아래 페이지에서 XAMPP 을 다운로드 받습니다. https://www.apachefriends.org/index.html XAMPP Installers and Downloads for Apache Friends What is XAMPP? XAMPP is the most popular PHP development environment XAMPP is a completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl. The XAMPP open source package has been set up to be incredibly easy to install and to us www..
닷홈 무료호스팅 이용하고 파일 업로드하기 닷홈 무료 호스팅 계정 만들기 1. 닷홈에 접속해서 회원가입을 합니다. https://www.dothome.co.kr/ 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 2. 네비게이션에서 [웹호스팅 - 무료호스팅] 을 클릭해서 무료호스팅 페이지로 이동합니다. 디스크, 트래픽(일), DB 모두 200MB 사용이 가능합니다. 담당자 정보, 계약자 정보에 모두 제 정보를 기입했습니다. FTP 아이디는 곧 도메인 주소가 되며 후에 파일을 업로드 할 때 사용됩니다. 내가설정한FTP아이디.dothome.co.kr 무료 호스팅의 경우 dothome이 항상 들어가고 다른..

티스토리툴바