Ajax 크로스 도메인

JavaScript 2017. 10. 29. 14:54

Ajax를 사용하면, 같은 호스트명, 포트 번호가 아니면, 브라우저에서 받아 온 데이터를 적용하지 않고 오류를 내어 버린다.
이를 해결하려면, 서버에 설정을 해 주어야하는 데, iis 같은 경우 아래와 같이 설정하면된다.
(참고로, 이 설정은 Ajax로 데이터를 가지고 오는 서버에 설정되어 있어야 한다.)

iis에서 웹서버 메인 폴더를 열어 보면, web.config 라는 파일이 있다. (없을 경우 만들어 야 하며, 자동으로 만들어 지게 하고 싶은 경우, mime 설정을 하나 해 주면된다.)

<Configuration>
    <system.webServer>
        <httpProtocol>
            <customHeaders>
                <add name="Access-Control-Allow-Origin" value="원하는 주소">
            </customHeaders>
        </httpProtocol>
    </system.webServer>
</Configuration>

'JavaScript' 카테고리의 다른 글

javascript, optional, chaining  (0) 2023.01.01
javascript, 디스트럭처링(destructuring)  (0) 2023.01.01
javascript, for-in, for-of  (0) 2023.01.01
javascript, var, let, const  (0) 2023.01.01
html css 7가지 단위  (0) 2020.08.21
Posted by 창업닉군
,

맥이 다시 시작될 때, [ Shift - Option - Command - R ] 을 누르고 다시 설치 하면 된다.

자세한 내용은 아래 링크 참조.

http://macnews.tistory.com/5430

'Mac 사용관련' 카테고리의 다른 글

Shell 명령어. (mac)  (0) 2017.09.02
Posted by 창업닉군
,

node.js 에서 엑셀 파일을 다룰 때 간단하게 xlsx 모듈을 사용하면, 간단히 다룰 수 있습니다. 저는 mac에서 터미널을 열어 작업하였지만, 윈도우와 방법이 완전 동일 하므로, 윈도우에서 [ 명령 프롬프트 ]를 이용해 작업하면됩니다.


참고.
http://krksap.tistory.com/771
https://www.npmjs.com/package/xlsx


xlsx 모듈 설치

'/test' 폴더를 만들어 줍니다.
그리고, 해당 경로로 이동해, xlsx 모듈을 설치 합니다. 명령어는 터미널을 연 뒤 아래 2줄만 입력 하면됩니다.

cd /test
npm install xlsx


a.xlsx 파일 생성

잘 동작 하는지 확인을 위해 a.xlsx 라는 파일을 '/test' 폴더에 만들어 줍니다. 그리고 아래와 같이 입력 하고 저장하고 종료합니다.


실제 실행을 위한 js 파일 생성.

실제 동작을 해 보기 위해, '/test' 폴더에 'a.js'라는 파일을 만들고 아래와 같이 입력합니다.

// xlsx 모듈 로드.
var XLSX = require('xlsx');


// 지정한 워크 북을 읽어 옵니다.
var workbook = XLSX.readFile('a.xlsx');


// 첫 워크북의 시트를 가지고 옵니다.
var firstWSheetName = workbook.SheetNames[0];
var firstWSheet = workbook.Sheets[firstWSheetName];


// 해당 워크시트의 A1 에 위치한 내욜을 출력합니다.
console.log( firstWSheet['A1'].v );


// 엑셀 저장 테스트를 위해 워크북을 저장해 봅니다.
XLSX.writeFile(workbook, 'out.xlsx');


그리고, 터미널(위도우에서는 [명령 프롬프트])를 열어 실행합니다. (주의 할 점 꼭! '/test' 폴더로 이동 후 실행)

cd /test
node a.js

그리고, /test/out.xlsx 파일이 생겼고, 열었을 때 원본 파일과 내용이 동일 하다면 엑셀 파일 다루기에 성공한 것 입니다.







Posted by 창업닉군
,

npm을 이용한 외부 모듈 설치.

