본문 바로가기

전체 글

 (179)
[#JavaScript] Date, ISO 8601, Safari 사파리와 Chrome 크롬 시간 출력 크롬이나 안드로이드 모바일에서는 남은 시간이 잘 출력되는데 아이폰 모바일, 사파리에서는 NaN가 출력이 되는 경우가 발생한다 크롬과 사파리는 날짜 처리, 그리고 ISO 8601 처리가 다르다고 한다 ISO 8601 날짜와 시간의 표기에 관한 국제 표준 규격 ⑴ new Date("2020-08-19T18:00:00"); Wed Aug 19 2020 18:00:00 GMT+0900(대한민국 표준시) Chrome 크롬 ⑵ new Date("2020-08-19T18:00:00"); Wed Aug 19 2020 03:00:00 GMT+0900(KST) Safari 사파리 ⑴ 한국 시간 기준 ⑵ Date를 GMT+0000로 계산한 후 GMT+0000 기준 시간이 출력되었지만, GMT+0900 기준이라고 ⑶ new ..
#5. Chrome 크롬 캡처 기능 이용하기, 크롬으로 쉽게 캡처하기 크롬은 웹사이트 캡처 기능을 제공한다 특히 전체 화면 캡처하기가 번거로울 수 있다 크롬을 사용한다면 캡처 프로그램 없이 웹사이트 내 화면을 쉽게 캡처할 수 있다 단축키 몇 개만 기억하면 된다 ① Ctrl + Shift + I ② Ctrl + Shift + P 맥북에서는 Command + Shift + P 그러면 사이드에 검색 창이 뜬다 `capture`로 검색해서 원하는 캡처 기능을 사용하면 된다 깔끔하게 전체 화면을 캡처할 수 있다 깔끔!
[#Python Django] pip install 명령어 에러 Fatal error in launcher: Unable to create process using django 프로젝트를 다른 로컬에서 실행하려고 하는데 갑자기 뜨지 않던 에러가 뜬다 Fatal error in launcher: Unable to create process using ... 경로 때문에 발생하는 에러다 pip install 앞에 python -m을 추가해 준다 python -m pip install ... 잘 실행된다
[#JavaScript] 자바스크립트 비동기 처리와 콜백 함수, Promise 프로미스, Async await ① 동기와 비동기 ⑴ 동기 요청과 응답이 동시에 일어난다 설계가 간단하고 직관적이지만 응답이 있을 때까지 대기해야 한다 작업은 직렬적, 순차적으로 실행되며 현재 실행 중인 작업이 있다면 이후 작업은 대기하게 된다 function sync1() { console.log(1) } function sync2() { console.log(2) } function sync3() { console.log(3) } sync1() sync2() sync3() // 1, 2, 3 출력 ⑵ 비동기 요청과 응답이 동시에 일어나지 않는다 응답이 오기 전까지 다른 요청이나 작업이 가능하다 작업은 병렬적으로 실행되며 실행 중인 작업이 종료되지 않은 상태라고 해도 대기 없이 다음 작업이 실행된다 function async1() {..
#4. Google Adsense 구글 애드센스 광고 Tistory 티스토리 블로그에 넣기 구글 애드센스에 승인 요청 후 들어가보니 아직 검토 중이네요 일단 광고를 먼저 넣어봅시다 광고 -> 광고 단위 기준 -> 디스플레이 광고를 선택해 주세요 사각형이나 수평형, 수직형 등 원하는 모양을 고르고 이름 지정까지 해주세요 저는 사각형, 수평형 두 가지를 설정했습니다 클릭하면 광고 단위 코드가 보입니다 잘 복사해 놓으세요 이제 티스토리 설정 페이지로 갑니다 플러그인 -> 구글 애드센스 (반응형)을 클릭하세요 저는 상단, 하단에 광고를 넣겠습니다 아까 복사해 놓은 광고 단위 코드를 붙여넣어 주세요 끝입니다 이제 광고 승인 나기를 기다려 보겠습니다
[#JavaScript] ECMA Script, ES5와 ES6의 차이, ES6 문법 특징 ECMA Script(European Computer Manufacturer's Association Script) 정보와 통신 시스템을 위한 국제적 표준화 기구 ECMA 인터내셔널에 의해 제정된 ECMA-262 기술 규격에 의해 정의된 범용 스크립트 언어 ECMAScript는 JavaScript와 같은 스크립트 언어의 표준을 말한다 ECMAScript는 스크립트 언어가 준수해야 하는 규칙, 세부 사항 및 지침을 제공한다 JavaScript는 ECMAScript를 기반으로 하며 ECMAScript 사양을 준수하는 범용 스크립팅 언어다 ECMAScript 언어 중 가장 인기 있는 언어로 알려져 있다 ES5(2009) ES2015(ES6) BABEL JavaScript 컴파일러 ECMAScript 2015+..
[#Git] Git 명령어 정리, Config 설정 기본 명령어부터 자주 쓰는 Git 명령어를 정리해 놓으려고 한다 계속해서 추가할 예정 Git Config 설정 git config --global user.name "이름" git config --global user.email "이메일" Git Config 확인 git config --list Git Config 삭제 git config --unset --global user.name git config --unset --global user.email 원격 저장소 연결 해제 git remote rm origin 혹은 git remote remove origin
[#Python Django] React에서 Django에 API 요청 시 CORS Policy: No 'Access-Control-Allow-Origin' 에러 해결 CORS(Cross-Origin Resource Sharing) 교차 출처 자원 공유 다른 도메인에서 실행 중인 웹 애플리케이션에서 선택된 자원에 대한 요청할 수 있게 허용하고, 접근 권한을 부여하는 구조이다 브라우저 간의 데이터를 주고받는 과정에서, 도메인 이름이 서로 다른 사이트 간에 API 요청을 할 때 공유를 설정하지 않았다면 CORS에러가 발생한다 그리고 CORS 에러가 발생했다 같은 localhost지만 localhost:8000과 localhost:3000는 출처가 다르다 그렇기 때문에 Same-orgin-policy 동일 출처 정책을 위반하게 되고, CORS 에러가 발생하게 된다 Django에서 요청을 허용해 주면 된다 ① django-cors-headers 설치 pip install dj..

티스토리툴바