전체 글 (97) 썸네일형 리스트형 http 상태코드 개념 #200대 요청 정상 처리 #201 post 요청은 새로운 resource url가 생성이 됐구나 라고 알 수 있음 #300대 요청 완료를 위한 추가 행동 필요하다고 클라이언트에 응답을 보냄 영구적 redirection #301 코드 301코드+move permanently+ 새로운 url를 보내준다 ex) 새로운 이벤트 url 리다이랙션을 클라이언트에 날림 => POST로 요청하면 GET으로 바뀜 #308 코드 일시적 redirection #302 리다이렉트 요청시 get ex) POST로 주문 후 웹 브라우저로 새로고침하면?? 중복주문이 되기 때문에 해결) "주문 결과가 잘 됐습니다" 라는 get 응답을 해준다. 순서: 1. 마우스 주문 2. DB에 데이터 저장 3. 302 found를 보냄 l.. 회원관리 시스템 상황 url = resource 그 자체 "미네랄을 캐다 " 가 아니다 미네랄 그 자체 ex) 회원 목록 get 회원 등록 post 회원 조회 get 회원 삭제 회원 수정 put patch put 은 기존꺼를 아예 지우고 새롭게 만들기 때문에 부분 수정을 위한 patch 를 쓰는게 좋다. 만약 게시글을 전체 수정한다고 하면 put 을 쓰면 된다. 문제 신규 회원을 등록하고 싶을 때 해결 POST 방식 1./members url 에 post 방식으로 보내면 2. server가 /members/100 이라는 새로운 url 를 생성한다. (콜랙션) PUT방식 1. 클라이언트가 /mombers/{filename} (스토어 관리) HTML FORM 사용 control url ex) /new /edit /delete HTTP API URL 설계 문제: 회원에 대한 조회 url는 리소스를 판별하는데 무조건 써야함(명사) ex) 미네랄 그 자체 , 미네랄을 캐라가 아니다. 해결 HTTP 매서드를 이용해 동사를 표현( get, put post...) 1.GET 2.POST 메세지 바디를 통해 서버로 내 요청 데이터 전달( 서버가 아직 식별하지 않은 새 리소스 생성) ex) member 리소스 ex) 신규데이터 등록, 요청 데이터를 신규리소스 3.PUT 기존에 데이터가 완전히 대체되어버림. 만약에 없으면 새롭게 데이터 생성 4. PATCH 부분 변경 5. DELETE 매서드의 속성 1.안전 :해당 리소스를 호출하는 거기 때문에 2.멱등 : 100번 호출 하든 결과가 똑같다. POST는 멱등하지 않다. ex) 배송 2번 호출, 결제 (어떤 요청을 했어도.. URI URL 그리고 통신 동작 원리 구조 URI(uniform resource identifier) URL (uniform resource locator) scheme/ => 프로토콜 클라이언트와 서버간의 약속 ex) http https userinfo@ => 사용자정보 자주 사용x host. =>IP. port => http 80 (생략가능) path => 리소스 경로 , 계층적 구조 query => key value 형태로 만들어짐 fragment => 내부 북마크 등으로 사용하고 자주 사용x 서버 원리 1. 웹브라우저가 생성 1.1HTTP 메세지를 생성 GET/search?q=hello 1.2 TCP/IP 패킷 생성 : 출발지 IP 도착지 IP PORT 2. 구글서버가 TCP 껍데기를 까고 메세지를 해석 그리고 파일을 보내줌 3. 웹.. HTTP 흐름으로 이해하기 상황 영희 컴퓨터 ----- 광케이블(인터넷) ------- 철수 컴퓨터 내가 철수한테 데이터를 전송하고 싶을 때 어떻게 영희는 서로를 체크하고 데이터를 보낼까? 해결 IP(Internet Protocal) 패킷을 통해 출발지의 IP 도착지의 IP를 담아서 내가 원하는 컴퓨터로 찾아가는 것 문제 1.패킷을 받을 대상이 없거나, 목적지의 컴퓨터가 꺼져있다면?(비연결성) 2. 중간에 패킷이 광케이블의 문제로 사라진다면 or 도착지에 world Hello 로 도착한다면??(비신뢰성) 3.같은 IP를 사용하는 에플리케이션이 두개라면? (프로그램 구분) 해결 TCP (출발지 목적지 port, 전송제어, 순서, 검증정보) -목적지 컴퓨터가 켜지있는지 확인 => 연결지향 syn 보내면 sys ack 받고 ack 보내.. 콜백 잡 지식 정리 //원래 콜백이라는 것은 어떤 함수가 실행된 이후에 다음 함수가 사용됨을 표현하기 위해 만들어졌다. 이는 동기적으로 실행이 되는 것을 알 수가 있다. undefined let array=[1,2,3].map((el)=>{ return el+1 }) undefined array (3) [2, 3, 4] //만약에 자바스크립트에서 데이터 다운로드 후에 데이터를 처리하는 함수를 만들고 싶다면?? undefined //먼저 내가 생각하는 모습은 두 함수를 선언하고 호출하면 끝? 이라고 생각한다 그러나 결과는? undefined function download(url){ setTimeout(()=>{ console.log(`${url}을 다운로드 중입니다...`) }) } function process(url){.. 바닐라 JS 메인 사진에 랜덤하게 사진 넣기 문제 : 메인 사진을 랜덤하게 바꾸는 JS 짜기 접근 원리 : 항상 어딘가에 데이터 위치를 찾고 (만약에 없으면 데이터를 생성해주면 되지) =>그 데이터의 값을 바꿔주면 됨 코드 클릭한 사진은 다음과 같습니다 button 결과 추가로 바꾸는 법 button.addEventListener('click',()=>{ alerm.classList.remove('hide') }) jQuery 기본 문법 이해 태그찾기 태그 찾기 document.querySelector('#test').textContent="안녕" $('#test').html('안녕') 태그 클레스 추가 $('#test').html('안녕').addClass('yellow-bg') Toggle() 제이쿼리 방식 $('#btn').on('click',()=>{ $('.alerm-box').toggle() }) $('.menu').on('click',()=>{ $('.list-group').toggle('hide') }) 돔 방식 const button=document.querySelector('#btn') const alerm= document.querySelector('.alerm-box') const menu=document.querySel.. 이전 1 2 3 4 5 6 ··· 13 다음