npm의 외부 모듈 설치는 간단합니다. 터미널을 열어 일단 모듈을 읽어드릴, js 파일이 있는 폴더로 이동합니다.
저는 '/test' 폴더로 이동 이곳에 npm을 이용 외부 모듈을 설치했습니다. 저는 맥 사용자 이므로, 맥의 터미널을 사용했지만, 윈도우의 경우 [명령 프롬프트]를 이용하시면됩니다. 이 포스트는 윈도우용 설명을 보고 만들었습니다. 즉, 완전히 방법이 똑 같습니다.

아래 단 두줄로 간단히 nconf 라는 외부 모듈이 설치되었습니다.
cd /test
npm install nconf

설치를 마치면, '/test' 폴더의 하위에 'node_moduels' 라는 폴더가 생기가, nconf라는 외부 모듈이 다운 받아 졌음을 확인할 수 있습니다. 나머지 폴더들은 새로 생긴 것들은 인데, nconf 모듈 실행에 필요한 모듈들로 생각됩니다.




Posted by 창업닉군
,

이 포스트는 node.js의 여러가지 정보를 표시하기 위한 포스트 입니다.


node.js 설치 위치
/usr/local/bin/node

npm 설치 위치
/usr/local/bin/npm

Posted by 창업닉군
,

맥에도 MS Office가 깔리는 날이 오다니, 정말 감격 스럽습니다. 부트캠프로 개발을 하고 있었는데, 이제 맥에서 다 개발하고 있습니다.
사용해 보니 윈도우 office와 완전히 동일해 감짝 놀랐고, 맥이 오히려 보기 편했습니다. (똑 같은데, 윈도우 쪽이 더 화려해 보입니다.)

참고 문서
https://support.office.com/ko-kr/article/개발-도구-탭을-사용-하-여-만들거나-Mac-용-Excel-2016에서-매크로-삭제-5bd3dfb9-39d7-496a-a812-1b5e8e81d96a


개발 메뉴 꺼내기

처음 엑셀을 실행하면, 개발 메뉴가 없을 수 있습니다. (저도 없더라구요.), 맥과 윈도우는 꺼내는 방법이 다릅니다. 제가 맥에서 하고 있기도 하고, 윈도우는 개발 메뉴 꺼내는 방법이 많으므로, 맥에서 꺼내는 방법을 설명합니다.

[ Excel > 기본설정 ] 메뉴를 선택합니다.

기본 설정 창이 뜨면, [보기] 버튼을 눌러 줍니다.

보기 창이 뜨면, 아래 부분에 [개발 도구 탭] 이라는 체크박스를 선택하고, 창을 닫습니다.

그럼 아래와 같이 개발 도구 탭이 나타난 것을 확인할 수 있습니다.



매크로 만들기

원래의 매크로는 같은 작업을 반복해야 할 때, 행동을 기록해, 언제든지 복구하는 기능을 하는 기능 입니다. 하지만, 매크로 녹화 자체가 VBA 코드로 메소드를 새로 만들어 주는 작업을 하고, 동시에, 우리가 필요로하는 기능을 만들어 실행할 때 엔트리 포인트가 됩니다.

먼저 [매크로 기록] 을 클릭합니다.

그럼 매크로 생성 창이 뜨는 데 아래와 같이 입력하고, 확인을 눌러 줍니다. 여기서 2가지 기억해야할 것은 [ testMacro ]라는 이름으로 매크로가 [ option + cmd + z ] 버튼을 동시에 누를 때 실행하도록 설정했다는 것 입니다.

그리고 매크로 기록이 시작되지만, 우리는 매크로 기능을 사용할 것이 아니므로, 바로 [ 기록 중지 ]를 눌러 줍니다.

그 다음, [ Visual Basic ] 버튼을 눌러 Visual Basic Editor 창을 호출한뒤, 왼쪽의 [ Module1 ]을 선택해 주면, 매크로 코드들을 확인할 수 있습니다. 우리는 바로 기록을 중지 하였으므로, 내용이 하나도 없는 매크로를 확인할 수 있습니다.

