개발 썸네일형 리스트형 HTML, javascript, css 웹 개발 연습 할 수 있는 사이트 개발을 하다보면 임시로 잘 동작하나? 하고 궁금할 때가 있다. 요거 하나를 확인하려고 서버를 띄우기도 그렇고 할때 사용 할 만한 사이트를 소개하려고 한다. 1. codepen.io https://codepen.io/pen/ Create a New Pen ... codepen.io 2. www.w3schools.com https://www.w3schools.com/tryit/tryit.asp?filename=tryhtml_hello W3Schools online HTML editor The W3Schools online code editor allows you to edit code and view the result in your browser www.w3schools.com 더보기 안드로이드 애뮬레이터 분리 하기 - 안드로이드 스튜디오에서 하이브리드앱을 만들어보고자 안드로이드 스튜디오 새로운 버전을 설치 했다. 근데 어라? 에뮬레이터 창이 별도로 분리가 되지 않더라 아주 불편했다. 개발은 vscode 에서 하는데 에뮬레이터 때문에 무거운 안드로이드 스튜디오를 띄워나야 한다니 ㅋㅋㅋ 그래서 에뮬레이터를 별도 창으로 분리 하려고 찾아보았다. 역시 방법은 있었다. 뜻이 있는곳에 길이 있나니... ㅋㅋㅋ 1. 안드로이드 설정으로 이동 Android > Preferences... 클릭 2. Tools > Emulator 에서 Launch in a tool window 해제 3. 에뮬레이터 실행 Device Manager 에서 실행할 에뮬레이터를 켠다. 4. 짜잔! 별도 창으로 에뮬레이터가 실행되었다. 완성! 더보기 iTerm2 커스텀 하기(1) - zsh 설치 / oh-my-zsh 설치 및 테마 적용 iTerm2를 깔았으니 이제 이쁘게, 편리하게 잘 써봐야 하지 않을까요. 그래서 한번 바꿔봅니다! oh-my-zsh 를 설치해서 테마도 적용해보고, iterm 한글깨짐 문제 해결과 D2Coding 폰트도 적용 해볼꺼에요. 1. zsh install bash 에서 확장된 유닉스 쉘 이라고 합니다. macOS catalina 버전부터는 기본 설치이기 때문에 catalina 이신분들은 안하셔도 될거 같아요. 저는 예전 버전이라 업데이트 해도 zsh 가 설치가 안되서 한번 해볼께요. 이것도 homebrew 로 설치 할겁니다. 아래 명령을 실행 해주세요. brew install zsh 2. oh-my-zsh 설치 oh-my-zsh을 설치해줍니다. https://github.com/ohmyzsh/ohmyzsh Gi.. 더보기 맥 터미널 프로그램 iTerm2 설치하기 맥 터미널 프로그램 iTerm2를 설치해보겠습니다. 이게 인기 있는거 같아서 써보려고요 ㅋㅋㅋ 회사 맥에 설치할때는 그냥 후다닥 했는데 제 개인 맥에 설치할때는 정리하면서 적어보려고 합니다. 여러 사람들과 공유하면 좋자나요? ㅋㅋㅋ iTerm2 설치 1) iTerm2 홈페이지에서 설치파일을 받아서 하는 방법 https://iterm2.com/ iTerm2 - macOS Terminal Replacement iTerm2 by George Nachman. Website by Matthew Freeman, George Nachman, and James A. Rosen. Website updated and optimized by HexBrain iterm2.com 위 홈페이지에 들어가서 다운로드 받아 설치하는 .. 더보기 IntelliJ 단축키 모음(맥) 단축키 찾기, 검색 관련된 단축키 찾기: ⇧⇧ 전체에서 검색: ⌘ + ⇧ + f 클래스 내에서 검색: ⌘ + f 특정 메소드(symbol)찾기: ⌘ + ⌥ + o 최근 열었던 클래스 및 파일 찾기: ⌘ + e 메소드, 변수 사용된 곳 찾기: ⌥ + F7 프로젝트내 터미널 열기: ⌥ + F12 변경 클래스명, 함수명 이름 변경 (전체 적용됨): ⇧ + F6 검색 및 변경: ⌘ + r / ⌘ + ⇧ + r 탐색 메소드 구현체로 이동: ⌘ + b 탭의 왼쪽으로 이동 : ⌘ + ⇧ + [ 탭의 오른쪽으로 이동 : ⌘ + ⇧ + ] 히스토리 이전으로 이동 : ⌘+ [ 히스토리 이전으로 이동 : ⌘+ ] 화면 수직 분할: ⌃ + [ 화면 수평 분할: ^ + ] 왼쪽 패키지창으로 이동: ⌘ + 1 코딩 소스코드 자동.. 더보기 ideaVim 단축키 저는 인텔리제이에 ideaVim 플러그인을 설치해서 쓰고있어요 왜냐고요? 있어보이잖아요 ㅋㅋㅋㅋㅋ 있어보이는 이유도 있고, 익숙해지면 편할거 같아서요 ㅋㅋ 그래서 제가 익숙해지려고 단축키 정리 해봅니다 ㅎㅎ 모드 Vim 에는 3가지 모드가 있습니다. 1. 명령 모드 2. 편집 모드 3. 비주얼 모드 1. 명령 모드 글 작성하는 것을 제외한 이동, 복사, 찾기 등의 편집 기능을 하는 모드. esc 키를 눌러 명령모드로 진입 2. 편집 모드 글을 작성하는 모드 명령모드에서 i를 눌러서 진입 3. 비주얼 모드 선택모드, 선택하고 싶은 부분을 복사, 삭제 등 명령어를 치면 그 명령어가 입력된다. v를 눌러 화살표를 이동하면 블록 잡는 것 처럼 할 수 있다. 명령모드에서 v를 눌러 진입 단축키 단축키는 명령모드 .. 더보기 아파치 502 에러 502 Proxy Error(Reason: Error reading from remote server) The Proxy server received an invalid response form an upstream server. The proxy server could not handle the request Reason: Error reading from remote server 이런 에러가 떴다... 무슨일일까 별일없던 아이가 왜 이럴까... 구글링을 잘 해보니 트래픽 속도저하시 발생하는 에러 란다. 와스는 계속 돌고 있는데 이런 에러가 난거보니 was 에서 apache 에 응답을 늦게 주어서 그런 듯 하다. apache의 설정 값을 변경 해주자. 바꿀것은 vhost 설정에 ProxyPass 에 설정 값을 넣어주자 . retry=1 acquire=3000 timeout=600 Keepalive=On .. 더보기 Mac OS 루트 위치에 심볼릭 링크 만들기 1. 파일 생성 및 수정 sudo vi /etc/synthetic.conf 2. 내용 적기 appDir /Users/bpim/Documents/bpkim/appDir 3. 재부팅 더보기 이전 1 2 3 4 ··· 17 다음
