웹 관련 기록39 Create React App, eject 하지 않고 Decorator 설정 CRA npm 모듈 중 Babel - Decorator 설정하기cra-project\node_modules\babel-preset-react-app 경로의 create.js 파일 133번째 줄false 값을 { legacy: true }로 변경하면 mobx에서 사용하는 방식의 데코레이터를 사용 할 수 있음. react-app-rewire-decorators-legacy 패키지가 CRA 2.x 부터 적용이 안되서 방법을 찾아보았고,eject을 하지 않고 하는 방법은 매 프로젝트 구성마다 해줘야 하는 방법을 찾게되어 기록하게 되었음. 2019. 2. 15. Create React App + Scss + Mobx + git 개발 환경 구축 목표 개발 환경- React + Scss + Mobx 개발 환경 구축 - git을 사용한 버전 관리. (원격 저장소로 깃허브 혹은 깃랩 사용을 전제)- OS는 윈도우 10 개발 환경 설정 1. node.js 설치 - 10.15.0 LTS 버전을 설치하였음. - 윈도우 버전은 npm 6.4.1 버전이 같이 설치 됨. 리눅스는 따로 설치가 필요함. - ubuntu 에서는 업데이트가 느려서, curl을 사용, 특정 버전을 설치 할 수 있도록 해야함. - 본 포스트와 유사 버전으로 설치하기 위해서는 아래와 같은 명령어로 설치해야함. - "sudo apt-get install curl" (curl 이 없는 경우가 있어서 이것부터 설치해야 하는 경우가 있음.) - "curl -sL https://deb.nodeso.. 2019. 1. 9. textarea에서 커서의 마지막 위치 확인 .prop("selectionStart"); selectionStart 값을 가져오면, 해당 폼 혹은 textarea에서 커서의 위치를 알 수 있다. 2017. 10. 10. IE, AJAX, SCRIPT7002: XMLHttpRequest 네트워크 오류 0x8007005, 액세스가 거부되었습니다. 오류 IE에서 AJAX를 사용하려다 만난 XMLHttpRequest 네트워크 오류 0x8007005. 검색해보면 대부분 크로스도메인 문제라고 나온다.요청 주소쪽에서 에러를 리턴해주면 저 오류를 만날 수 있다. 만약 해당 요청이 크롬이나 파이어폭스에서 잘 되는데 IE만 안되는 것이라면,요청을 할 때 한글로 된 파라미터 값을 넘기지 않는지 체크해보시길.인코딩 안하고 넘기면 없는 주소로 요청하여 서버에서 접근권한이 없는 주소라고 리턴 할 수 있기 때문. 2017. 10. 10. 모바일 <video> 자동 재생 모바일에서 autoplay 속성을 붙여도 비디오파일에 오디오 트랙이 있으면 자동재생 기능이 동작하지 않는다고 합니다.(자세한 내용은 각 디바이스의 운영체제 레퍼런스를 참조해야 할 것 같네요.)꼼수로, muted 속성을 같이 붙이면 자동재생이 된다고하네요.하지만 이마저도 아이폰의 경우 비디오는 전체화면으로 재생되어야 한다는 조건이 있어서 자동재생이 안된다고 합니다.그래도 ios10 부터는 playsinline 속성을 붙이면 자동재생이 가능하다고 하네요. 최종적으로 샘플 코드는 아래와 같습니다. 1cs 2017. 8. 22. <meta> 태그 viewport의 content 값 일반적으로 사용하는 샘플1cs 속성 값들 속성 설명 width 디바이스의 가상 뷰포트 넓이를 지정합니다.애플 사파리 레퍼에 따르면 200 ~ 10,000 height 디바이스의 가상 뷰포트 높이. 애플 사파리 레퍼에 따르면 233 ~ 10,000 device-width 디바이스 화면의 물리적 넓이. device-height 디바이스 화면의 물리적 높이.애플 사파리 레퍼에 따르면 0보다 크고 10.0 이하의 값 허용 initial-scale 페이지 방문시 기본 확대 배율.1이 곧 100%. 최대 10까지 허용 됨. minimum-scale 현재 방문 페이지의 최소 줌 배율.1일 때 축소를 허용하지 않음.애플 사파리 레퍼에 따르면 기본값 0.250보다 크고 10.0 이하의 값 허용 maximum-scale .. 2017. 8. 22. 이전 1 2 3 4 5 ··· 7 다음 320x100
