본문 바로가기

전체 글67

인터넷 네트워크 https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC/ 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런... www.inflearn.com 김영한님의 네트워크 강의를 요약한 글입니다. 인터넷 통신 수많은 노드를 거쳐서 목적지까지 안전하게 도착 할 수 있을까 IP(인터넷 프로토콜) 지정한 IP(IP Address)에 데이터 전달 패킷 (Packet)이라는 통신 단위로 데이터 전달 IP 프로토콜의 한계 비연결성 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷전송 비신뢰성 중간에 패.. 2022. 12. 30.
[JS] 함수 다루기 1. 함수, 메서드, 생성자 함수 1급객체 변수나, 데이터에 담길 수 있다. 매개변수로 전달 가능 (콜백 함수) 함수가 함수를 반환 (고차 함수) // 객체의 메서드 const obj = { method(){ return this; }, conciseMethod: function (){ return this; }, } conciseMethod 덕분에 객체 안에서 편하게 사용한다는 걸 알고 있자. 2.argument & parameter Parameter (Formal Parameter) 형식을 갖춘, 매개변수 function axios ( url ){ // some code } Argument (Actual Parameter) 실제로 사용되는, 인자 axios('https://...') 3. 복잡한 인자.. 2022. 12. 30.
[JS] 객체다루기 1. Computed Property Name const handleChange = (e) => { setState({ [e.target.name]: e.target.value, }); }; return ( ); input이 onChange 될 때마다 트리거 됨 handleChange에 이벤트가 접근 [e.target.name]에 name이 동적으로 들어옴 2.Lookup Table if 문이 길어질경우 switch를 사용하고 더 늘어진다면 object lookup 사용해볼 것 function getUserType(type) { switch (key) { case 'ADMIN': return '관리자'; case 'INSTRUCTOR': return '강사'; case 'STUDENT': return '.. 2022. 12. 28.
[JS] 배열 다루기 1.JavaScript의 배열은 객체이다. const arr = [1, 2, 3]; arr[3] = 'test'; arr['property'] = 'string value'; arr['obj'] = {}; arr[{}] = [1, 2, 3]; arr['func'] = function () { return 'hello'; }; console.log(arr); // [ // 1, // 2, // 3, // 'test', // property: 'string value', // obj: {}, // '[object Object]': [ 1, 2, 3 ], // func: [Function (anonymous)] // ] 배열인지 확인할 때는 isArray 사용 const arr = [1, 2, 3]; Arra.. 2022. 12. 27.