336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

[ ※ 결론만 필요하신 경우에는 맨 밑으로 내려가시면 될것 같습니다!!! ]

 

어쩌다보니.. IE5 환경을 기본으로 개발을 하게 되었는데...

그냥 흔히 쓰던 Date를 쓰는데... 아래와 같이 NaN이 뜨더라...

 

IE(Internet Explorer) 5
CHROME

크롬으로 개발할때는.. 정말 정말.. 위처럼.. 당연한듯이 썼는데.. 안되더라고요..ㅠ,ㅠ

그래서 호기심에 어디까지 되나 테스트를 해보게 되었는데.. IE5~8까지는 '-' 구분자로 이루어진 날짜 형식을 지원하지 않고 IE9부터 지원하는걸 아래와 같이확인 해볼 수 있었습니다..

 

IE(Internet Explorer) 7

 

IE(Internet Explorer) 8

 

IE(Internet Explorer) 9
IE(Internet Explorer) 10
IE(Internet Explorer) 11

 

그럼 이제 날짜 지정을 해서 선택하려면 어떻게 해야 하나!?

아래와 같이 다른 형식의 날짜를 쓰거나 Number 타입의 파라미터를 넣어주면 됩니다!!!

 

첫번째로 구분자가 '-'가 아닌 '/'로 String 형태로 선언('YYYY/MM/DD')을 해주면 위와 같이 정상적으로 표현되는 걸 확인할 수 있습니다.

두번째로 파라미터로 년 월 일을 Number 형태로 선언(YYYY, M-1, D)을 해주면 위와 같이 정상적으로 표현되는 걸 확인할 수 있습니다.

단, 이 경우에는 주의하실점이 있는데, Date 객체를 써보신 분들은 아실 수 있지만, 다시 한번 말씀드리면, 월의 경우는 원하는 달에서 -1을 한 값을 넣어줘야 합니다. (예를들어, 1월이라면 0)

추가적으로 시분초를 생략하면 0시0분0초로 초기값이 지정되어 있는데, 위와 같은 형태로 String일때는 한칸 띄고 01:01:01과 같은 형태('YYYY/MM/DD HH:mm:ss')로 시분초를 선언하시면 시분초도 지정할 수 있으며, Number형태로 넘길때는 뒤에 시분초를 콤마(,)를 구분자로 Number 형태(YYYY, M-1, D, H, m, s)로 선언하시면 지정할 수 있습니다.

결론은, IE5~8은 '-' 구분자의 String 선언은 정상적으로 되지 않고 IE9부터 지원이 되기 때문에 '/' 구분자의 String 형태로 선언을 하던가 Number 형태로 선언 해서 사용을 하시면 될것 같습니다!

도움이 되셨기를 바라며, 이 글을 마치겠습니다.

오늘도 행복한 하루 되시기 바랍니다ㅎ,ㅎ

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

필자는..

친구들과 위닝을 하기 위해 플스방을 다니곤 했는데..

플스방을 찾기도 힘들고, 가도 사람이 많은 경우가 많아서 하기가 쉽지 않아 어떻게 하면 좋을까 하다가..

PC로 하는 방법을 생각하게 됐습니다!!

플스(요즘은 PS4)가 있는 친구집에도 보통 패드는 1개에서 2개 정도 밖에 없고,

PS4에서 사용하는 패드 듀얼쇼크4는 가격도 어마어마 하기 때문에 4개를 보유하기가 쉽지 않습니다..

그래서 생각한게 듀얼쇼크3를 생각했습니다!!

( 듀얼쇼크4도 아래 처럼 하시면 사용 가능할 것입니다... 제가 없어서 테스트는 못해봤지만..

  아래에서 사용하는 연결 프로그램에 듀얼쇼크4 드라이버 선택이 있는걸로 봐선 될것으로 예상됩니다! )

듀얼쇼크3는 가격도 저렴하고 블루투스도 되기 때문입니다!!

( 아! 참고로 PS4에선 듀얼쇼크3가 지원하지 않는다고 합니다..ㅠ,ㅠ)

 

네이버에서 가볍게 가격을 비교해보면, 

