Today I Learned. @cheers_hena 치얼스헤나

프론트에서 백엔드로 비동기식 호출을 하는 경우, 클라이언트단에서 특정 기능의 url를 호출하면 백엔드에서 실행된다. 만약, 프론트엔드 범위까지 개발 담당이 아닌경우 테스트를 위해서 임의로 테스트 페이지를 만들곤 하는데 굳이 화면개발 없이 크롬 개발자모드의 콘솔에서 간단히 호출 및 테스트 할 수 있는 방법이 있어 공유한다. 웹에서 크롬 개발자 모드 (단축키 F12)의 console 에서 비동기 통신 객체인 XMLHttpRequest 객체를 생성하여 서버로 요청을 보내는 방법이다. 먼저 XMLHttpRequest 객체에 대해서 간단히 알아보자. XMLHttpRequest(XHR)객체란? ajax 요청을 생성하는 javaScript API로 브라우저와 서버간의 네트워크 요청을 전송한다. 서버와 상호작용하여 ..

웹 개발시 클라이언트단의 브라우저에서 외부 서버로 ajax 요청 시 자주 발생하는 실패 메세지. Fail to load '호출URI': No 'Access-Control-Allow-Origin' header is present in the requested resource. Origin '요청URI' is therefore not allowed access. 원인은 자바스크립트 엔진 표준스펙에 동일출처 정책(SOP:same-origin-policy) 보안 규칙 때문이다. SOP(Same-origin Policy) 자바스크립트에서 XMLHttpRequest로 외부서버 접근시에는 같은 출처(Same Origin)의 페이지로만 접근이 가능도록 하여 동일한 출처(프로토콜, 호스트명, 포트) 가 모두 일치해야 데..

git 저장소 주소 repository 변경하기 Git에서 remote repository를 다른 주소 URL로 변경해 보자. 예를 들어 기존의 repository에서 형상관리를 하다가 새로운 repository를 생성 한 경우,새 repository로 형상관리를 하겠다라고 한다면 기존의 주소를 새로운 저장소 주소로 바꿔주어야 한다. 기존 주소 : https://github.com/user/repo1.git 새로운 주소 : https://github.com/user/repo2.git 먼저 현재 연결된 주소를 확인. //결과 origin https://github.com/user/repo1.git (fetch) origin https://github.com/user/repo1.git (push) git r..

들어가기 전에 githubpages에 간단히 알아보자. github pages란? 쉽게말해 github저장소의 내용을 웹페이지로 호스팅 해주는 서비스이다. repository에 올린 소스를 직접 웹페이지를 통해서 보여주고 무료로 웹서버를 호스팅 할 수 있다. 대표적인 사례로 기술블로그로 많이 이용된다. 깃허브 페이지의 url은 다음과 같은 형식으로 생겨먹었다. https://username.gibhub.io 와 같은 형태의 url을 본 적이 있을 것이다. 이 외 간단한 웹 프로젝트를 구현해볼 수 있으나, 저장소의 최대용량이 1G로 제한되어 있기 때문에 무거운 프로젝트는 힘들 것 같다. github pages 구축 방법 먼저, 공식 사이트에 가이드 라인을 잘 제공하고 있다. 참조 가이드 : https://..

