공부 69

인터넷은 어떻게 작동이 되는가?

인터넷이란? 인터넷(Internet) 웹의 필수적인 요소로 각 컴퓨터가 통신 프로토콜을 이용해 서로 정보를 주고받는 컴퓨터 네트워크이다. 인터넷의 탄생 인터넷은 1960년대 미 육군에서 기금 한 연구 프로젝트에서 시작되었다. 냉전 중 핵전쟁 등의 상황에서도 살아남을 수 있는 네트워크를 연구하였고 기존에 사용 중이던 회선 교환 방식보다 패킷 교환 방식이 매우 견고하고 생존성이 높았다 이 통신망을 ARPANET이라고 하였고 이것이 현제의 인터넷망이 탄생하게 된 계기이다. 인터넷의 동작 단순 네트워크 두 개의 컴퓨터가 통신이 필요할 때 물리적(이더넷 케이블)이나 무선(Wi Fi, Bluetooth)으로 연결되어야 한다 현대의 모든 컴퓨터들은 이러한 연경 중 하나를 이용하여 연결을 지속할 수 있다 이러한 네트워..

JS(Javascript)란 무엇인가?

JS는 웹 브라우저에서 동작하는 스크립트 언어이다. 하지만 처음부터 그렇게 웹 개발자에게 친숙한 언어는 아니었다. 초창기 자바스크립트는 웹 페이지 제작에 있어서 보조적인 기능을 웹 브라우저에서 서로부터 받은 HTML, CSS 데이터로 렌더링을 해주는 수준이었다. 이 시절에 자바스크립트는 그다지 중요한 역할을 담당하지 못했다. 다만 소수의 자바스크립트는 프로그래머들에 의해 여럴 가지 연구가 이루어지고. prototype.js와 같은 주요 라이브러리들이 개발된다. 그리고 웹이 더욱 발전하면서, 웹 아키텍처에도 여러 가지 크고 작은 변화가 일어났다. 특히 과거에 서버에서 담당하던 역할들이 상당부분 웹 브랑저로 이동하였고. 자바스크립트는 이 변화의 중심에 서게 된다 게다가 jQuery의 등장으로 보다 쉽게 DO..

Bundle란?

Bundle란? 웹팩을 사용하게 되면 웹에 사용되는 파일들을 모두 번들이라는 과정을 거쳐 확장자 별로 하나의 파일들이 만들어진다 이렇게 서로 참조 관계가 있는 모듈들을 하나의 파일로 묶는 것을 번들이라고 한다. Bundle 가 중요한 이유 모든 모듈을 로드하기 위해 검색하는 시간이 단축된다. 파일 접근한다음 읽고 해석한 다음 접근을 끊는 과정을 파일마다 반복된다 번들링을 하게 되면 한 파일 안에 모듈들이 모이게 되기 때문에 모듈을 찾고 해석하는 시간이 줄어든다. 사용하지 않는 코드를 제거해준다 모듈 내에서 기능을 내보낼 때 번들링을 통해 사용하지 않는 코드를 제거해주고 파일의 크기를 줄여준다. 파일의 크기를 줄여준다 파일들을 한 곳으로 번들링 되는 것이 파일의 크기를 줄여준다.

Webpack의 기본구조 (Module의 정의)

Module 프로그램을 구성하는 내부의 코드가 기능별로 나뉘어 있는 형태 Module의 표준 Module을 사용하기 위해서는 Module을 인식하는 Module System과 Module을 다루는 키워드가 제공되어야 한다. CommonJS(Node.js) ESM(ECMAScript 2015 ~ ) Module을 다루는 키워드 Module을 다루는 키워드는 크게 2가지가 있다 내보내기(CommonJS) 한 번에 내보내기(내보낼값들을 객체안에 넣고 한번에 내보냄) 개별적으로 내보내기(내보낼 값들을 개별적으로 키워드를 지정해서 지정된 값들만 내보냄) const PI = 3.14; // PI값 const getCirckeArea = r => r * r * PI; //원의 넓이를 구하는 공식 module.expo..

공부 2021.05.15

[MAC]Homebrew 명령어