듀얼쇼크3
듀얼쇼크4

어마어마한 차이가 나는것을 네이버 첫화면에서 확인할 수 있습니다!

그렇기 때문에 필자는 듀얼쇼크3를 추추추추천합니다!

 

서론이 길었는데, 이제 어떻게 PC에서 이용하는지 알아보겠습니다!

 

준비물 : 블루투스USB (일명, 동글이) , 듀얼쇼크3 패드, 패드 연결케이블(듀얼쇼크3구매시 동봉)

 

 

1. 듀얼쇼크를 연결하기 위해서는 ScpToolkit 프로그램 설치가 필요한데, 구글에서 ScpToolkit을 검색하면 아래와 같이 무료 다운로드 사이트가 나옵니다.

( 꼭꼭꼭!!!, 동글이와 듀얼쇼크3 패드를 PC에 미리 연결하시고 진행하시길 바랍니다...!!!

 그 이유는 아래 확인 할 수 있습니다. )

2. 해당 사이트에 들어가서, Download를 누르면 5초후에 다운이 되는것을 확인할수 있습니다.

   링크: https://sourceforge.net/projects/scptoolkit.mirror/

 

3. 다운로드 후에 해당파일을 실행해서 설치해봅시다. 

   아래 I agree to the Liceense terms and conditions를 체크후 Next를 누릅니다!

4. Next를 누르면 포함된 프로그램들 목록이 나오는데, 기본 상태로 진행을 하시면 되겠습니다.

5. 설치 완료 후에 바탕화면에 ScpToolkit Driver Installer 파일이 생기는데 그걸로 실행해도 되지만 아래 화면에서 Run Driver Installer 를 누르시면 드라이버 설치 프로그램을 띄워줍니다.

6. 아래와 같은 화면이 나오며, 우리가 필요한 항목은 블루투스 드라이버와 듀얼쇼크3드라이버 입니다.

  (해당 설치 프로그램을 통해 드라이버를 설치하기 때문에, 별도로 동글이 드라이버를 설치 하지 않으셔도 됩니다.)

 

7.  듀얼쇼크4는 왼쪽에서 해제를 하고 오른쪽에 Choose Blutooth dolges to install 아래화살표를 누르면 아래와 같이 나옵니다. 근데 보면 먼가 이상한것을 느낄수 있습니다!! 현재 동글이가 꽂혀있지 않은 상태이기때문에, 목록에서 보이지 않습니다. 마찬가지로 듀얼쇼크3도 케이블로 연결하지 않은 상태이기 때문에, 목록에서 보이지 않습니다. 그렇기 때문에 해당 설치 프로그램을 끄고, 동글이와 듀얼쇼크3를 USB케이블로 연결후에 다시 진행하도록 하겠습니다.

(바탕화면에 있는 ScpToolkit Driver Installer 를 실행하시면 됩니다.)

 

8. 동글이와 듀얼쇼크3 연결후에 다시 진행하면 아래와 같이 목록에 동글이와 듀얼쇼크3 패드가 잡히는걸 볼수 있습니다. 그러면 블루투스 선택항목에선 해당 동글이를 선택하고, 듀얼쇼크 선택항목에선 해당 듀얼쇼크3 패드를 선택하시고 Install를 눌러 진행하시면 됩니다.

(듀얼쇼크4의 경우에는 3가 아닌 듀얼쇼크4를 선택하셔서 진행하시면 될 것 같습니다.)

 

9. 그럼 아래쪽에 진행되고 있는 로그를 확인할수 있는데 아래와 같이 Installed가 뜨면 설치가 완료된거고 해당 프로그램을 종료하시면 되겠습니다.

 

10. 바탕화면에 SCP Monitor 라는 프로그램이 생겨있는데, 해당프로그램을 실행시키면 연결상태를 확인할 수 있습니다.

아래 상태는 패드가 usb로 연결되어 있고 충전중인걸 확인할 수 있습니다. 현재 상태론 usb 케이블을 꽂은 상태로 게임을 이용할수 있습니다. 하지만 우리는 블루투스로 멀리서 편하게 이용해야합니다!!!

 

