일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- node
- avds
- ReactNative
- centos
- Chrome
- Android
- build
- unittest
- IOS
- 네트워크
- react
- picker
- webpack
- 맥
- 개발
- MachineLearning
- PYTHON
- MAC
- vsCode
- androidstudio
- 리눅스
- jest
- TensorFlow
- 센토스
- xcode
- qunit
- VirtualBox
- linux
- localserver
- Today
- Total
목록Frontend (184)
로메오의 블로그
구글 애널리틱스 사이트로 이동해서 로그인합니다. https://analytics.google.com 전체 웹사이트 데이터를 눌러봅니다. 애널리틱스 계정과 속성으로 분류되어 있습니다. 운영하는 사이트나 앱을 계정으로 나누어 해당 계정에도 속성을 여러개 만들 수 있습니다. 좌측 하단에 관리 버튼을 누릅니다. 저는 Blog라는 계정을 이미 만들어서 구글 블로그 속성을 만들어 두었습니다. 계정 만들기 버튼으로 계정을 만드시면 되고, 저는 Blog 계정에 속성 만들기로 Tistory를 추가하겠습니다. 정보를 입력하시고 추적ID 가져오기를 누릅니다. 추적코드 페이지가 뜹니다. 추적 ID를 복사합니다. 이 상태로 그대로 두고 tistory 관리자 페이지로 갑니다. 메뉴에서 플러그인 > 구글 애널리틱스를 선택합니다. ..
karma.conf.js module.exports = function(config) { config.set({ basePath: '', frameworks: ['jasmine'], files: [ './js/index.js', './__test__/*.spec.js' ], exclude: [ ], preprocessors: { }, reporters: ['progress'], port: 9876, colors: true, logLevel: config.LOG_INFO, autoWatch: true, browsers: ['Chrome'], singleRun: false, concurrency: Infinity }) } karma 환경설정 파일을 열어서 files 부분을 수정합니다. js/index.js ..
karma cli 설치 $ npm install -g karma-cli 프로젝트 생성 $ cd /my/project/path $ mkdir firstProject $ cd firstProject $ npm init -y $ mkdir html js __test__ $ touch html/index.html js/index.js __test__/index.spec.js $ touch testRunner.html 프로젝트 파일구조가 설정되었습니다. 모듈 설치 karma, jasmine 설치 $ npm install --save-dev karma karma-jasmine $ npm install --save-dev jasmine-core 브라우저 러너 설치 $ npm install --save-dev karm..
QUnit은 local server에서 구동할것이기 때문에 webpack으로 dev server 설정을 먼저 하세요. WEBPACK DEV SERVER 구동하기 js/index.js 실제 개발 코드가 되겠습니다. // Storage에 데이터를 저장한다. let myphone localStorage.setItem('mySmartPhone', 'iPhone') myphone = localStorage.getItem('mySmartPhone') console.log('내 폰은 ' + myphone + ' 입니다.') localStorage에 mySmartPhone 의 실제값은 iPhone이 들어갑니다. __test__/index.spec.js // mockStorage 함수를 생성한다. QUnit.begin(..
기본테스트 js/index.js // 더하기 함수 const addNumber = (first, last) => { return parseInt(first, 10) + parseInt(last, 10) } __test__/index.spec.js QUnit.test('더하기 함수 테스트', assert => { const result1 = addNumber(10, 30) assert.equal(result1, 40, '10 + 30 = 40') }) 코드를 작성하고 브라우저 새로고침을 합니다. QUnit.skip __test__/index.spec.js 에 추가합니다. QUnit.skip('테스트 보류함', assert => { const result1 = addNumber(10, 30) assert.e..
QUnit은 local server에서 구동할것이기 때문에 webpack으로 dev server 설정을 먼저 하세요. WEBPACK DEV SERVER 구동하기 프로젝트 생성하기 프로젝트 root 폴더에 testRunner.html 파일을 생성합니다. 그리고 __test__ 폴더를 만들고 index.spec.js 파일을 생성합니다. js 폴더에 index.js 파일도 생성합니다. $ cd /my/project/path/firstProject $ touch testRunner.html $ mkdir __test__ $ touch __test__/index.spec.js $ mkdir js $ touch js/index.js testRunner.html 파일을 열어서 코딩을 합니다. 스크립트 파일은 cdn에..
https://webmastertool.naver.com/ 네이버 webmaster로가서 로그인합니다. 블로그 주소를 입력하고 추가 버튼을 누릅니다. HTML 태그를 선택합니다. HTML meta 태그를 복사합니다. tistory 관리자 페이지에서 꾸미기 > 스킨편집을 선택합니다. html 편집 버튼을 누릅니다. 복사한 meta 태그를 사이에 적당한 위치에 붙여넣기하고 적용을 누릅니다. 네이버 웹마스터툴에서 확인 버튼을 누릅니다. 알았다.. 소유권이 확인 되었습니다. RSS 등록 등록한 블로그를 선택하고 요청 > RSS 제출에서 https://romeoh.tistory.com/rss 입력하고 확인 버튼을 누릅니다.
전지전능하신 구글느님이 모든것을 자동으로 알아서 해주시는건 아닌가봅니다. 나의 tistory 블로그를 구글 검색에 수동으로 등록해 보겠습니다. https://www.google.com/webmasters/ google webmaster 페이지로 이동합니다. google에 로그인하고 Search Console을 누릅니다. 속성을 누르고 속성추가 버튼을 누릅니다. URL 접두사에 블로그 주소를 입력하고 계속 버튼을 누릅니다. 자신의 웹사이트의 경우 도메인에 url을 입력하고 계속버튼을 누르면 됩니다. 소유권 확인에서 HTML 태그를 선택합니다. 메타태그를 복사하고, 창은 그대로 둡니다. tistory 관리자 페이지에서 꾸미기 > 스킨편집을 선택합니다. html 편집 버튼을 누릅니다. 사이에 적당한 위치에 m..