1. Homebrew를 사용하기 위한 명령어 정리 - brew ~ : 커맨드 라인 프로그램 (c, java, python 등등..) - brew cask ~ : GUI 프로그램 (Safari, Chrome, Word 등등..) brew update : 홈브류 최신버전으로 업데이트 brew upgrade [프로그램명]: 홈브류에 설치된 프로그램 최선버전으로 업데이트 brew search [프로그램명] : 홈브류를 통해 설치 가능한 프로그램 찾기 brew cask list : 홈브류에 설치된 그래픽을 통해 작업하는 프로그램 목록 (Safari, Chrom, Word와 같은 일반적인 앱) brew cask install [프로그램명] : 프로그램 설치 brew cask remove [프로그램명] : 홈브류에 ..

공부 2021.05.12

[Mac] git 설치

git 설치에 앞서 Homebrow를 먼저 설치할것이다 Homebrow는 애플이나 리눅스에서 지원하지 않는 패키지를 다운받을수 있는 프로그램이다. 또한 여러가지 필요 프로그램들을 설치,삭제등이 명령어 하나로 작동된다. (Homebrew가 설치되어있지 않으면 명령어로 git설치가 불가능하다) 먼저 터미널을 켜서 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"를 붙여넣기만 하면 Homebrew가 설치가 진행된다. 터미널에 붙여넣기를 하면 Password를 입력하라고 나오는데 맥OS Password를 입력하면 설치가 끝난다. 설치가 끝나면 터미널을 종료후 다시접속한다음 brew ins..

공부 2021.05.12

Git 이란 무엇인가?

Git이란 소스코드를 효과적으로 관리하기 위해 개발된 ‘분산형 버전 관리 시스템’이다. 원래는 Linux 소스코드를 관리할 목적으로 개발 되었다. Git에서는 소스 코드가 변경된 이력을 쉽게 확인할 수 있고, 특정 시점에 저장된 버전과 비교하거나 특정 시점으로 되돌아갈 수도 있다. 또 내가 올리려는 파일이 누군가 편집한 내용과 충돌한다면, 서버에 업로드 할 때 경고 메시지가 발생됩니다. 누군가가 애써 편집한 내용을 덮어써버리는 실수는 없다. 깃을 공부할수 있는 사이트 https://backlog.com/git-tutorial/kr/

CSS 와 HTML 이란?

HTML 은 Hyper Text Markup Language 약어로 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어이다 구조를 설계할 때 사용되는 언어로 Hyper link 시스템을 가지고 있으며, 흔히 말하는 웹 페이지를 위한 마크업 언어라고 할 수 있다 CSS는 Cascading Style Sheets의 약자로 웹 문서의 스타일을 지정하고 꾸미는 데에 사용되는 언어이다. 기존의 웹 페이지 제작 언어인 HTML과 별개로 CSS라는 언어를 도입했다. 현재 CSS는 HTML 언어와 함께 동작하며 HTML로 작성된 정보를 시각적으로 이쁘게 바꿔주는 역할을 한다.

알고리즘이란? 알고리즘 기초공부

알고리즘이란? 알고리즘이란, 어떤 문제를 해결하기 위한 자세한 방법입니다. 예를 들어 라면을 만들기 위해서는 냄비에 물을 끓이고, 라면 봉지를 뜯고, 스프와 건더기를 넣고, 면을 넣고, 4분 정도 기다리면 되는데요. 여기서 우리가 해결하고 싶은 문제는 라면을 끓이는 것이고, 방금 이야기한 해결 방법이 라면을 끓이는 문제에 대한 알고리즘입니다. 그런데 친구 하나는 스프랑 건더기보다 면을 먼저 넣어야 더 맛있다고 생각합니다. 또 다른 친구는 면을 익히는 중에 면을 살짝씩 위로 들어올려서 공기에 접촉시켜주면 면이 더 탱탱해진다고 주장하네요. 모두 목적은 같은데 방법이 조금씩 다릅니다. 같은 문제를 해결하기 위해서도 다양한 알고리즘이 존재하는 거죠. 좋은 알고리즘이란? 그렇다면 다양한 알고리즘 중에 좋은 알고리..