11. 블루투스로 연결하는건 간단합니다! 그냥 패드에서 케이블만 빼주면 아래와 같이 블루투스로 문구가 바뀌면서 배터리 상태를 볼수 있습니다.

 

12. 필자는 4개 패드를 블루투스로 연결해서 테스트 해보도록 하겠습니다.

 

13. 위닝으로 테스트 하면 위닝 PC버전 컨트롤러 설정에 장치에 컨트롤러가 뜨고 패드 버튼을 눌러보면 인식되는걸 확인할 수 있습니다. (위닝 PC버전 기본 컨트롤러는 XBOX로 되어 있어 아래 화면은 XBOX패드로 나옵니다.)

14. 확인을 눌러 위닝을 실행해보면, 4개 패드 연결되는걸 확인 할 수 있고, 친구들과 2:2를 즐길 수 있습니다!!

 

추가적으로, 블루투스 연결해두고 사용을 안하고 있으면 아래 처럼 블루투스 연결이 끊기는걸 확인할 수 있습니다.

그때 당황하시지 마시고, 듀얼쇼크3에 있는 가운데 버튼 PS버튼을 누르시면 연결이 되는걸 확인할 수 있고, 또는 USB케이블을 패드에 한번 꽂았다가 빼주면 연결되는걸 확인할 수 있습니다.

 

설치 후엔, PC를 키면 프로그램이 자동으로 실행되게 되어 있습니다. 자동실행 끄는걸 찾아봤는데.. 이건 아직 찾질 못했습니다..ㅠ,ㅠ 아무튼... 결론은 자동으로 실행되기 때문에, 동글이와 듀얼쇼크3를 케이블로 연결하면 띵! 소리나면서 연결되는걸 확인할수 있습니다. 연결이 된 상태를 보시려면 SCP Monitor라는 프로그램을 실행하시고, 위에 진행했던 것처럼 확인하시면 도움이 되실겁니다.

 

이렇게 저 처럼 여러명이 하기 위해 사는경우도 있겠지만, 한개만 필요하신 경우에도 사셔서 사용하셔도 괜찮으실 것 같습니다!

플스가 없는 저로써는... 듀얼쇼크3는 가격도 저렴하고, 사용방법도 간단하고 정말 좋은 것 같습니다ㅎㅎ

저는.. 사실 처음에 엄청 고생했습니다..ㅠㅠ

검색해서하면 간단할줄 알았는데 하라는데로 하는데 잘 안되더라고요..ㅠ

근데 계속 찾으면서 이렇게도 해보고 저렇게도 해보고 하다보니 우여곡절 끝에 되서 이 글을 보시는분들은 헤매지 마시고 빨리 사용하시라고 포스팅을 하게 됐습니다ㅎㅎ

(아! 참고로 저는 윈도우10 환경에서만 해봤습니다.)

 

먼가 생각했던것처럼 깔끔하게 정리는 못했지만, 도움이 되시기 바라며!

오늘도 좋은 하루 되시길 바라겠습니다.ㅎ,ㅎ

'일상' 카테고리의 다른 글

Football Manager 2018 (풋볼매니저 2018) 출시예정!!  (0) 2017.08.16
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

맥을 쓰는데 왜 터미널을 안쓰고 putty를 쓰냐는것을 보고 터미널로 사용하기로 했다.맥북프로를 처음 쓰고 윈도우에서 하던것 처럼 putty를 이용해서 SSH 를 접속하려고 어리석게 찾아보던 도중...

(맥 유저가 되어가는 과정...ㅎㅎ)

 

우선 간단하게 일반 SSH 접속명령어는 다음과 같으며,

[일반 SSH 접속 명령어]

 ssh 접속할서버계정명@접속할서버IP 또는 도메인주소 (-p SSH접속포트)

 (단, SSH 포트가 기본포트인 22일 경우에는 괄호에 적혀있는 -p 접속포트를 적지 않고 접속하시면 됩니다.)

간단하게 테스트해보겠습니다.

(필자의 나스서버로 테스트 했으며, 중요 정보는 가렸습니다.)

위 처럼 명령어를 치면 해당 계정의 패스워드를 입력하라고 뜨고, 패스워드를 입력하면 접속이 완료됩니다.

