smile-haha

🎈 대상 배열 직접 수정 함수 push / pop / shift / unshift / splice / sort var arr=['a','b','c','d']; arr.toString();//'a,b,c,d' //push - 배열의 끝에 요소 추가 arr.push('e'); arr.toString();//'a,b,c,d,e' //pop - 배열의 끝 요소 제거 arr.pop(); //'e' arr.toString();//'a,b,c,d' //shift - 배열의 처음 요소 제거 arr.shift();//'a' arr.toString();//'b,c,d' //unshift - 배열의 처음에 요소 추가 arr.unshift('a'); arr.toString();//'a,b,c,d' //★splice - 임의의..

Boolean 타입이 아닌 변수에 부정연산자를 쓰거나 Boolean 생성자로 감싸면 Boolean 형태로 변한다. 변수가 참같은 값이면 true, 아니면 false가 반환된다. 조금 헷깔려서 한번 여러 형태를 다 돌려보았다. Boolean(0) !!0 false // Number 타입 0 Boolean(3) !!3 true //0이 아닌 Number 타입 Boolean("") !!"" false //빈 문자열 Boolean("false") !!"false" true Boolean(" ") !!" " true //공백 문자열 Boolean("kk") !!"kk" true // 비어있지 않은 문자열 Boolean({}) !!{} true //빈 object Boolean([]) !![] true // 빈 배..

Babel은 ECMAScript 2015+/TypeScript/Ract의 JSX/Flow 코드를 이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 주로 사용되는 도구다. 1. npm을 이용해 바벨 패키지를 설치한다. $ npm install --save-dev @babel/core @babel/cli @babel/preset-env 이 명령어를 보면 @babel/core와 @babel/cli, @babel/preset-env 패키지를 설치하라는 의미이다. @babel/core : 바벨의 핵심 기능 @babel/cli : 터미널에서 babel을 사용할 수 있게 해주는 도구 @babel/preset-env : 바벨의 프리셋 중 하나로, ES6 문법을 이전 버전과 호환되는 JavaScript 버전..

🎈 ES6 ? javascript에는 Ecma International이 정의한 ECMAScript(ES)라는 기술규격이 있다. ES에는 여러 버젼이 있는데 각 브라우저의 각 버젼별로 지원되는 ES의 종류가 다르다. 이것은 브라우저별로 사용하는 javascript 엔진이 다르기 때문인데, 이 이야기는 다음번에 시간 되면 따로 포스팅을 하겠다... 어쨌든, 현재까지 나온 ES 버젼에는 아래와 같이 11개의 버젼이 있다. (아래 표는 w3schools에서 가져왔다.) Ver Official Name Description ES1 ECMAScript 1 (1997) First edition (초판) ES2 ECMAScript 2 (1998) Editorial changes ES3 ECMAScript 3 (199..

npm(node package manager)은 Node.js에서 사용할 수 있는 모듈을 패키지화하여 모아둔 저장소이며, 패키지 관리 및 설치를 위한 CLI를 제공한다. ※CLI(Command line interface) : 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식. 하지만 꼭 Node.js를 사용할 때만 npm이 필요한 것은 아니다. 브라우저 기반 앱을 개발할 때에도 npm을 사용하면 일이 훨신 편하다. - 개발 전 npm 홈페이지에서 내가 필요한 기능을 검색하여 존재한다면 그대로 가지고 와 사용함으로서 개발 시간을 단축할 수 있기도 하고, 꼭 사용하지 않더라도 참고할 수 있어서 좋다. 🎈 npm 설치 npm은 node.js를 설치할 때 함께 설치된다. node.js 홈페이지(http..

내가 생각하는 프로젝트 관리 시스템(git)을 사용하는 이유는 협업을 위해서이다. (물론 혼자 개발을 하더라도 git으로 관리를 하면 수정 history를 확인 할 수 있기 때문에 유용할 것이라고 생각하지만 나는 혼자 개발할 때는 git을 따로 쓰지 않았다.) git을 통한 협업을 위해서는 원격 저장소가 있어야 한다. 원격 저장소에서 소스를 받고(pull) 소스를 수정해서 올리고(push) 다른 팀원이 해당 내용을 확인하여 수정된 소스를 받아(pull) 이어 개발을 하기 위해서이다. 🎈원격 저장소와 로컬 저장소의 차이 원격 저장소는 bare repository이어야 하고, 로컬 저장소는 non-bare repository이어야 한다. 왜냐하면 non-bare repository에서 non-bare rep..

프로토콜 통계와 현재 TCP/IP 네트워크 연결을 표시 🎈사용 방법 netstat [option] [| find "텍스트"] 💡자주 사용할 것 같은 옵션 netstat -nao | find "LISTEN" // LISTEN 상태인 연결 표시 netstat -nao | find "[ip]:[port]" // 특정 ip에 특정 port 연결 상태 표시 🎈option -a 모든 연결 및 수신 대기 포트를 표시합니다. -b 각 연결 또는 수신 대기 포트 생성과 관련된 실행 파일을 표시합니다. 잘 알려진 실행 파일이 여러 독립 구성 요소를 호스팅할 경우 연결 또는 수신 대기 포트 생성과 관련된구성 요소의 시퀀스가 표시됩니다. 이러한 경우에는 실행 파일 이름이 아래 [] 안에 표시되고 위에는 TCP/IP에 도달할 ..

🎈TCP 3-way handshaking TCP/IP프로토콜을 이용해서 통신을 하는 응용프로그램이 데이터를 전송하기 전에 먼저 정확한 전송을 보장하기 위해 상대방 컴퓨터와 사전에 세션을 수립하는 과정. TCP의 연결을 초기화 할 때 사용. ① client에서 웹서버로 연결을 최초시도시 먼저 SYN 패킷을 보낸다 ② SYN 패킷을 보낸 클라이언트는 SYN-SENT 상태가 된다 ④ server에서 CLOSED는 port가 닫혀잇는 상태를 뜻하고, 포트가 서비스 가능한 상태인 LISTEN 상태로 만들어 주어야 한다 ⑤ LISTEN상태에서 클라이언트로부터 SYN 패킷을 받으면 이에 대한 응답으로 SYN+ACK 패킷을 클라이언트로 보낸다 ⑥ server로부터 SYN+ACK 패킷을 받으면, 클라이언트는 ESTABL..

cmd에서 telnet을 이용하려고 할 때, windows에 telnet 기능이 설치되어있지 않을 경우 다음과 같이 실행되지 않는다. 🎈일단 windows에 telnet이 설치되어 있나 확인해보자. cmd 창을 열고, 아래 명령어를 입력해 본다. telnet 위와 같은 결과가 나타날 경우, windows에 telnet이 설치되어 있지 않은 것. 그럼 이제 windows에 telnet을 설치해보자. 1. 메뉴에서 프로그램 추가/제거 2. 선택적 기능 3. 기타 Windows 기능 4. 텔넷 클라이언트 체크(기존에는 체크가 되어있지 않았을 것) > 확인 5. 완료 다시 테스트 cmd에서 telnet 명령어 입력. 아래와 같은 화면 나타나면 성공

원격 서버에 연결할 때, 원격 서버쪽에서 내 로컬 pc에서 접속 가능하도록 방화벽을 해제해 주어야 로컬에서 서버에 접근 가능하다. 이럴 때 CMD 창을 열어 아래와 같이 명령어를 입력한다. telnet [원격 서버 ip] [원격 서버 port] telnet smile-haha.tistory.com 80 연결이 되어있다면 아래와 같이 Telnet [원격 서버 ip] 를 제목으로 한 창이 열린다.