Web 57

IPv6

IPv6란 인터넷 프로토콜 스택 중 네트워크 계층의 프로토콜로서 버전 6 인터넷 프로토콜로 제정된 차세대 인터넷 프로토콜을 말한다.인터넷은 IPv4 프로토콜로 구축되어 왔으나 IPv4 프로토콜의 주소가 32비트라는 제한된 주소 공간 및 국가별로 할당된 주소가 거의 소진되고 있다는 한계점으로 인해 지속적인 인터넷 발전에 문제가 예상되어, 이에 대한 대안으로서 IPv6 프로토콜이 제안되었다. 실제로 IPv6 주소는 휴대폰 및 컴퓨터에 할당되어 적용되고 있다.  > IPv4 주소는 빠른 속도로 고갈되었으며, 인터넷에 접속된 컴퓨터는 기하급수적인 속도로 증가하고 있다.>인터넷의 주소 고갈과 네트워크 프래그멘테이션 문제를 해결하고 인터넷에 확장성과 데이터 보안을 강화하기 위해 IPv6가 제안되었다.

Web 2024.05.10

IP와 포트.

브라우저의 역할은 무엇인가 ? HTML을 읽어서 보여준다. 프로그램의 역할은 무엇인가 ? 해당 확장자로 작성된 파일을 읽어서 보여준다. 통신이란 ? 요청과 응답을 프로그램끼리 반복하는 것.  프로그램에서 요청과 응답을 위해 요청을 보낼 컴퓨터의 주소를 알아야 한다. > IP 주소 그 주소의 컴퓨터 안에는 무수하게 많은 프로그램, 어떻게 요청을 보낼 프로그램을 찾을까? > 포트  IP는 - 컴퓨터를 찾을 때 필요한 주소.- 컴퓨터 간의 네트워킹을 가능하게 하는 통신 규약. 포트는 - 컴퓨터가 각종 신호, 정보 등을 주고 받을 수 있도록 해주는 통신 통로- 네트워크 활동의관문 같은 역할- 컴퓨터 안에서 프로그램을 찾기 위한 수단, 즉 각 프로세스가 위치한 방 번호- 16비트로 된 숫자

Web 2024.05.08

localStorage

웹 스토리지 객체인 locarStorage는 브라우저 내에 키-값 쌍을 저장할 수 있게 해준다. 이를 사용하면 페이지를 새로 고침하고 심지어 브라우저를 다시 실행해도 데이터가 사라지지 않고 남아있다. 로컬 스토리지는 해당 메서드와 프로퍼티를 제공한다.setitem(key, value) - 키- 값 쌍의 보관.getitem(key) - 키에 해당하는 값을 받아온다. removeitem(key) - 키와 해당 값을 삭제.clear() - 모든 것을 삭제.key(index) - 인덱스에 해당하는 키를 받아온다.length - 저장된 항목의 개수를 얻는다. setItem(key, value) – 키-값 쌍을 보관합니다.getItem(key) – 키에 해당하는 값을 받아옵니다.removeItem(key) – 키와..

Web 2024.05.07

Import와 export

Import와 export는 가져오기와 내보내기를 뜻한다. 모듈에 특수한 지시자로써 다른 모듈을 불러와 불러온 모듈에 있는 함수를 호출하는 것과 같은 기능을 공유할 수 있다.  클래스, 함수 등의 선언부 앞에 export 붙여서 내보내기:export [default] class/function/variable ...이름 없는 개체 내보내기:export {x [as y], ...}.다시 내보내기:export {x [as y], ...} from "module"export * from "module" (default export는 다시 내보내 지지 않음)export {default [as y]} from "module" (default export를 다시 내보냄)named export 가져오기:import ..

Web 2024.05.03

Semantic code

의미론적 코드. 코드의 의미와 목적을 명확하게 나타내는 코드를 말한다. 의미론적 코드는 브라우저가 해당 페이지를 명확히 해석하고 데이터를 활용할 수 있게 한다. 검색엔진이 크롤링을 통해 매일 전 세계 웹사이트의 정보를 수집하고 해석할 때 더 가치있는 데이터를 전달할 수 있게 하고 검색엔진 또한 효과적인 크롤링과 인덱스를 행할 수 있는 것이다.  또 의미론적 코드는 가독성과 유지보수성을 높이는 데도 중요한 요소이다. 많은 사람들과 효과적인 협업 과정을 거쳐야 더 나은 프로그램을 만들 수 있다. 자신만 알아볼 수 있는 코드가 아닌 가독성이 높은 코드를 만들어야 유지보수성이 높아지고 효과적인 협업을 이뤄낼 수 있다.

Web 2024.05.02

git 사용 중인 문법 정리

git init > 깃 초기세팅, 초기화 명령어git log > 깃 커밋의 히스토리를 조회하는 명령어git status > 깃의 상태를 확인하는 명령어 git diff > commit이나 branch 사이의 다른 점, 레포지토리와 워킹디렉토리 사이의 다른 점을 조회하는 명령어git add > 다음 커밋을 기록할 때 까지 변경분을 모아놓기 위하여 사용하는 명령어 git commit > 깃에 저장하는 명령어. 기록함으로써 코드의 변경, 삭제가 이루어지더라도 이전 버전으로 돌아갈 수 있게 된다. git push > 로컬에 저장된 브랜치를 원격 저장소로 업데이트 할 때 사용되는 명령어. git branch > 현재 로컬에 저장된 브랜치 확인git branch -a > 로컬과 리모트에 저장된 브랜치 확인git s..

Web 2024.05.01

모듈

개발하는 애플리케이션의 크기가 커지면 언젠간 파일을 여러 개로 분리해야 하는 시점이 옵니다. 이때 분리된 파일 각각을 '모듈(module)'이라고 부르는데, 모듈은 대개 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성됩니다.자바스크립트가 만들어진 지 얼마 안 되었을 때는 자바스크립트로 만든 스크립트의 크기도 작고 기능도 단순했기 때문에 자바스크립트는 긴 세월 동안 모듈 관련 표준 문법 없이 성장할 수 있었습니다. 새로운 문법을 만들 필요가 없었던 것이죠.그런데 스크립트의 크기가 점차 커지고 기능도 복잡해지자 자바스크립트 커뮤니티는 특별한 라이브러리를 만들어 필요한 모듈을 언제든지 불러올 수 있게 해준다거나 코드를 모듈 단위로 구성해 주는 방법을 만드는 등 다양한 시도를 ..

Web 2024.04.29