주의해야할 점은 띄어쓰기를 잘해야하며, 계정명과 패스워드, 그리고 포트를 꼭 확인해야 합니다.

그래도 안된다면, 방화벽쪽을 확인해보시기 바랍니다. 방화벽은 telnet이 설치되어 있다면 간단하게 telnet으로 확인해볼 수 있습니다.

(telnet 접속아이피 접속포트 - telnet 1.2.3.4 22)

 

일반 SSH 접속은 위처럼 명령어만 알고 있으면 간단하게 처리 할 수 있습니다.

문제는 아마존서버나 구글서버를 사용할때, SSH 접속을 하려면 KEYFILE이 있어야 합니다.

보통 putty같은 ssh 접속프로그램을 사용하면 keyfile을 등록하면 되는데, 맥 터미널의 경우에는 따로 keyfile을 등록하는 곳이 없는 걸로 알고 있습니다. 그렇다고 접속을 못하느냐!? 그건 또 아닙니다. 찾아보니 접속하는 방법이 있었습니다.

 

일단 keyfile을 본인이 원하는 경로에 복사를 해둡니다.

그리고 다음과 같은 명령어를 사용하면 되며,

[KEYFILE 사용 SSH접속 명령어]

ssh -i 키파일경로 접속할계정명@접속할서버주소 또는 도메인주소 (-p SSH접속포트)

(단, SSH 포트가 기본포트인 22일 경우에는 괄호에 적혀있는 -p 접속포트를 적지 않고 접속하시면 됩니다.)

이 또한 마찬가지로 간단하게 테스트를 해보았습니다.

(필자는 ~/key 폴더에 keyfile을 복사했습니다.)

우선 받은 keyfile을 복사하고,

(마찬가지로 중요정보는 가렸습니다.)

위에 명령어대로 입력을 하고 엔터를 딱 쳤는데!!! 접속 허가가 떨어지지

않았습니다... 

경고 문구를 자세히 보면 Permissions 0755 for ~~~ ar too open 를 찾아 볼 수있습니다.

755권한을 가진 키파일로 접속을 시도 해서 안된다는 것을 의심해볼 수 있었고, 찾아보니 400권한일때 단순 읽기 권한만 있을때,

접속이 된다는 내용을 찾을 수 있었습니다. (혹시나 모르시분을 위해! 755, 400은 파일에 대한 접근 권한 입니다,)

위와 같이 chmod 명령어를 이용해 key 파일을 400 권한으로 변경 한 뒤에 다시 접속을 시도하면

해당 계정의 패스워드를 입력하라고 나오고, 패스워드를 입력하면

위와 같이 정상적으로 접속되는 것을 확인 할 수 있습니다.

 

KEFILE SSH접속 절차를 정리하면 다음과 같습니다.

[KEYFILE사용 SSH 접속 절차]

1. KEYFILE 복사

2. chmod 400 파일명 : KEYFILE 400권한 주기

3. ssh -i KEYFILE경로 계정명@서버IP주소 또는 도메인주소 (-p 포트번호)

 

근데 위와 같은 명령어를 외워두면 좋지만 길다보니 까먹을 수도 있고, 매번 치기에는 번거롭기도 합니다.

그래서 alias를 이용해 좀 더 편리하게 접속 할 수 있도록 해보겠습니다.

[Alias 등록]

1.  vi ~/.bash_profile : bash_profile 파일 편집기로 열기

2. alias 등록 : alias 별명="ssh -i 파일경로 계정명@주소 (-p 포트번호)"

3. 저장하고 파일 닫음(wq)

4. source ~/.bash_profile : bash_profile 적용

위에 Alias 등록을 참조해서 테스트를 해보면,

위와 같이 keyfiletest라고 alias로 지정하고 간단하게 keyfiletest라는 alias만 입력해서 접속을 할 수 있습니다.

 

이상으로 포스팅을 마치며, 해당 포스팅이 도움이 되시길 바랍니다ㅎㅎ

오늘도 좋은 하루 되세요!