매크로의 코드를 아래와 같이 약간 수정해 보도록 합시다. ( msgbox "Hello" ) 한 줄만 추가하면 됩니다.

그리고 창을 닫고, [ option + cmd + z ] 를 동시에 누르면 아래와 같은 창을 만날 수 있습니다.

그리고, 매크로가 포함된 파일은 [ Excel 매크로 사용 통합 문서 (.xlsm) ] 형식으로 저장해야 합니다.



* 이런 방법으로 매크로를 수정해 나간다면, 여러분들이 원하시는 매크로를 만들어 갈 수 있으리라 믿습니다.




Posted by 창업닉군
,

맥에서 개발을 하다 보면, 부팅 시 개발환경을 모두 기동하는 등의 앱을 동시에 실행해야할 경우가 생깁니다.
이럴 때 Shell 명령어를 사용하면 간단히 해결할 수 있습니다.

터미널을 열어 적당한 위치로 이동 후 vi편집기로 작성하면됩니다. (물론 사용하기 편한 GUI 편집기로 해도 됩니다.)


참고 문서

http://tbang.tistory.com/42


Shell 생성 작업

파일생성
touch shellname.sh

vi편집기로 불러오기
vi shellname.sh

내용 입력 (먼저 i를 누르고 insert 모드로 진입해야 함)
#!/bin/sh
echo "Hello Shell"

저장 후 완료
esc키로 insert 모두 빠져나온 뒤, ':wq!'를 차례로 입력합니다.

실행
sh shellname.sh


* 참고 문서에서는 확장로 '.command'를 추가한다면, 더블 클릭으로 실행할 수 있다고 하지만, 권한 오류를 만났네요.
해결 방법을 알게 되면 문서를 수정하도록 하겠습니다.



'Mac 사용관련' 카테고리의 다른 글

맥 최신 버전으로 재설 치 하는 법.  (0) 2017.09.07
Posted by 창업닉군
,

mysql workbench 설치

DB/MySql 2017. 9. 2. 06:17

맥에는 mysql을 사용할 GUI툴이 없습니다. 그래서 고민이 많았는 데, mysql에서 제공하는 workbench를 사용해 보고, 조금 편해서 맥에서도 사용하게 되었습니다.


선행작업

mysql 설치 : http://nicgoon.tistory.com/175



워크벤치 설치

https://dev.mysql.com/downloads/workbench/


다운로드 버튼을 누르면 로그인을 하라는 페이지가 뜨는 데 하단에 [No thank, just start my download] 버튼을 누르면 됩니다.


다운로드된 dmg 파일을 실행하면, 가상 드라이버를 볼 수 있는 데, [MySQL Workbench] 아이콘을 [Applications] 폴더로 드래그 합니다.
그것으로 설치는 끝이며, 설치후 [응용 프로그램] 폴더를 확인하면, [MySQLWorkbench] 파일이 있음을 확인할 수 있습니다. 더블클릭해서 실행합니다.

실행 후 아래와 같은 창이 뜨면, Local instance 3306 항목을 선택합니다. (로컬 mysql 서버에 root 계정으로 접속한다는 의미)


그럼 root 패스워드를 입력하라는 항목이 나옵니다. 서버에 설정된 root 계정의 비밀번호를 입력 합니다.

비밀 번호가 틀리지 않다면 아래와 같은 창이 호출 됩니다.


위 화면에서 왼쪽 중하단 부분에 Sys를 확장하면, 해당 DB의 데이터 베이스를 모두 볼 수 있습니다.

일단 서버 내용을 확인하기 위해 [show databases]를 입력한 뒤, 번개 모양 버튼을 눌러 주면, 잘 동작함을 알 수 있습니다.

'DB > MySql' 카테고리의 다른 글

MySql ER Diagram 기본 사용법  (0) 2020.06.24
EER Diagram 그리는 방법.  (0) 2020.06.24
Mac 에 mysql 설치하기  (0) 2017.09.01
Posted by 창업닉군
,

맥을 쓰며 불편한 점은, 윈도우에 비해 개발환경 구축이 쉽지 않다는 것 입니다.

