just do it

모든 것이 HTTP 클라이언트 서버 구조 Stateful, Stateless 비 연결성(connectionless) HTTP메시지(★) 모든 것이 HTTP 1)HTTP 메시지에 모든 것을 전송 HTTP ; Hyper Text Transfer Protocol 문서간의 링크를 통해서 연결할 수 있는, 하이퍼텍스트 문서를 통해서 연결할 수 있는 (html) 을 전송하는 프로토콜로 처음에 시작이 됨, 그런데 지금은 모든것을 전송할때 쓰는 중 ! HTML, TEXT IMAGE, 음성, 영상, 파일 JSON, XML(API) 거의 모든 형태의 데이터 전송 가능 서버간에 데이터를 주고 받을 때도 대부분 HTTP 사용 지금은 HTTP 시대 ! +실무에서 서버간 통신할때 TCP 프로토콜 직접 이용해서 데이터 전송하는 경..

promise 는 then을 통해 체이닝을 계속 해 나갈 수 있지만 조금은 코드가 난잡해 질 수 있음 이를 위해 더 간편한 api(async await)를 사용하면 동기식으로 코드를 순서대로 작성하는 것처럼 간편하게 작성할 수 있게 도와줌 async await은 새로운것이 추가된게 아니라 기존 promise 위에 조금더 간편한 api 를 제공 깔끔하게 promise를 사용할 수 있는 방법 syntactic sugar ; 기존에 존재하는것 위에 감싸서 좀더 간편하게 쓸수있는 api를 제공하는것 한가지 좋은 예 ; 클래스(자바스크립트에서 클래스는 전혀새로운것이 아닌 프로토타입을 베이스로 한 위에 살짝 덧붙여진 그럴싸하게 보이는 것임) 네트워크 통신으로 백엔드에서 데이터를 받아오는데 10초가 걸리는 코드있다고..

URI(Uniform Resource Identifier) 직역하면 리소스를 식별하는 통합된 방법 URI가 가장 큰개념 리소스를 식별한다 ; 주민번호가 사람을 식별하듯이 자원자체를 식별하는. 크게 두가지 1. URL 2. URN URL(Resource Locator) ; 리소스의 위치 URN(Resource Name) ; 리소스의 이름 일반적으로 우리가 웹브라우저에 적는거 ; url 이름을 부여해버리는거 ; urn 그런데 이름을 부여해버리면 찾을수가 없음 등등 아무튼 불편함 그래서 거의 url을 쓴다. ~ URI 뜻 Uniform ; 리소스 식별하는 통일된 방식 Resouce ; 자원, URI 로 식별할 수 있는 모든 것(제한 없음) -> 예를들어 웹브라우저에 있는 html 파일뿐아니라 실시간 교통정보 ..

replace str.replace(str2, str3) 문자열 str에서 특정문자열 str2를 문자열 str3로 변환(가장 왼쪽에 있는 값 1번만 실행) replaceAll 문자열 str에서 특정문자열 str2를 있는거 모두 문자열 str3로 변환

인터넷 통신 어떤 규칙으로 데이터가 이동할까? IP(인터넷 프로토콜) 패킷이 이동하기 위해서는 최소한의 규칙이 있어야 함. 그게 바로 IP주소를 통해 가능해짐 클라이언트가 IP주소를 부여받고, 서버도 부여받음 IP (인터넷 프로토콜)의 역할 1. 지정한 IP주소(IP Address)에 데이터 전달 할 수 있도록 정해 놓은 규칙 2. 패킷(Packet)이라는 통신 단위로 데이터 전달하게 됨 메시지를 그냥 보내는게 아닌 IP패킷이라는 규칙을 지켜서 보내야 함 전송데이터 밖에 나의 IP, 목적지의 IP를 적어야 함(주소 적듯) 그리고 던지면 IP 프로토콜에 의해서 서버들이 규약을 따르기에 목적지에 도달하도록 서로 던지며 이동 목적지에서 메시지를 받으면 똑같이 출발지, 목적지를 넣고 OK 메시지를 던져줌 적절하..