336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

 

 프로그래밍 공부를 C언어로 시작하고 비교 연산자에서 같다라는 표현은 == 이 연산자를 사용해야 한다고 배우고 줄곧 ==(동등연산자, equality operator)만을 사용했었습니다.

 그러던 어느날 다른 분 자바스크립트 소스를 보다 ===(일치연산자, identity operator)를 사용 하는 걸 보고 궁금해서 알아보게 되었고, 알아본 것을 같이 공유하고자 이 글을 포스팅하게 되었습니다!

 

== vs ===

 자바스크립트에서는 == 연산자를 사용시에 type이 다를 경우에는 자동으로 형변환을 해서 비교를 한다고 합니다.

위에 예제에서 9,10,11번 라인을 보면 false가 예상되는 비교지만 실질적으로는 자동으로 형변환되서 true가 출력되는걸 확인 할 수 있습니다. 그리고, 8번 라인의 경우에는 type이 같고 값도 같으니 당연히 true가 출력되는걸 확인할 수 있고, 12번 라인의 경우에는 type은 같으나 값이 달라 false가 출력되는걸 확인할 수 있습니다.

 

 반면에, === 연산자를 사용시에는 type이 달라도 형변환이 이루어지지 않기 때문에, type이 다르다면 당연히 다른값이 되며, 우리가 실질적으로 원하는 비교를 한다고 보시면 됩니다. 그래서 16,17,18번 라인을 보면 형변환이 되지 않으니 당연히 number와 string은 같을 수 없기에 false가 출력되고, 15번 라인의 경우에는 타입이 같고 값도 같기 때문에 true가 출력되고, 19번 라인의 경우에는 타입은 같지만 값이 달라 false가 출력되는 것을 볼 수 있습니다.

 

 

 저 같은 경우에는 숫자를 비교할 경우에 저도 모르게 string으로 선언된 1과 number로 선언된 1이 다른 값이라고 생각해야되는데 같다고 생각해서 사용을 했었습니다. 예를 들어 서버에서 가져온 데이터가 문자열('1')로 넣어있든 숫자(1)로 넣어져있든 == 연산자로 비교하여 같다고 처리를 했었습니다. 이걸 공부하면서 이처럼 사용하던게 틀리다고는 하기엔 애매하지만 지양해야하는 방식이란걸 생각되며, 앞으로는 type도 같아야 된다라고 생각하면서 === 연산자를 사용하여 비교를 해야겠다라는 생각을 하게 되었습니다. 

 

 이 글을 보신분들은 자바스크립트에서 같다라는 비교연산자를 사용하실때 한번 더 생각해보시면 좋을것 같습니다ㅎㅎ

해당 포스팅이 도움이 되셨기를 바라며 공부하다가 찾아본 다른 예시를 몇개 실행해본 것을 아래 공유해봅니다.

 이중에 0==-0, 0===-0 의 결과 true와 NaN==NaN, NaN===NaN의  결과 false는 어떻게 이 결과가 나오는지 사실..

잘 모르겠습니다.. 나머지는 그래도 어느정도 예측을 해볼만 한데 이 두 녀석은 잘 모르겠네요..ㅠ,ㅠ

 

== vs ===

 

 

 

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

 

 유튜브를 보다가 얼마전에 알게된 웹 코딩툴을 하나 소개하려합니다.

 UI도 깔끔하고 간단한 무언가를 보여줄때라던지 테스트할때 정말 좋은 것 같아 소개해봅니다!

 

 구글에서 repl이나 repl.it 을 검색하면 최상단에 검색결과가 나오고 클릭해서 접속 할 수 있습니다.

 

또는 주소창에서 https://repl.it 을 바로 입력해도 접속 할 수 있습니다.

 

딱히 의미는 없지만, 검색해서 들어가면 로그인창으로 바로 이동하고 주소를 입력해서 접속하면 위와 같은 홈화면으로 이동합니다.

처음 하는 이용자는 당연히 Sign up을 클릭해서 회원가입을 해주도록 합니다.

(회원가입 과정이 귀찮을수 있지만 회원가입 절차도 간단하고, 필자는 그 이상의 가치가 있다고 생각합니다.)

 

 

