Network&etc/HTTP (16) 썸네일형 리스트형 JSON.stringify(객체), JSON.parse(제이슨) 객체 => 제이슨(문자열) result = JSON.stringify(객체) 제이슨(문자열) => 객체 JSON.parse(result) ajax, fetch 예시(+form data) 이러한 자료들을 각각 input값들로부터 추출하여 api호출시 데이터를 전송하려한다. let info = { "no":document.querySelector('#no').value,, "my_name": document.querySelector('#my_name').value, "my_contact": document.querySelector('#my_contact').value, "my_birth": document.querySelector('#my_birth').value, "family_info": { "family_name": document.querySelector('#family_name').value, "family_contact": document.querySelector('#family.. API 테스트 API를 클라이언트단(대표적으로 웹브라우저)을 통하지않고 테스트를 하는 방법이있다. 1. curl 이용 -mac OS, 리눅스에서만 지원되기때문에 윈도우환경에서는 푸티에서나 gitbash를 이용한다 호출방법 curl -sS -XPOST http://localhost/api주소 \ -H 'Cookie: session=eyJxcl9jb2RlX25vIjoxLCJxcl91dWlkIjoiM2UwMGI1ZmUtYTJmZS0xMWViLTgxMzAtZmExNjNlMzI3MzNmIn0.YIo2zg.HbYSy_wIVBQJkVwsVddCOzHWhQA' \ sS에서 소문자는 대문자는 오류를의미한다. 이부분들을 예외로하고 출력하라는뜻 -X 다음에 get,post등의 메소드형태를 선택한뒤에 api주소를 입력해서 출력한다. -H .. [HTTP] 리다이렉트 정리중.. https://dololak.tistory.com/147 [HTTP] 리다이렉트(Redirect)란? HTTP 리다이렉트(Redirect)란? 리다이렉트란 말 그대로 re(다시) + 지시하다(direct) 다시 지시하는 것입니다. 예를 들어 브라우저가 www.test.com/page1 URL을 웹 서버에 요청했습니다. 서버는 HTTP 응답 메시 dololak.tistory.com 예를들어 로그인이 안되었는데 게시글을 누르려할경우 로그인페이지로 리다이렉트할수있다. url 주소장에 입력한후 접근한다고 할때 권한이없을경우 웹서버가 응답을 리다이렉트처리한다. * 이때 웹서버는 글에 접근하는 요청마다 권한을 검사한다 vs코드로 chrome 디버깅 연결하기 launch.json폴더를 열어서 url이랑 크롬 디버깅프로그램이랑 연결해주면된다. { "name": "Launch index.html", "type": "chrome", "request": "launch", "file": "${workspaceFolder}/index.html" }, powershell 경로 & 'C:/Users/admin/anaconda3/envs/python-flask/python.exe' server.py '--host=0.0.0.0' '--port=80' [웹접근성 가이드] 네이버 접근성 페이지 (naver.com) 네이버 접근성 페이지 검색 버튼 하나로 다양한 기능을 펼쳐볼 수 있어요! 검색창 우측의 마이크 아이콘(인식검색버튼)을 누르면 음성으로 검색하기, 음악 검색, 바코드 검색, 와인 검색, 이미지로 외국어 검색까지 간 accessibility.naver.com 네이버 접근성가이드를 참고로 정리되었습니다. 이를통해 흑백화면의 디스플레이를 사용하는 사용자(특수환경, 색맹)에게는 어떻게 서비스를 해야할것인가에대한 의식을 하게되었습니다. 정보접근성이란? - 모든 사용자를 위한 더 편리한 서비스(특정 환경이나 신체적 장애에 상관없이) - 장애인뿐만아니라, 고령자, 비장애인도 접근대상이된다. 색맹 색으로만 구분할경우 차이를 모르기때문에 테두리, 구분선, 밑줄등 추가표시 * 콘텐.. 패스트캠퍼스 프론트엔드 개발 올인원 패키지 with React 올인원 패키지 Online. 챌린지 참여 후기 드디어.. 50일동안의 패스트캠퍼스에서 제공하는 프론트엔드 인강 챌린지가 끝나서 최종미션으로 챌린지 참여후 기를 써보려 한다. 나는 프론트앤드개발자를 목표로하고있기때문에 다양한 강의들중에서 프론트엔드 개발 올인원 패키지 with React 올인원 패키지 Online.로 챌린지를 선택 하였다. 인강 2개를 듣고 일정기간동안 매일 블로그 포스팅을 쓰고 최종후기만 작성하면 된다고하는데 과거 네이버메인에도 선정되어본 블로거였던 나에게 딱인 챌린지였다. 어차피 개발자블로그 개설도하고 깃허브도해야한다고 많이 들어서 겸사겸사 둘다 같이 진행하려하였으나 학업과 직장의 병행이 힘들어 자바스크립트 기초까지만 올렸다. ㅋㅋㅋ 패스트캠퍼스 인강을 선택한이유 나는 Java국비학원을 다녀서 1~2달간 빠르게 html, css,E.. 크롬으로 자바스크립트 디버깅 1. 크롬에서 f12키를 눌러 Sources에 디버깅할 js폴더를 연후 숫자를 클릭해 디버깅할 위치 체크 *하나만하면 오류가날수있으니 두개이상 눌러주기 2. 화면으로 돌아와 테스트 aaaa입력후 버튼을 누르면 자동으로 디버깅시작 3.아래 콘솔창에 idvalue를 입력하고 엔터를 쳐서 테스트 aaaa확인하기 오류나 제대로 나오지않을경우 디버깅이동버튼을 한번더누르기 4. 다른테스트를 하려면 디버깅 종료후 다시 시작! 이전 1 2 다음