마크다운이란? Markdown은 텍스트 기반의 마크업언어로 2004년 존그루버에 의해 만들어졌으며 쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다. 마크다운이 최근 각광받기 시작한 이유는 깃헙(https://github.com) 덕분이다. 깃헙의 저장소Repository에 관한 정보를 기록하는 README.md는 깃헙을 사용하는 사람이라면 누구나 가장 먼저 접하게 되는 마크다운 문서였다. 마크다운을 통해서 설치방법, 소스코드 설명, 이슈 등을 간단하게 기록하고 가독성을 높일 수 있다는 강점이 부각되면서 점점 여러 곳으로 퍼져가게 된다. 마크다운의 장단점 장점 간결하다..

지킬은 깃헙 설립자 중의 한명이 Ruby 언어를 통해 개발한 프레임 워크이다. 지킬 앤 하이드의 그 지킬 맞음 ..ㅋ 깃헙 자체적으로 Jekyll Contents Management System 을 내장하고 있어서 호스팅에 적합하다. (지킬 아니라도 호스팅 가능) 지킬은 개발자들이 애용하는 github에서 개발한 툴로 이미 잘 알려진 Wordpress의 강력한 경쟁자로 성장하고 있다. 지킬의 핵심 역할은 텍스트 변환 엔진 즉,HTML / Markdown 등의 마크업 언어로 글을 작성하면 이것을 미리 정의해 놓은 규칙에 따라 다양한 레이아웃으로 포장하여 정적 웹사이트를 만들어 준다. 이 가정에서 사용자는 _config.yml 또는 _posts 폴더 등의 수정 및 추가를 통해 원하는 기능을 구현할 수 있다...

갑자기 잘 되던 티스토리 애드센스 관리가 작동하지 않는 현상 발생. 검색해보니 해당 현상이 발생한 분은 크롬브라우저 유저일 것이다. 범인은 광고차단 플러그인 애드블락 플러그였다. 해결방법은 간단하다. 상단의 활성화된 ABP 아이콘을 클릭해서 차단 활성화를 해지 해주면 된다. 해지 된 상태에서는 ABP아이콘이 빨간색에서 회색으로 표시됨. 비활성화 설정 후 새로고침 하면 정상작동 할 것이다. 또 다른 해결책으로는 걍 다른 브라우저를 사용하면 된다. 사파리, 인터넷 익스플로러등.. 1초해결 ㅇㅈ?

Git이란? SW 개발 시 여러명의 사용자들 간 개발 작업을 조율하기 위한 분산 버전 관리 시스템. Git hub란? 깃을 좀 더 편리하게 이용하도록 만든 깃 허버 웹 호스팅 서비스. 오픈 소스 소프트웨어의 중심지(hub)역할을 하면서 오픈소스 프로젝트가 널리 퍼지는 데 크게 기여하고 있는 서비스이다. Git hub pages란? 깃허브에서 제공하는 정적 사이트 호스팅 서비스로 일반적인 html콘텐츠를 지원하는 것 외에도 다양하고 인기있는 정적 사이트 생성기인 Jekyll을 지원한다. Github 가입 Git hub repository 생성 로컬 저장소에 깃허브 저장소 복제하기.이제 해당 프로젝트 폴더에 index.html파일을 추가하여 별도의 서버 없이 포트폴리오 사이트 등 간단한 사이트를 만들 수 있..

"코인(암호화폐)은 실체도 없고 쓸모도 없다." 2009년 첫 암호화폐 비트코인이 등장한 이래 지금까지 제기되는 코인 비관론자 주장이다. 하지만 눈에 보이지 않는다고 해서 실체가 없는건 아니다. 단순히 '코인==화폐'라고 생각한다면 그들의 말처럼 쓸모가 없을지도 모른다. 하지만 코인은 화폐가 아닌 '시스템'에 가깝다. 인터넷이나 인공지능, 빅데이터와 같은 혁신기술이 눈에 보이지 않는다고 해서 실체가 없다고 주장하는 이는 없다. 코인은 이미 실존하는 여러사업과 시스템에서 활발히 쓰이고 있다. 코인이 갖는 '탈중앙'특성 덕분이다. 중앙기관 개입으로 비효율이 발생하는 모든 산업에서 코인은 유의미한 성과를 거둘 수 있고, 또 거두고 있다. 쉽게 말해 부동산 중개소가 없는 부동산거래, 광고나 수수료가 없는 콘텐츠..

SIT 란? System Integration Testing. 시스템 통합 테스트 여러 하위 시스템으로 구성된 전체 시스템에 대한 전체 테스트. SIT의 주요 목적 모든 SW 모듈 종속성이 올바르게 동작하고 전체 시스템의 개발 모듈간에 데이터 무결성이 유지되도록 하는 것. SIT는 초기단계에서 결함을 감지하여 추후 수정에 드는 시간과 비용을 절약할 수 있다. 또한 모듈의 수용가능성에 대한 초기 피드백을 받는 데 도움이 된다. 여러 시스템간의 상호작용을 전체적으로 테스트하고 SIT의 결과물은 UAT ( User Acceptance Testing)으로 전달된다. SIT 세분화 SIT는 세가지 수준의 세분화로 수행한다. 1. 시스템 내 테스트 통합 시스템 구축을 위한 모듈을 통합하는 것. 2. 시스템 간 테스..