위와 같이 이름, 이메일, 패스워드만 입력해서 가입을 하거나 구글,깃허브,페이스북을 연동해서 가입하셔도 됩니다.

필자는 구글연동으로 해보았습니다.

(회사정보 같은거는 따로 입력 안하고 그냥 SAVE를 누르셔도 상관없습니다.)

 

그럼 다음과 같은 화면으로 넘어가고 Quick Start Guide를 누르시면 가이드 페이지로 넘어가고 Start coding no를 누르시면 시작 하는 화면으로 넘어갑니다.

(가이드페이지 URL : https://repl.it/site/docs/misc/quick-start )

 

 

다음과 같은 페이지가 뜨고 해당 페이지에서 원하는 언어를 선택하면 코딩을 할 수 있는 페이지로 넘어갑니다.

(필자는 간단하게 보여주기 위해 HTML을 선택했습니다.)

 

왼쪽 상단에 아이디와 프로트 명이 나오며 프로젝트명과 설명은 수정이 가능합니다.

 

 

그리고 html 코드에 <h1>안녕하세요</h1> 을 <body> 태그 안에 작성하고 상단에 run을 클릭하면 오른쪽 화면에 결과를 볼수 있습니다. (console 탭에서는 console 내용도 확인 할 수 있습니다.)

왼쪽에 폴더와 파일도 등록,삭제,수정 할 수 있으며 다른 코딩툴을 쓰는것 처럼 이용하실 수 있습니다.

간단하게 html 말고 css와 js를 수정후 결과물을 확인해보면 다음과 같습니다.

 

css 코드 작성후 run → 결과 확인
javascript 코드 작성후 run → 결과 확인

 

이 처럼 편리하게 간단한 소스를 테스트 해볼 수 있습니다.

그리고 상단에 my repls를 선택하면 그동안 작업한 프로젝트를 볼수 있습니다.

 

 

다음과 같이 그동안 프로젝트를 관리할수 있어, 정말 좋은 웹 코딩 툴이라고 생각이 됩니다.

Repl.it이라는 웹 코딩툴을 간단하게 소개해드렸는데요, 도움이 되셨으면 좋겠습니다.

 

아 추가로 상단에 +new repl 버튼을 선택하면 현재 화면에서 팝업으로 새 프로젝트를 생성 할 수 있습니다.

단, 생성을 하면 기존꺼는 사라지고 새로운 프로젝트가 보여지게 됩니다.

(그렇다고 해서 삭제되는것이 아니라, my repl에 가잘 간직 되어 있는 것을 볼 수 있습니다.)

 

그리고 이 작업들이 임시로 되는게 아니라 수시로 저장이 되고 계정에 프로젝트 별로 저장이 되어 관리도 할 수 있어, 정말 좋다고 생각이 됩니다.

 

깃허브와도 연동할 수 있는것 같고, 다양한 언어들을 사용 할 수 있으니, 한번 사용해보시면 좋을것 같습니다.

 

오늘도 좋은 하루 되시고, 행복한일만 있으시길 바라겠습니다!

 

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


 테이블에서 <tr>에 onclick을 넣다보면 일부 td에선 안쓰고 싶을때가 있습니다..

 예를들어 체크박스라던지 다른 이벤트박스라던지 머 그런것들을 쓸 때 입니다.

 그때는 다음과 같이 특정 td에 onclick="event.cancelBubble=true" 를 넣어서 해당 td에선 이벤트를 막아주는 방법이 있습니다.


 간단하게 예를 들어보면


 1) 다음과 같은 테이블에 tr에는 onclick="alert('클릭')이 선언되어 있고 td에 체크 박스 2개가 있습니다.


 2) 첫번째 체크박스를 클릭하면 다음과 같이 alert 창이 뜨고 


 3) 그 후에 다음과 같이 체크가 됩니다.


 4) 반면, 두번째 체크박스를 클릭하면 onclick="event.cancelBubble=true"가 선언되어 있기 때문에 alert창이 뜨지 않고 체크만 됩니다.



 부족한 포스팅이지만, 해당 포스팅이 도움이 되시길바라며...

 오늘도 좋은하루되세요~


 아 그리고 별건 아니지만 테스트 할수 있도록 샘플 파일을 올려두겠습니다.

 (이상한 파일 아니니 안심하셔도 됩니다!ㅎㅎ)