promise ; 약속, 자바스크립트에서 비동기 간편하게 처리할 수 있게 하는 오브젝트 정해진 기능 수행하고 나서 정상적으로 기능이 수행되면 성공의 메세지와 함께 결과값을 전달 만약 기능을 수행하다가 예상치 못한 문제가 발생하면 에러를 전달 예를들어 준비중인 강의가 언제 오픈될지 모르는 데 관심학생은 미리 등록하는 시스템에서 사용. 시간 지난 후 코스가 오픈되면 등록한 학생에게 메일 공지를 보냄 수업이 이미 오픈된 뒤에 철수가 뒤늦게 사전공지 창을 발견 뒤늦게 등록하지만 수업이 이미 오픈되었기 때문에 기다릴 필요없이 바로 메일 공지 수업에 바로 참여 가능해짐 콜백을 쓰지 않고 프로미스 오브젝트를 통해 비동기 코드 깔끔하게 처리하기 프로미스는 자바스크립트 안에 내장되어진 오브젝트 비동기적인 것을 처리할때 ..

1. 동기와 비동기 자바스크립트는 동기적(synchronous)이다. 호이스팅이 된 이후 작성한 코드 순서에 따라 하나씩 동기적으로 실행된다. hoisting ; var, function은 자동적으로 가장 우선적으로 실행 비동기적 ; 언제 코드가 실행될지 예측할 수 없는 예를들어 setTimeout(); 지정된 시간에 콜백함수를 호출하는 시간은 1000밀리세컨드 = 1초 1초가 지난뒤 2를 출력 위 코드는 1 3 2 순으로 출력됨 2. 콜백 전달 함수는 당장 실행하지 않고 1초 뒤 다시 불러줘(callback)의 의미 콜백은 항상 비동기일때만 쓰이나? no 콜백을 파라미터로 받아 처리하는 함수를 만듦 1 3 hello 2 순 출력 , 콜백함수이지만 동기적 비동기 콜백 구현 1 3 hello 2 async..

클라이언트가 서버와 통신할 수 있는 방법, 규격, 프로토콜 ; HTTP Hypertext Transfer Protocal AJAX ; http를 이용해 서버에게 데이터를 요청해서 받아올 수 있는 방법 웹페이지에서 동적으로 서버에게 데이터를 주고받을 수 있는 기술 대표적으로 XHR 오브젝트가 있음 브라우저 api에서 제공하는 오브젝트중 하나, 서버에게 데이터를 요청하고 받아올 수 있음 최근 브라우저에 추가된 fetch() api 를 이용하면 간편하게 데이터 주고받기 가능 하지만 인터넷 익스플로러에서 지원되지 않음 xml 은 html과 같은 마크업 언어 , 테그드를 이용해 데이터를 나타냄 서버와 데이터 주고받을때 xml 뿐 아니라 다양한 파일 형식(포맷) 이 가능함 그 중 하나가 json (xhr이 xml형..

배열 APIs 1. 배열을 string으로 변환하기 array.join('구분자') 2. string을 배열로 변환하기 array.split('찢는 기준 구분자') 또한 전달받을 크기제한 설정가능(옵션) array.split('찢는 기준', 배열의 길이제한) , 기준으로 자르고 앞에서부터 2개만 가져옴 배열의 순서 거꾸로 만들기 !! result에 할당 했지만 array 배열(기존의 배열)자체도 순서가 바뀐다 !! 4. 2개 데이터 제외시킨 새로운 배열 만들기 array.splice(0,2) 는 인덱스 0부터 2개의 데이터만 담은 배열을 리턴해서 result에 할당 array 원래 배열은 잘라낸 나머지 3,4,5가 담긴 배열만 남음 그런데 array 자체를 변형하는게 아니라 새로운 배열 만들고 싶기에 적..

비슷한 종류의 데이터 묶어 한곳에 보관 ; 자료구조 어떤 방식, 형식으로 데이터를 담느냐에 따라 다양한 type이 있음 오브젝트와 자료구조 차이점? 오브젝트 ; 비슷한 종류의 데이터를 묶어 놓는 것 오브젝트는 토끼와 당근과 같음 각각의 특징들이 있음. 서로 연관된 특징과 행동을 묶어 놓는 것(필드와 메소드) 자료구조는 비슷한 타입의 오브젝트 들을 묶어 놓는 것 보통의 언어에서는 자료구조에서는 동일한 타입의 오브젝트만 담을 수 있음 타입이 있는 언어에서는 동일한 타입의 데이터만 담을 수 있음 하지만 자바스크립트는 타입이 동적으로 정해지기 때문에(dynamically typed language) 한 바구니 안에 다양한 종류의 데이터 담을 수 있음 가능하지만 좋지 않은 방식 자료구조와 알고리즘 자료구조 중에서..