본문 바로가기

프론트엔드 공부/참고자료

(9)
JSON.stringify(); 가독성높이기 참고:https://jamesdreaming.tistory.com/172 [ javascript 코딩 ] JSON.stringify() 사용방법 - JSON 가독성 높이기 안녕하세요. 제임스 입니다. JSON.stringify ( value[, replacer[, space]] ) 위 함수를 이용하여 문자열의 가독성을 높이는 방법을 알아 보겠습니다. 1 2 3 4 5 6 7 var lottoDrawNum = {"bnusNo":.. jamesdreaming.tistory.com JSON.stringify(value, replacer, space) value(필수): JSON 문자열로 변환할 값이다.(배열, 객체, 또는 숫자, 문자 등이 될 수 있다.) replacer(선택): 함수 또는 배열이 될 수 있다..
[reactnative]Xcode needs to be installed (don't worry, you won't have to use it), would you like to continue visual studio에서 react-native-app을 expo start 시 뜨는 경고문 해결방법 ! (이미 Xcode는 깔아놓은 상태) ) Open Xcode ) go to preferences ) go to locations tab ) select an Xcode version in the select labeled "Command Line Tools" 후 재 실행하면 visual studio code접근 허용 문구가 뜨고 실행된다 !
npm i 로 node module 따로 설치 보통 git 허브에 올릴때 gitignore로 배제 시키는데 터미널창에서 npm i 입력시 package.json의 dependencies에 있는 모듈들 이 설치됌
Unexpected token < in JSON at position 0 해당 오류가 떴을때 해결 방안 fetch되는 주소값(파라미터)를 json에서 text로 변경후 console로 찍어보고 해결했다 ! 원인은 json server를 터미널에서 동시에 로컬로 안돌려서였다 ^-^ㅋ... 참고영상 및 자료: https://daveceddia.com/unexpected-token-in-json-at-position-0/
기본브라우저 익스플로러에서 크롬으로 변경하기 제어판 > 기본프로그램 > 기본앱> 웹브라우저 > 크롬
NVDA(스크린리더기) 단축키 NVDA(insert, capslock으로변경가능) + 1 을 눌러 입력도움말 모드 활성화 & 종료 가능 NVDA + N : NVDA 메뉴를 열 수있음 설정 > 키보드, 음성등 변경가능 NVDA Vocalizer 음성엔진 사용 및 다운로드 https://vocalizer-nvda.com/downloads Vocalizer for NVDA | Downloads Site Language English Portuguese vocalizer-nvda.com **단축키 안내 1. NVDA키 1) 기본값은 Insert 키이며, Caps Lock 키로 바꿀 수 있다. 2) 아래 단축키 목록에서 NVDA는 인서트 키로 대치될 수 있다. 즉, 단축키 NVDA-T는 인서트-T 키를 의미한다. (캡스락 키로 바꿨다면 NVD..
웹접근성 웹표준 관련 자료들 1.웹접근성 테스트 스크린리더(2019기준) -(윈도우) NVDA /크롬,파이어폭스 무료, JAWS만큼 인기가 있음, 여러가지 플러그인을 설치해야함 (하이라이트,NVDA Speach viewer), Browse모드와 Focus 모드가 다름 https://www.nvaccess.org/download/ 2.(윈도우)JAWS /크롬,익스플로러 유료 1년에 $90 , 데모를 컴퓨터 재시작할때 40분정도 무료로 사용가능 3.(맥) Voiceover / 크롬,사파리 맥북과 호환이 좋고, 사용감이 좋음 --------문서자료 코딩의 시작, TCP School HTML Tutorial (w3schools.com) 웹 접근성 지침 2.0 | Web Soul Lab 웹 접근성 지침 2.0 | Web Soul Lab 웹 ..
awsome screen shot 웹디자인 chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj?hl=ko Awesome Screenshot & Screen Recorder Full page screen capture and screen recorder 2 in 1. Share screencast video instantly. chrome.google.com 웹사이트 디자인시 레퍼런스를 캡처하기 좋은 어플입니다. 스크롤 캡처도 가능합니다 :)