test.html


336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

 

JSON.parse 시에 에러나는 경우에 해당 사항인지 확인해보고 해결되셨으면 좋겠습니다.

 

해당 JSON.parse 에러는 특정문자(\r, \n, \t, \f)가 포함되어 있을때의 에러입니다.

 

var testData = '{"test":"테스트\r\n테스트\r\n테스트\r\n테스트\r\n"}';

 

 

이럴땐 당황하시지 마시고 저 위에 저 특정문자(\r, \n, \t, \f)가 있다면 다음과 같이 치환해주면 정상적으로 파싱되는 것을 볼 수 있습니다.

 



 testData.replace(/\n/gi, '\\n');
 testData.replace(/\r/gi, '\\r');


 OR 


 testData.replace(/\r\n/gi, '\\r\\n');


 OR


 testData.replace(/\r/gi, '\\r').replace(/\n/gi, '\\n')


 ※ testData.replace(/\r/gi, '\\r').replace(/\n/gi, '\\n').replace(/\t/gi, '\\t').replace(/\f/gi, '\\f')

 ※ javascript는 replaceAll이 없기 때문에 replace로 정규식을 사용해서 치환을 해야 합니다.

 

다음과 같이 정상적으로 파싱되는 모습을 볼 수 있습니다.

 

 

부족한 포스팅이지만, 다시 한번 해당 포스팅이 도움이 되시길 바라며, 좋은 하루 되세요~

 

=======================================================================

 

추가적으로,

 

데이터에 "(쌍따옴표, 더블쿼테이션) 또는 '(홑따옴표, 싱글쿼테이션)가 들어가있어 파싱시 문제가 발생할 수 있습니다.

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


컴퓨터를 포맷할때, 열심히 즐겨찾기 해둔 놈을 잃어버리지 않기위해선 꼭 백업을 해야한다!

IE(Internet Explorer) 같은 경우에는 즐겨찾기 폴더가 따로 있어서 그 폴더에서 복사해서 사용하면 되지만!

크롬에서는 찾으려 해도 찾기가 쉽지 않더라...


그래서 크롬 즐겨찾기(북마크)를 백업 하는 2가지 방법을 준비했습니다!!


(이곳에 오신 분들은 꼭 도움이 되시길 바랍니다... 꾸벅)


1. 크롬 북마크 설정 메뉴 사용하기!

 1) 크롬 상단 오른쪽에 메뉴를 클릭하여 북마크에>북마크 관리자(Ctrl+Shift+O)로 이동한다.



 2) 이동하게 되면 현재 내 북마크(즐겨찾기) 목록이 나오고 오른쪽 상단에 보면 메뉴가 있는데 클릭 하고 북마크 내보내기를 선택한다.



 3) 북마크를 원하는 위치에 HTML 파일로 원하는 파일명으로 저장한다.(디폴트 파일명으로 저장해도 무방하다)




4) 북마크관리자 메뉴에서 북마크 가져오기를 클릭한다음에 고이 보관해둔 북마크 HTML 파일을 불러오면 기존 북마크를 정상적으로 이용할 수 있다.




