빵 입니다.

📌 모듈 시스템◾ 자바스크립트에서 모듈 시스템은 코드를 효율적으로 분리하고 재사용 가능하게 만드는 역할을 한다.◾ CommonJS와 ESM은 모듈화를 지원하는 두 가지 방식이다. 📌 CommonJS🧿 Node.js 환경에서 사용 - Node.js 초기 설계 단계에서 채택된 모듈 시스템🧿 require() 함수로 모듈을 가져오고, module.exports로 내보낸다.// math.jsmodule.exports = { add: (a, b) => a + b, subtract: (a, b) => a - b,};// app.jsconst math = require('./math');console.log(math.add(2, 3)); // 5 🧿 동기적 모듈을 로딩- 동기적으로 모듈을 로드하기 때문에..

📌 중괄호 {}를 생략한 경우괄호 {}를 생략하면 화살표 함수가 단일 표현식을 암시적으로 return한다.단일 표현식을 암시적으로 반환// const fn = () => expression;const add = (a, b) => a + b;  📌 중괄호 {}를 사용한 경우중괄호 {}를 사용하면 화살표 함수 내부에서 명시적으로 return 키워드를 사용해야 한다.중괄호 {}와 return을 명시적으로 사용// const fn = () => {// return expression;// };const add = (a, b) => { return a + b; // 명시적으로 반환};

