웹 프로그래밍96 [LINUX] ls: command not found 라라벨 설치를 위해 laravel을 실행했는데 안먹길래 PATH로 설정해주었다. 그런데 다른 PATH들이 다 날라가는 불상사가 발생했다. 아래 명령어로 vi, ls를 활성화 시킨다. export PATH=%PATH:/bin:/usr/local/bin:/usr/bin PATH가 터지기 전에 복사해둔 PATH들이 있어서 일단 넣어놓는다. /usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin 아래 명령어로 PATH를 수정한다. vi ~/.bash_profile 개인적으로 이렇게 넣어보았다. 위엣줄은 composer, 아랫줄은 기본 export PATH=/usr/local/sbin:/usr.. 2020. 7. 15. [PHP] 라라벨 설치 중 오류 composer를 통해 laravel을 설치하는데 계속 오류가 떴다. composer global require laravel/installer 설치하는 명령어를 실행하면 위와 같이 권한 문제 Permission denied가 뜬다. 그래서 sudo를 붙여서 실행하면 sudo composer global require laravel/installer sudo로 실행하는걸 권하지 않는다고 한다. 이러지도 말고 저러지도 말라고 한다. 그래서 해당 오류를 찾아보니 아래와 같은 명령어로 권한을 조정해주고 다시 실행해본다. sudo chown -R $USER ~/.compose composer global require laravel/installer 이와 같이 하니 설치가 됐다. 2020. 7. 15. [PHP] 라라벨 설정하기 라라벨 설정을 하기 위해 라라벨 홈페이지와 라라벨 코리아에서 정보를 얻었다. https://laravel.com/docs/7.x Installation - Laravel - The PHP Framework For Web Artisans laravel.com https://laravel.kr/docs/7.x/installation 라라벨 7.x - 설치하기 라라벨 한글 메뉴얼 7.x - 설치하기 laravel.kr 최신화를 위해 최대한 라라벨 공식 홈페이지를 번역해가며, 어려운 것은 라라벨 코리아의 번역에 도움을 받기로 하고 시작한다. 기본 필요 사항 라라벨 홈스테드가 기본 필요 사항을 충족하는데, 사용하지 않는 경우 아래의 요구사항을 만족해야 한다. PHP >= 7.2.5 BCMath PHP Extens.. 2020. 7. 14. [AWS] EC2에 CLOUD9 수동으로 설치하기 EC2에 CLOUD9을 설치하면서 SSH로 연결을 하려고 했다. 그냥 EC2와 CLOUD9을 동시에 설치 및 실행하면 편한데, root directory를 설정을 못하게 되어 있었다. 그래서 결국 EC2 따로, CLOUD9 따로 만드는데 NVM이나 NODE는 잘 설치가 되는데 CLOUD9이 설치가 몇분째 되지 않는 현상때문에 골치가 아팠다. 그럴 때 수동으로 설치해주는게 좋다. 아래의 코드를 실행한다. wget https://d1qdxdoymp4dtx.cloudfront.net/static/c9-install.sh chmod a+x c9-install.sh sudo yum -y install python sudo yum install build-essential 안될시 : sudo yum groupins.. 2020. 7. 13. [JS] Promise 이해하기 Promise를 공부하기전에 동기/비동기? 한번 더 짚고가기 동기(synchronous): 함수들이 차례대로 실행되는 것 비동기(asynchronous): 비동기함수가 아닌 것들이 실행되고 난 뒤, 비동기함수가 실행된다. 예) console.log(1); setTimeout(() => { console.log(2); },0) console.log(3); console.log(4); console.log(5); console.log(6); // 1 // 3 // 4 // 5 // 6 // 2 이처럼 setTimeout의 시간이 0초후에 이루어진다. 바로 이루어진다고 해도 비동기함수기 때문에 다른 함수들이 실행되고 난 뒤에 실행된다. Promise도 비동기 함수이다. Promise에는 3가지 상태가 있다. .. 2020. 6. 28. [JS] Event KeyCode 알아보기 가끔 어느 input창에 들어가지 말아야 할 문자나 키를 정해야 할 일이 있다. 이전 포스트에서 같이 input[type=number]일 때, +,- 가 들어가서 없애야 할 일 등이 있다. 그럴 때, 키코드를 알아내기 위해서 사용하는 사이트 구글에 검색해도 되는데 표로 되어 있어서 찾기 힘들 때 사용하면 좋을 듯 하다. https://keycode.info/ JavaScript Event KeyCodes Press any key to get the JavaScript event keycode keycode.info 2020. 6. 23. [JS] INPUT TYPE="NUMBER" +,- 입력 방지 $(".numberOnly").on("keydown", function(e) { if(!((e.keyCode > 95 && e.keyCode 47 && e.keyCode < 58) || e.keyCode == 8 || e.keyCode == 9)) { return false; } }); e.keyCode 가 96 ~ 105은 키패드의 숫자 96 97 98 99 100 101 102 103 104 105 0 1 2 3 4 5 6 7 8 9 48 ~ 57도 숫자다. 48 49 50 51 52 53 54 55 56 57 0 1 2 3 4 5 6 7 8 9 8은 backspace 지우는 키다. 9는 tap 키다. 다음 칸으로 넘어가기 위해서 넣었다. 이외의 모든 키 입력.. 2020. 6. 23. [CSS] Transition으로 부드럽게 움직이는 방법 CSS 요소를 변경할 때, 부드럽게 변경이 되도록 하는 CSS 속성. Property/Description transition 4가지 속성을 한줄에 단축해서 사용할 수 있다. transition-delay 딜레이 할 만큼의 시간을 정한다. transition-duration 얼마나 transition을 지속할지 정한다. transition-property 특정 css 요소를 정한다. (width, height.... ) transition-timing-function 효과를 정한다. (ease, linear...) Shorthand 단축문 div { transition-property: width; transition-duration: 2s; transition-timing-function: linear.. 2020. 6. 12. [CSS] Animation(애니메이션), @keyframes(키프레임) 웹에서 간단한 애니메이션을 사용하려면 jquery의 slideUp, slideDown, SlideToggle 등과 같은, 혹은 show, hide 같은 함수를 사용할 수 있습니다. 하지만 사용해보면 느끼게 되는 것이, 내가 생각한 것 처럼 움직여 주지는 않는다는 것입니다. 조금 더 부드럽게, 조금 더 빠르게, 조금 더 미세한 부분을 조정하고 싶은데 jquery로는 만족이 안됩니다. 그래서 그 이전에 배워서 사용해야 했던 것이 바로 CSS의 animation. 그에 따르는 @keyframes입니다. 제가 이전에는 잘 사용하지 않았는데, 요즘엔 눈에 보이는 것도 신경 쓸 여유가 생겼는지 욕심이 생깁니다. 그래서 여러 유튜브를 보다가 추천에 뜬 것이 바로 https://www.youtube.com/watch?.. 2020. 6. 7. 이전 1 2 3 4 5 6 7 ··· 11 다음