2. 진짜로 저장되어 있는 파일 이용하기

 1) 내컴퓨터 > 사용자(Users) > 계정폴더 로 이동한다!

    (혹은 바탕화면에 있는 계정폴더로 바로 이동해도 된다.)

 


 2) 그 다음 AppData 폴더로 이동해야 하는데!! 대부분 안보일거에요.. 왜냐면 숨김폴더로 되어 있기 때문이죠!


 3) 그래서 다음과 같이 폴더 메뉴 > 보기 > 폴더옵션을 클릭합니다! (메뉴가 안보이신다면 Alt 키를 눌러주시면 메뉴가 보입니다.)



 4) 폴더옵션 탭에서 보기를 클릭하고 조금 내려보시면 다음과 같이 숨김 파일 및 폴더라고 있습니다.

    여기에서 표시안함으로 되어 있는 것을 표시함으로 가볍게 체크하시고 확인을 눌러줍니다!



 5) 그럼 숨어있던 AppData 폴더가 투명하게 짜잔하고 나타날것입니다!



 6) 이제 AppData > Local > Google > Chrome > User Data > Default 로 이동을 해서 조금 밑으로 내리면

     [Bookmarks, Bookmarks.bak] 파일이 있을겁니다! 이 두 파일을 USB, 개인NAS, 이메일 등으로 백업을 합니다!



 7) 백업한 파일을 포맷한 컴퓨터에서 크롬 설치후 복사한 경로와 똑같은 폴더에 백업한 파일을 덮어씌워주면! 북마크가 잘 옮겨진 걸 볼 수 있다!


 - 경로 : C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default

    ※ Administrator는 계정명이기 때문에 PC마다 차이가 있을 수 있습니다


 - 파일 : Bookmarks, Bookmarks.bak



336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


새해 첫 포스팅을 하게 되었습니다..

일이 바쁘다보니.. 포스팅을 전혀 못했네요..ㅠ,ㅠ


2018년 무술년 새해 복 많이 받으시고 건강하시고 행복한일만 가득하시길 바랍니다!!


windows10 업데이트를 하거나 OS 최신버전을 설치하다보면 \\192.168.X.X로 네트워크 접근을 하려고 하는데

아래와 같이 접근 불가가 되어 공유프린터나 네트워크 공유폴더를 접근 못하는 경우가 생길 때가 있습니다.


\\x.x.x.x에 액세스할 수 없습니다, 이 네트워크 리소스를 사용할 권한이 없는 것 같습니다. 이 서버의 관리자에게 문의하여 액세스 권한이 있는지 확인하십시오.

계정 제한으로 인해 이 사용자가 로그인할수 없습니다. 빈 암호 사용, 로그온 시간 제한 또는 정책 제한으로 인해 이러한 문제가 발생할 수 있습니다. 


먼가 계정 때문에 접근권한이 문제가 생긴것 같습니다.

정확한 원인은 모르겠지만... 해결방법은,

연결할 주소의 자격증명을 수동으로 해주면 됩니다.


윈도우키 + R 을 누르던가 시작프로그램에서 실행을 들어갑니다.

그 후 rundll32 keymgr.dll KRShowKeyMgr 를 입력하고 실행합니다.


그러면 다음과 같은 화면이 나옵니다.




여기에서 추가를 누르면 다음과 같은 화면이 나오고





로그온 대상에 접근하고자 하는 IP를 적고 사용자 이름에 계정과 암호에 암호를 입력하시고 확인을 누르시면 접근 등록이 되며,

시작프로그램에 실행(윈도우키 + R)에서 접근하고자 하는 아이피 " \\XXX.XXX.XXX.XXX" 를 입력하시게 접근이 정상적으로 되게 됩니다.


이 포스팅을 읽고 잘 해결되서 잘 사용하셨으면 좋겠습니다!



336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

웹 개발을 하다보면


버튼을 a태그로 해서 css를 입혀 만드는 경우가 많다.

그럴 경우에 this라는 놈을 쓰고 싶은 경우가 있는데

a태그에서 href에 javascript:함수명(this)를 쓰면.. 내가 원하는 결과를 얻을 수가 없습니다!!

onlick 속성을 써야만 함수명(this)에서 내가 원하는 this 값을 가져오는 것을 알 수 있습니다.

그래서 a태그에 onclick을 두면 href 때문에 고민을 하는 경우가 있습니다.

그럴때 다음과 같이 href을 막고 onclick을 사용하면 해결할 수가 있습니다.


 <a href="javascript:void(0); onclick="함수명(this)">꾸울팁</a>

 

 

href가 동작은 하지만 void(0)으로 사실상 동작이 안하는 식이 되고 onlcick이 실행되는 것을 볼 수 있습니다.


시간이 되면, 캡쳐까지 했을텐데, 시간이 부족하여, 글로만 남깁니다.


내용이 알차진 않지만 이 포스팅을 보시고 잘 해결되셨으면 좋겠습니다.

+ Recent posts