현재 작업 중인 프로젝트에 Typescript를 도입해서 사용 중인데 type-check를 해보니 정말 개판인거에요.(네. 제가 개판으로 사용했습죠...) 그래서 에러 뜬 파일들을 일일이 열어서 수정을 했는데... 소스도 깨끗하지 않더라고요. props를 가져올 때의 default 값도 제각각~ 대충 알고 막연하게 사용했던 자신을 반성하며... 정리를 해보았습니다! 여기서 default❗defineProps({ list: { type: Array as () => { label: string; value: number }[], default: () => [] }, paginationValue: { type: Object as () => PaginationValue, default..

서버의 리소스와 캐싱된 리소스를 확인을 하기 위해 ETag를 비교하거나 Last-Modified(마지막 수정일)를 비교한다. 📌 ETag(Entity Tag)서버가 리소스의 특정 버전에 대해 생성하는 고유 식별자 리소스의 내용이 변경되면 ETag 값도 변경된다. 클라이언트가 캐시된 리소스를 사용할 수 있는지 확인하는 데 사용한다. 서버는 클라이언트가 제공한 ETag 값과 현재 리소스의 ETag 값을 비교한다. 🧿 작동 방식 => 클라이언트는 서버에 리소스를 요청할 때 If-None-Match 키를 사용하여 이전에 받은 ETag 값을 전달한다. 1. 서버가 리소스를 클라이언트에 전달할 때 ETag 헤더를 함께 보낸다. 2. 이후 클라이언트는 요청을 보낼 때, If-None-Match 헤더에 ETag 값..

인터넷 거버넌스는 기존의 다자 거버넌스와 다른 독특한 특성이 있다. 시민 사회 단체가 다른 이해관계자와 비교적 동등한 입장에서 인터넷을 운영하는 정책 수립에 직접 참여하기 때문이다. 따라서 마음만 먹으면 다른 기존 분야에 비해 개인 또는 시민으로서 적극적으로 개입할 수 있는 기회가 열려 있다. 📌 다자 이해관계자 모델전화나 전보 같은 이전의 통신 기술은 정부나 국영 기업이 독점으로 통제하고 규제하는 경우가 많았다. 하지만 인터넷 거버넌스는 독특한 다자 이해관계자 모델을 기초로 하고 있다. 다자 이해관계자 모델은 정부, 민간 부문, 시민 사회, 관심이 있거나 활동하고 싶어 하는 모든 사람의 참여가 필요하다. 다양한 당사자의 참여 덕분에 시민 사회는 단지 로비만 하는 것이 아니라, 전 세계 인터넷을 만드는..

초기 인터넷의 지향점은 권력이 사용자 모두에게, 평등하게 분배된 이상적인 네트워크였다. 그러나 현재 인터넷은 통합된 서비스를 통해서 소수에 의해 콘텐츠가 통제되고 있다.이처럼 인터넷 권력이 집중되는 현상은 여러 가지 문제를 일으킬 수 있다. 첫째, 몇몇 선진국의 대기업만이 인터넷 작동 방식을 결정하게 된다. 그들만의 의사결정은 다른 모두를 배제할 수 있다는 위험이 있다. 둘째, 민간 부문이 시민 사회의 참여 없이 인터넷 표준을 수렵해서 시민 사회의 요구를 간과할 수 있다. 셋째, 보통 민간 기업은 민주적으로 운영되지 않는다. 그렇다고 국경을 넘어 분권화된 인터넷을 시민 사회가 관리하기도 더욱 어렵다. 시민 사회 역시 다국적 기업에게 법과 국제 인권 규범을 준수시키거나 프라이버시, 표현의 자유, 결사의 자..

📌 인터넷 거버넌스인터넷은 전 세계에 퍼져 있는 네트워크로 수많은 자율 시스템이 자발적으로 상호 연결되어 있다. 이런 자율 시스템은 프로토콜, 하드웨어, 소프트웨어를 통해 호환된다. 인터넷 덕분에 정보는 거의 모든 주권 국가 사이를 자유롭게 이동하고, 수많은 공공 및 민간 기관이 인터넷의 물리적인 부분을 소유하거나 운영하고 있다. 단, 이를 조정하는 중앙 운영 기관은 없다. 그 대신 인터넷의 전 세계적인 호환성과 관련된 것들을 개발하고 유지하려 노력하는 사람들이 모여 '인터넷 거버넌스'를 구성했다. 이에 따라 관련된 한 가지 정책이 변화할 때 다른 측면에도 다양한 영향을 미치는 구조가 만들어졌다. 정확하게 일치하지는 않지만, 인터넷의 5가지 계층(사회 계층, 콘텐츠 계층, 응용 계층, 논리 계층, 인프..

📌 인터넷의 계층인터넷은 여러 계층으로 구성되고 서로 층층이 쌓여 상호작용하고 있다. 지금까지는 인터넷의 구체적인 기능과 구성 요소에 대해 알아보았다. 인터넷을 작동시키는 사람(또는 기관)과 전체적인 시스템으로서의 인터넷을 확실하게 개념화해 보려고 한다. 각 계층은 하위 계층을 기반으로 작동하고, 그보다 상위 계층에 서비스를 제공한다. 🧿 사회 계층 인터넷에서 가장 관계성이 높은 계층 인터넷을 실제로 사용하는 사람과 인터넷을 관리하고 통제하는 인간관계로 구성되어 있다. - 시민 - 기업 - 비영리 단체 - 정부 🧿 콘텐츠 계층 인터넷으로 어떤 데이터에 접근할 수 있고 사용할 수 있는지에 관한 계층 가장 많은 사용자가 존재를 인식하고 있는 계층 - 웹사이트(뉴스 사이트, 소셜 미디어, 블로그, 홈페이..

📌 사이버네틱스(Cybernetics)사이버네틱스 시스템은 시스템 속에서 전달되는 데이터를 활용해 시스템 자체를 조절하고 최적화하는 것을 말한다. 사이버네틱스를 가장 간단하게 보여주는 대표적인 예가 난방시스템이다. 특정 온도 이하로 기온이 내려가면 난방이 작동하고, 일정 온도 이상으로 기온이 올라가면 난방이 꺼진다. 사용자는 온도 설정을 바꿔서 난방기가 일정한 온도를 유지하도록 조절할 수 있다.   📌 알고리즘(Algorithm)🧿 소프트웨어 알고리즘알고리즘은 문제를 해결하기 위한 일련의 명확하고 논리적인 절차나 규칙의 집합으로, 소프트웨어 개발에서 중요한 역할을 한다. 입력값을 받아 처리하고, 정의된 단계에 따라 출력값을 생성하는 과정을 따른다. 🧿 핵심 요소 입력(Input) : 알고리즘이 처..

📌 검열 모니터링검열과 일시적 서비스 중단을 구분하려면 전 세계의 인터넷 접속 상태가 모두 같은지를 확인해보면 된다. 모든 위치에서 접근이 불가능하다면 이는 서비스 자체가 중단된 것이고, 특정 지역에서만 접근이 불가능하다면 해당 지역에서 검열이 이루어지고 있을 가능성이 크다. 검열 모니터링을 시행하는 방식은 매우 다양한데, 기본적으로 사용자 보고서를 보면 콘텐츠의 접근이 막혔는지 허용됐는지를 알 수 있다. 몇몇 정부나 기업은 이런 검열 정보를 투명하게 공개하기도 한다. 하지만 기술적으로 인터넷 검열이 이루어지는지를 확실하게 알아보려면 특정 위치에서 같은 서버나 서비스에 다른 유형의 요청을 보내 직접 테스트하는 방법 밖에 없다. 특정 위치에서 동일한 서버나 서비스에 대해 다른 유형의 요청을 보내고, 테스..