Gwni Lab GwniLab

JSON (JavaScript Object Notation) JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐이다. JSON 특징 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용된다. 자바스크립트 객체 표기법과 아주 유사하다. 자바스크립트를 이용하여 JSON 형식의 문서를 쉽게 자바스크립트 ..

VPN의 의미 'VPN'이란 용어는 대중적으로 많이 알려져 있습니다. 특히 원격 팀이라면 한 번은 들어봤을 용어죠. 그렇다면 VPN의 의미는 무엇일까요? VPN은 가상 사설망(Virtual Private Network)의 약자입니다. 이름에서 알 수 있다시피 VPN은 온라인에서 사용자를 위한 가상 공간을 만들어주죠. 하지만 VPN에 과연 특별한 이점이 있을까요? VPN의 기능 VPN은 집에서 인터넷을 사용하는 사람들과 바쁘게 돌아가는 직장의 업무공간에 다양한 이점을 제공한다고 주장합니다. 그 이점은 다음과 같습니다. 원격 액세스 허용 VPN을 사용하면 선별된 장치들만으로 구성된 원격 사설망을 만들 수 있어 원격 근무자들에게 이상적입니다. 이를 통해 팀은 서로 다른 지역, 다른 대륙에 있어도 '안전하게' ..

FTP의 의미 FTP란 파일 전송 프로토콜(File Transfer Protocol)의 약자입니다. 그 의미를 자세히 살펴봅시다. 기본적으로 '프로토콜'은 전자기기가 서로 통신하는 데 필요한 절차나 규칙을 뜻하죠. FTP는 TCP/IP 네트워크(인터넷)상의 장치가 파일을 전송할 때 사용하는 규칙입니다. 인터넷을 사용할 때 우리는 다양한 프로토콜을 사용합니다. 인터넷을 둘러볼 때는 HTTP를 사용하고, 인스턴트 메시지를 주고받을 때는 XMPP를 사용하죠. 간단히 말해 FTP란 파일을 이동할 때 사용하는 프로토콜이라고 보시면 됩니다. FTP 서버란? FTP 서버란 파일을 하나의 장치에서 다른 장치로 전송하는 소프트웨어 애플리케이션을 말합니다. 복잡하게 들릴 수도 있지만, 기본적으로 FTP 서버는 FTP 주소..

const typingText = document.querySelector(".typing__text p"); const inputField = document.querySelector(".input__field"); const typingMistake = document.querySelector(".mistake span"); const typingTime = document.querySelector(".time span b"); const typingWpm = document.querySelector(".wpm span"); //1분동안 친 단어 const typingCpm = document.querySelector(".cpm span"); //1분동안 친 글자수 const typingAgain =..

기본 설정 리액트 앱 만들기 npx create-react-app 출력하기 import React from "react"; import ReactDOM from "react-dom"; ReactDOM.render(Hello, React, document.getElementById("root")); JSX javascript + html // Some codeimport React from "react"; import ReactDOM from "react-dom"; const name = "gwni"; const hello = hello {name} ReactDOM.render(hello, document.querySelector("#root")); // Some code//JSX import React ..

React는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있습니다. 싱글 페이지 애플리케이션이나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있습니다. 즉, 현재 많이 활용되고 있는, 웹/앱의 View를 개발할 수 있도록 하는 인기있는 라이브러리라고 볼 수 있습니다. React의 필요성? react를 사용하지 않아도, html과 css, javascript를 이용해서 웹 페이지를 만들 수 있지만, react를 이용해 사용자와 상호작용할 수 있는 동적인 UI를 쉽게 만들 수 있기 때문에 많이 이용되는 것 같습니다..! React의 특징 React의 특징은 크게 다음과 같이 구분해보았습니다. 1. Data Flow 2. Component 기반 구조 3. Virtual Dom 4. Pro..

네임스페이스 네임스페이스가 무엇인가를 정의하기에 앞서서 파일을 생각해보자. 파일은 데이터를 보관하고 있는 일종의 컨테이너다. 그리고 이 컨테이너는 파일명으로 식별이 된다. 파일의 수가 많아지면서 파일을 관리하는 것이 점점 어려워진다. 그래서 고안된 것이 바로 디렉토리다. 디렉토리를 이용하면 같은 이름의 파일이 하나의 컴퓨터에 존재할 수 있다. 파일명의 충돌을 회피 할 수 있게 된 것이다. 네임스페이스란 간단하게 디렉토리와 같은 것이라고 생각하자. 하나의 에플리케이션에는 다양한 모듈을 사용하게 된다. 그런데 모듈이 서로 다른 개발자에 의해서 만들어지기 때문에 같은 이름을 쓰는 경우가 생길 수 있다. 이런 경우 먼저 로드된 모듈은 나중에 로드된 모듈에 의해서 덮어쓰기 되기 때문에 이에 대한 대책이 필요하다...

프로그램은 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 그 과정에서 코드의 재활용성을 높이고, 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. 그 중의 하나가 코드를 여러개의 파일로 분리하는 것이다. 이를 통해서 얻을 수 있는 효과는 아래와 같다. 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. include란? PHP에서는 필요에 따라서 다른 PHP 파일을 코드 안으로 불러와서 사용할 수 있다. 그 방법에 대해서 알아보자. include가 없다면 우선 include가 없는 애플리..