그래서, 거의 울며겨자 먹기로, 부트캠프를 쓰게 되었는데, 이제 MS에서 오피스도 개발해주고, VSCode로 인해 PHP 등의 개발도 한결 수월해 졌습니다. MySql 또한 Work Bench라는 GUI툴을 지원해줘, 맥에서 아무런 불편함 없이 모든 개발이 가능해 졌습니다.

이 포스트는 제가 맥에 개발환경을 구축하며, 이 후 참고하려고 남기는 것 입니다. 하지만 여러분들에게도 많은 도움이 되었으면 좋겠습니다.


참고 문서
http://aspdotnet.tistory.com/1848
http://uiandwe.tistory.com/1034


자신의 Mac OS 버전 확인하기

맥 상단 메뉴의 [사과 마크]를 눌러 [이 Mac에 관하여]를 선택하면, 맥에 관한 정보를 확인할 수 있습니다.


아래는 제 맥의 버전 입니다.


맥 다운로드

설치 경로 : https://downloads.mysql.com/archives/community/

설치

DMG Archive를 선택하면, dmg 파일이 다운로드 되는 데, 더블 클릭을 해서 실행합니다.
그러면 하나의 .pkg 파일이 들어 있는데, 이 파일을 실행합니다.


그럼 아래와 같은 설치 파일이 뜨는 데, 그냥 몇 번 계속을 눌러주면 자동으로 실행됩니다.


주의 할 점은 설치가 완료되면, 마지막에 루트 비밀 번호를 알려 주는 창이 뜹니다. (설치 중 오류가 난 줄 알고, 놀람)
꼭 메모해 둡니다. (자동으로 생성되는 값 이므로 여러분은 다를 겁니다.)


설치 위치 확인 및 실행 종료.

설치 위치는 기본적으로, [ /usr/local/ ] 폴더에 설치됩니다. 저 같은 경우는 잘 설치되었는지 확인해 보니, mysql 폴더가 2개 였습니다.
mysql 폴더는 단축 아이콘 이므로 걱정하지 않아도 됩니다.

서버의 시작과 종료는 시스템 환경 설정을 통해서 할 수 있습니다.


[Start MySQL Server]를 눌러, 서버를 실행합니다.


mysql 동작 확인

이제 서버가 잘 동작하는지 확인해야 할 차례, 터미널을 열어 mysql을 실행합니다.

터미널을 열고 mysql이 있는 경로로 이동합니다.
cd /usr/local/mysql/bin

mysql을 실행합니다.
sudo ./mysql -p설치시 발급 받은 패스워드.

이렇게 입력하면, 또 패스워드를 물어 옵니다. 이 때는 맥을 켰을 때 로그인 하기 위한 암호를 입력해 줍니다.

위와 같이 [ mysql> ]을 확인할 수 있다면, 잘 설치된 경우 입니다.

임시로 발급된 비밀번호가 복잡하기 때문에, 사용하는 것을 권장합니다. 하지만, 자신만의 번호를 원한다면, 아래와 같이 변경하면됩니다.
set password = password('비밀번호');
저는 예로 표시하기 위해 쉽게 1234로 했지만, 여러분은 복잡하고 보안이 좋은 암호를 선택하시기 바랍니다.







'DB > MySql' 카테고리의 다른 글

MySql ER Diagram 기본 사용법  (0) 2020.06.24
EER Diagram 그리는 방법.  (0) 2020.06.24
mysql workbench 설치  (0) 2017.09.02
Posted by 창업닉군
,

자마린에 메시지 서비스를 추가하기 전, 파이어 베이스 계정과, 프로젝트를 만들어 두어야 합니다.

참고 : http://nicgoon.tistory.com/171


자마린에 fire base를 이용한 코딩은 Nuget 을 통해, 플러그인을 다운 받고, 예제 소스를 보고 따라 하면 됩니다.

Nuget : https://github.com/CrossGeeks/FirebasePushNotificationPlugin
참고 프로젝트 소스 : https://github.com/CrossGeeks/FirebasePushNotificationPlugin

Posted by 창업닉군
,