본문 바로가기

분류 전체보기253

[JS] 문자 공유하기 모바일 웹에서 문자 보내기를 만들어야 합니다. 문자보내기 기본 문법은 이렇습니다. sms: 라고 하면 sms기능을 사용하는 것이고 그 뒤에 전화번호, 그 뒤에 body로 문자 내용을 적습니다. 안드로이드에서는 body앞에 ? 지만, 아이폰에서는 &로 해주어야 합니다. 그렇지 않으면 받는 사람이 ?body=안녕하세요? 가 되어버립니다. 따라서 아이폰에서는 문자보내기 입니다. 나중에 아이폰과 안드로이드를 구분하는 방법을 작성해야겠습니다. https://emessell.tistory.com/179 [JS] 안드로이드, 아이폰, PC웹 구분 WEB API에는 navigator라는 것이 있다. 사용자 에이전트의 상태와 신원정보에 대해서 알 수 있다. 크롬 콘솔에서 간단하게 볼 수 있다. 아래에 userAgent라.. 2020. 7. 16.
[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.
[React] 라이프 사이클 메서드 리액트의 라이프사이클 메서드는 아래와 같은 형식으로 나누어 볼 수 있고, 총 9가지로 구성되어 있다. 시간 관계로 나누어 볼 때 Will : 어떤 작업을 하기전에 실행되는 - Did : 어떤 작업이 되고 난 후 - DOM 생성, 업데이트, 삭제 작업으로 나누어 볼 때 Mount DOM이 생성되고 브라우저상에 나타나는 것을 지칭한다. 이때 호출하는 메서드는 constructor : 컴포넌트를 새로 만들 때마다 호출 되는 메서드 getDerivedStateFromProps : props에 있는 값을 state에 넣을 때 사용하는 메서드 render : 우리가 준비한 UI를 렌더링하는 메서드 componentDidMount : 컴포넌트가 웹 브라우저상에 나타난 후 호출하는 메서드 Update 다음과 같은 상황.. 2020. 7. 12.
[React] Typo in static class property declaration react/no-typos MyComponent.PropTypes = { name: PropTypes.string } 타입 검사를 할 때 나는 에러, MyComponent.propTypes 라고 소문자로 바꿔주어야 정상적으로 작동한다. 2020. 7. 9.
[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.

티스토리툴바