본문 바로가기

전체 글

(94)
Array Destructing, Object Destructing let state = { items: ['item1', 'item2', 'item3', 'item4'] } const { items } = state; // ['item1', 'item2', 'item3', 'item4'] 할당받는 변수에 왠 객체가 있지 ? 어떻게 동작하지 궁금했는데, value값이 할당됨을 확인할 수 있었다. let options = { title: "MVC", width: 100, height: 200 }; let {title, width, height} = options; alert(title); // MVC alert(width); // 100 alert(height); // 200 왼쪽에 기재한 title, width, height 순서대로 options 객체의 value가 할..
mvc 도전기 Model은 Controller와 View에 의존하지 않아야 한다. (Model 내부에 Controller와 View에 관련된 코드가 있으면 안된다. View는 Model에만 의존해야 하고, Controller에는 의존해선 안된다. (View 내부에 Model 코드만 있을 수 있고, Controller 코드가 있으면 안된다. View가 Model로 부터 데이터를 받을 때는, 사용자마다 다르게 보여주어야 하는 데이터에 대해서만 받아야한다. Controller는 Model과 View에 의존해도 되다. (Controller 내부에는 Model과 View의 코드가 있을 수 있다. View가 Model로 부터 데이터를 받을 때, 반드시 Controller에서 받아야 한다. 출처 테코톡 영상
es6 화살표 함수 특징 3가지 + reduce함수 결론 : 이름, this, argument 가 없다! 1. 이름 -> 화살표 함수는 기명함수가 없다! 항상 익명함 수! 2. this -> 앞선 this포스팅에 적었듯이 this가 화살표 함수에서 쓰이면 부모를 가리킨다! 3. arguments -> arguments속성이 없다! arguments는 값들을 배열 형태 담고있는데 화살표 함수 사용시 정의되지않았다고 에러를 뿜는다. 기능 유의 : 함수 본문에 return문만 존재할 경우, return 생략 가능 함수 body에 return문만 존재할 때 return을 생략하고 쓸 수 있다. 이때 중괄호({})도 생략해서 써야 정상 작동된다. // 정상 작동 function solution(numbers) { return 45 - numbers.reduce( ..
IIFE 즉시실행함수 와닿는 특징. const IIFE = (function (){ let num = 0; return num } ()) console.log(IIFE); // 0 const noIIFE = function(){ let num = 0; return num; } console.log(noIIFE); //ƒ (){ // let num = 0; // return num; //} 즉 IIFE는 한번 실행하고 소멸되기에 함수 원형을 찍으면 return값만 남더라...
[1일1CS] 네트워크 프로토콜 표준화 네트워크 프로토콜이란, 둘 이상의 다른 장치들끼리 데이터를 주고 받기 위해 설정된 규약들의 집합 입니다. 이는 어느 회사나 개인이 정하는 게 아니라, IEEE 등의 표준 단체에서 정합니다. 이를 통해 만든 기업이 다른 장치라도 서로 데이터를 수신할 수 있습니다 예를 들어 네트워크 프로토콜에서 웹을 접속할 때 쓰이는 HTTP가 있습니다. ‘서로 약속된’ 인터페이스인 HTTP라는 프로토콜을 통해 노드들은 웹 서비스를 기반으로 데이터를 주고받을 수 있습니다.
[1일1cs] 네트워크 성능 분석 명령어 에플리케이션 상에는 문제가 없는데, 데이터를 가져오지 못하는 경우가 있곤 하다. 그럴 때 네트워크 문제를 의심하고, 병목현상이 아닌지 찾아봐야한다. 그 원인은 주로 네트워크 대역폭, 앞 서 소개한 네트워크 토폴로지, 서버 CPU 메모리 사용량, 비효율적인 네트워크 구성 등으로 나뉜다. 이 때 네트워크 관련 테스트와 네트워크 무관 테스트를 진행한다. 1. Ping 테스트 기재한 주소로 일정크기와 개수의 패킷을 보내, 수신 상태와 속도를 볼 수 있다. TCP/IP프로토콜의 ICMP를 사용하다. -n 8은 8개의 패킷을 보낸다는 뜻이다. 2. netstat netstat 명령어는 접속되어 있는 서비스들의 네트워크 상태를 표시하는 데 사용. 네트워크 접속, 라우팅 테이블, 네트워크 프로토콜 등 리스트를 보여준다..
script type = "module" 카페 매뉴 앱 만들기 HTML을 살펴보는데, 굳이 script태그에 script type = "module"을 기재하는 것을 보았다. 모듈은, 프로젝트 규모가 커졌을 때 파일을 분리할 때 JS파일 하나를 하나의 모듈이라 했다. 그렇기에 그냥 미기재 또는 text/javascript와 module 차이가 무엇일까? 궁금했다. 먼저 가장 큰 차이는 export import 를 하지 못한다. 브라우저에서 import ,export 지시자를 사용하려면 같은 속성이 필요했다. 모듈은 자신만의 스코프를 갖는다. 그렇기에 이를 공유하려면 위의 import, export를 활용해야했다. 항상 엄격 모드로 실행(use strict)되었다. 선언되지 않은 변수에 값을 할당하는 등의 코드는 에러를 내뿜었다. 직접 겪어 본 ..
[1일1cs] 네트워크 종류 네트워크는 규모를 기반으로 분류할 수 있습니다. 사무실과 개인 규모의 LAN(Local Area Network) 도시 규모의 MAN(Metropolitan Area Network) 세계 규모의 WAN(Wide Area Network) 으로 나뉩니다. LAN : 근거리 통신망으로 주로 P2P방식. 전송속도가 빠르다. MAN : 도시 규모 네트워크. 광 케이블 동축 케이블 이용. 전송속도는 보통이다. WAN : 세계 규모 네트워크. 전송속도는 느리다. 이미지 출처 : https://velog.io/@stthunderl/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC-%EA%B8%B0%EC%B4%88