You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
안드로이드 ↔ BLE(블루이노) 연결하기
혹시 블루이노를 이용해 졸프 하시는 분들을 위해서, 이용하라고 배포합니다. (최대한 필요한 것 들만 간단하게 압축해서 작성해 보았습니다.) 굳이 블루이노를 사용하지않더라도, BLE 기기라면 가능합니다. 다만 기기에 따라 IDE코드가 다를 수 있습니다. !!! 이럴때 블루이노를 사용하세요 !!! 1. 아두이노에 연결할 센서나 기기들이 적을 때 (사용할 핀 갯수가 적을 때) 2. 전기공급을 외부 배터리를 이용해야 할때 3. 아두이노 + 블루투스를 사용하고자 할때, 부피 절감을 원할 때 4. 장거리 통신이 필요 없을때 !!! 이럴때 그냥 아두이노 hc 06 사용하세요 !!! 1. 전력 공급이 빵빵할때 2. 장거리 통신이 필요 할때 3. BLE 개념이 너무 난해할때 (구글링해도 관련 자료가 너무 부족합니다..
🌐 브라우저 이벤트 종류 & 사용법 총정리
브라우저 이벤트 란? 이벤트(event)는 어떤 사건을 의미한다. 브라우저에서의 이벤트란 예를 들어 사용자가 버튼을 클릭했을 때, 웹페이지가 로드되었을 때와 같은 것인데 이것은 DOM 요소와 관련이 있다. 이벤트가 발생하면 그에 맞는 반응을 하여야 한다. 이를 위해 이벤트는 일반적으로 함수에 연결되며 그 함수는 이벤트가 발생하기 전에는 실행되지 않다가 이벤트가 발생되면 실행된다. 이 함수를 이벤트 핸들러라 하며 이벤트에 대응하는 처리를 기술한다. 자바스크립트 이벤트의 종류 실무에 자주 쓰이는 대표적인 자바스크립트 이벤트를 소개한다. UI Event Event Description load 웹페이지나 스크립트의 로드가 완료되었을 때 unload 웹페이지가 언로드될 때(주로 새로운 페이지를 요청한 경우) e..
🌐 DHCP 이란 무엇인가? (그림으로 쉽게 정리)
DHCP DHCP는 Dynamic Host Configuration Protocol의 약자이다. DHCP란 단어 그대로 동적으로 호스트를 설정하는 규악이다. 네트워크 안에 컴퓨터에 자동으로 네임 서버 주소, IP주소, 게이트웨이 주소를 할당해주는 것을 의미하고, 해당 클라이언트에게 일정 기간 임대를 하는 동적 주소 할당 프로토콜이다. PC의 수가 많거나 PC 자체 변동사항이 많은 경우 IP 설정이 자동으로 되기 때문에 효율적으로 사용 가능하고, IP를 자동으로 할당해주기 때문에 IP 충돌을 막을 수 있다. 하지만, DHCP 서버에 의존하기 때문에 서버가 다운되면 ip 할당이 제대로 이루어지지 않는다. 1. 공유기에 노트북을 LAN으로 연결하면 자동으로 DHCP Client의 MAC 주소(8c:85...)..
![[VSCode] 💽 주석 단축키 (Ctrl + /) 가 안될때](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F0EL6k%2FbtrfzkKct5Q%2FVRY9u6YfNaO67jIYT0j0L0%2Fimg.png)
[VSCode] 💽 주석 단축키 (Ctrl + /) 가 안될때
vscode에서 Ctrl + /로 편하게 주석을 씌울 수 있다. 그러다 어느날 뭘 잘못만졌는지, 주석 단축키가 먹통이 되버려서 굉장히 당황스러웠는데, 그 해결 방법을 포스팅 해본다. 해결 방법은 간단하다 작업표시줄에 언어입력기에서 Microsoft 입력기 로 설정하면 해결 된다.
🔌 이더넷( Ethernet) 이란 무엇인가?
이더넷 (Ethernet) 이더넷은 원칙적으로 하나의 인터넷 회선에 유/무선 통신장비 공유기, 허브 등을 통해 다수의 시스템이 랜선 및 통신포트에 연결되어 통신이 가능한 네트워크 구조를 말한다. Ethernet은 전세계 학교, 가정, 사무실에서 가장 많이 활용되는 네트워크 규격이다. 이녀석은 OSI 모델 7계층 중 물리 계층(신호와 배선)과 데이터 링크 계층(MAC 패킷, 프로토콜 형식)에서 그 구성 형식이 정의된다. 단어 면에서, Internet의 개념과 정말 헷갈리는 놈이다. 어감도 서로 비슷하고 알파벳도 크게 차이가 나지 않는다 하지만 완전히 다른 개념이다. Internet은 여러 네트워크를 전세계적으로 연결한 컴퓨터 네트워크를 말한다. (Network of Network) 네트워크는 우리 집에 있..
🌐 포트(PORT) 란 무엇인가?
포트 - Port 본래의 의미로 직역하면 '항구'라는 뜻으로, 컴퓨터 관련 분야에서의 의미로는 운영 체제 통신에서의 종단점을 뜻한다. 어떠한 데이터가 송수신을 할 때 Datalink 계층에서는 호스트의 NIC로 MAC Address를 판별하고 Network 계층에서는 IP Address로 목적지를 판별한다. 이렇게 MAC Address와 IP Address를 통해 목적지 호스트까지 도달한 후에는 어떤 Process(프로세스)에서 데이터를 받을 것인지 를 알아야 하는데 이 때 쓰이는 것이 Port Number(포트 번호)다. 네트워크 상에서 통신을 할 때 IP를 토대로 해당 서버가 있는 컴퓨터에 접근한다. 그런데 대부분의 경우 하나의 컴퓨터에는 여러 개의 서버가 실행될 수 있다. 컴퓨터에 여러 개의 서버가..
🌐 NAT(Network Address Translation) 이란 무엇인가?
NAT (Network Address Translation) 개념 네트워크 주소 변환(network address translation, 줄여서 NAT)은 컴퓨터 네트워킹에서 쓰이는 용어로서, IP패킷의 TCP/UDP 포트 숫자와 소스 및 목적지의 IP 주소 등을 재기록하면서 라우터를 통해 네트워크 트래픽을 주고 받는 기술을 말한다. 한 마디로 Network Address인 IP를 변환(Translation)하겠다는 뜻이다. NAT를 이용하는 이유는 대개 사설 네트워크(Private Network)에 속한 여러 개의 호스트가 하나의 공인 IP 주소를 사용하여 인터넷에 접속하기 위함이다. IP 주소에는 Public IP(공인 IP)와 Private IP(사설 IP)가 있다. IP를 굳이 두 종류로 나눈 이..
![[Virtual box] 💿 포트포워딩 & 호스트 네트워크 설정](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FqSWGz%2Fbtre9EBZGoR%2FshpjdVSanqVLutJ2qZ1GM1%2Fimg.jpg)
[Virtual box] 💿 포트포워딩 & 호스트 네트워크 설정
포트포워딩 1. HOST OS IP 확인 Window CMD 에서 ipconfig 명령어를 통해 VirtualBox Host-Only Network IP 정보를 찾는다 주의 할 점은 이더넷 IP가 아닌 virtualBox IP이다 2. GEST OS IP 확인 VM을 실행해 리눅스 터미널에서 ifconfig 명령어를 실행한다. 3. 리눅스 ssh 데몬이 확인 netstat -ntl | grep 22 혹시 22번 포트가 열려있지 않거나 ssh 데몬(sshd)이 없다면 sshd를 설치해 준다. - CentOS yum -y install openssh-server openssh-clients - Ubuntu sudo apt-get install openssh-server 4. Virtual box VM 설정 ..
📑 CSV 데이터들을 HTML문서에 테이블로 출력하기
CSV 파일을 HTML 테이블로 변환하기 csv 파일을 웹문서에 불러오기 위해 ajax 요청을 한다. 예제에 사용할 csv 파일 (csv_data.csv)은 다음과 같이 구성되어있다고 하자. $.ajax({ url: 'csv_data.csv', dataType: 'text' }).done(successFunction); 만일 ajax 요청이 성공했다고 가정하면 successFunction() 메소드가 실행된다. 이 함수는 반환된 데이터를 파싱해서 HTML 테이블로 만들어 변환한다. function successFunction(data) { var allRows = data.split(/\r?\n|\r/); var table = ''; for (var singleRow = 0; singleRow < all..
📑 CSV 기초 정리
CSV 란? 표 형태의 데이터를 저장하는 파일 형식이다. 한 줄이 한 개의 행에 해당하며, 열 사이에는 쉼표(,)를 넣어 구분한다. 예를 들어 학생기록부에 아래와 같은 데이터가 있다고 하자. 이름 생년 월 일 국어 점수 영어 점수 수학 점수 홍길동 1992년 7월 17일 100점 90점 70점 희동이 1992년 4월 3일 90점 100점 100점 위의 데이터를 CSV 형식으로 저장하면 아래와 같은 형태가 된다. 이름,생년,월,일,국어 점수,영어 점수,수학 점수 홍길동,1992,7,17,100,90,70 희동이,1992,4,3,90,100,100 표의 형태를 직관적으로 나타내는 간단한 형식이라 이해하기 쉬우며. 소프트웨어로 처리하는 것도 쉽다. 텍스트 기반 형식이라 사람이 직접 읽고 수정하는 것도 가능하다..
🌐 파일 FTP / SFTP 란 무엇일까?
FTP (File Transfer Protocol) FTP는 File Transfer Protocol로 말 그대로 파일을 전송하는 통신 규약입니다. 원격에 있는 서버에 파일을 주고 받을 때 사용하는 인터넷 통신 규약인데 내 컴퓨터에 있는 파일을 계정을 제공하는 서버로 파일을 서로 이동시키는 것을 말합니다. 여기에 보안이 추가된 SFTP가 있습니다. 기본 포트는 21이지만 바꿔서 사용하는 경우도 있겠고요, 옛날엔 좀 사용했는데 지금은 보안이 안좋아서 실무에서는 사용하지 않습니다. - FTP 포트 : 21 FTP는 서버에서 서비스를 열면 클라이언트에서 접속을 해서 명령어들을 이용해서 데이터(파일)를 가져가거나 업로드하거나 그런건데, 예를 들어 철수(서버)와 영희(클라이언트)가 있다면 액티브 모드는 영희(클라..
💿 FILEZILLA 설치 & 사용 방법
파일질라 (FileZilla)란? FTP 클라이언트 소프트웨어로 널리 사용되는 것은 파일질라(FileZilla)입니다. Open Source로 개발되는 거라 무료로 사용할 수 있고, 기능적으로도 좋은 평가를 받고 있습니다. 특히 SSH 프로토콜로 파일을 송수신할 수 있다는 장점이 있습니다. FTP는 File Transfer Protocol의 약자로, 사용자의 PC와 호스팅 서버 간 파일을 송수신해주는 프로그램을 말합니다. 파일들을 전송하거나 수신하는 방법도 단순합니다. 파일질라에서는 드래그 앤 드롭 방식으로 파일이나 폴더를 옮길 수 있습니다. 파일질라 설치하기 FileZilla를 사용하시기 위해서는 먼저 컴퓨터에 FileZilla Client를 설치해야 합니다. Client는 여러분이 사용하고 있는 서버..
