Coding Story

★ 서적 : 후니의 쉽게 쓴 시스코 네트워킹 (https://www.yes24.com/Product/Goods/113485068)1) Looping (루핑, 뺑뺑이) - 브리지나 스위치에서 자주 발생 - 프레임이 네트워크상에서 무한정으로 뱅뱅 돌기 때문에 이더넷의 특성상 네트워크가 조용해야 데이터를 전송할 수 있는 다른 녀석들이 계속 네트워크가 조용해지기를 기다리기만 할 뿐 데이터 전송은 불가능해지는 상태를 말하는데, 브리지나 스위치의 디자인ㅇ네서는 가장 주의해야 함 - 네트워크를 치명적인 상태에 빠트릴 수 있다. - 사람이 네트워크를 구성하면서 모든 목적지의 경로를 하나만 있도록 만들어주면 아예 루핑은 생기지 않는다. - 자동으로 루핑을 막아주는 알고리즘을 '스패닝 트리 알..

★ 서적 : 후니의 쉽게 쓴 시스코 네트워킹 (https://www.yes24.com/Product/Goods/113485068)1) 허브 (HUB) - 직사각형의 상자에 구멍이 뚫려있는 모양으로 되어있다. - 구멍이 몇 개 뚫려있냐에 따라 몇 포트 허브이다 라고 얘기한다. - 구멍의 숫자가 바로 몇 대의 장비를 연결할 수 있는지를 결정하게 된다. - 랜카드가 설치된 각각의 PC들은 케이블을 타고 바로 이 허브에 연결된다. - 같은 허브에 연결된 PC끼리는 서로 통신이 가능하다. [참고] 10개의 포트인 허브가 있는데 18대의 PC를 연결하려면 18개 이상 되는 허브를 따로 1대 구매하거나, 구멍이 10개인 허브를 1개 더 산 후 이 2대를 서로 연결하고 2대의 허브에 P..

★ 서적 : 후니의 쉽게 쓴 시스코 네트워킹 (https://www.yes24.com/Product/Goods/113485068)1) IP 관련 명령어 (CMD에서 활용)2) NIC(Network Interface Card, 랜카드)- 우리 주변에서 가장 많이 볼 수 있는 네트워크 장비- PC에 랜카드를 꽃고 전원을 껐다가 다시 켜면 PC가 알아서 랜카드를 인식하고, 알아서 필요한 프로그램을 설치하고 네트워크에 연결해주는 아주 좋은 기능인 플러그 앤 플레이(Plug and Play, P&P)를 지원한다.- 랜카드의 모든 세팅은 점퍼 형식으로 되어있다.- 아주 중요한 역할을 한다.- 유저의 데이터를 케이블에 실어서 허브나 스위치, 혹은 라우터 등으로 전달해주고 자신에게 온 데이터를 CPU에게 전달해주..

★ 서적 : 후니의 쉽게 쓴 시스코 네트워킹 (https://www.yes24.com/Product/Goods/113485068)1. 멀티 캐스트(Multicast)- 보내고자 하는 그룹 멤버들에게만 한 번에 보낼 수 있다.- 유니캐스트처럼 여러번 보낼 필요도 없고, 브로드캐스트처럼 받기 싫어하는 사람에게까지 보낼 필요도 없다.- 그룹에 속해있는 사람들에게만 선택적으로, 그것도 한 번에 보낼 수 있는 방법이다. - 라우터나 스위치에서 이 기능을 지원해 주어야만 쓸 수 있다.- 라우터나 스위치가 멀티캐스트를 지원하지 않는다면 라우터의 경우는 이러한 멀티캐스트를 마치 브로드캐스트처럼 취급해서 다 막아버리고 스위치의 경우는 모든 포트로 뿌려버린다.- 그룹에 포함되고 또 그룹에서 빠져나가는 것을 정의하기 ..

★ 서적 : 후니의 쉽게 쓴 시스코 네트워킹 (https://www.yes24.com/Product/Goods/113485068)1. 네트워킹 (Networking) : 장비들을 서로 대화가 가능하도록 묶어주는 것2. 인터넷 (Internet) : 여러 개의 네트워크를 묶은 것 - 인터(Inter) : 연결을 의미한다. - www는 World Wide Web의 약자이다. - 특징으로는 하나의 프로토콜을 사용하고, 주로 익스플로러나 크롬, 파이어폭스와 같은 웹 브라우저를 이용해서 인터넷을 탐험하고, 인터넷에는 없는 정보가 없다. (프로토콜은 통신의 규칙이라고 생각하면 된다) - 서로 다른 프로토콜을 사용하게 되면 통신이 불가함. - 인터넷에서는 하나의 언어, 즉 하나의 프로토콜만을 ..

① Main 화면 구성- 상단 Header 부분에 'Career details'라는 메뉴 추가 (빨간색 박스)- 위로가기 버튼 추가 → ^ 버튼 클릭시 제일 상단 영역으로 이동 (주황색 박스)- 인사말 수정 → Front-End 개발자라는 직무를 위해 제작한 포트폴리오가 아니기 때문에 다양한 직무 지원 및 재직을 위해 내용 수정 (노란색 박스)- 특허 관련 영역 추가 (초록색 박스)- 언론 보도 관련 영역 추가 (하늘색 박스)② LICENSE 부분에 특허 취득 관련 내용 추가- LICENSE에 있던 기존 부분에 '특허 취득' 관련 내용 추가③ PATENT , PRESS 영역 추가- 특허 관련 내용 영역 추가 → 세부사항 옆 버튼 클릭시 해당 페이지로 이동- 언론보도 관련 내용 영역 추가 → 세부사항 옆..

1. 크롬 브라우저에서 다음 주소를 입력합니다. → https://codesandbox.io CodeSandbox: Instant Cloud Development EnvironmentsCodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.codesandbox.io 2. 코드샌드박스 사이트에 접속하면 다음과 같은 페이지가 나옵니다.3. 회원가입 및 로그인 화면이 나타나는데, 여기서는 아무 방법이나 선택하셔도 상관없습니다. 4. 계정을 생성하고 로그인 하시면 아래와 같은 화면이 나타납니다.  5..

1. 자바스크립트(JavaScript) : 웹(Web) 페이지를 만들 때 사용하는 언어- 요즘은 자바스크립트로 서버도 개발하는 등 역할의 폭이 확대됨.- 우리가 볼 수 있는 웹 페이지는 HTML(웹 페이지 요소의 배치), CSS(웹 페이지 요소의 스타일링), 자바스크립트(웹 페이지 요소의 동작 정의)로 구성되어있음.2. HTML (HyperText Markup Language) : 텍스트, 이미지, 버튼, 메뉴 등과 같이 웹 페이지에 나타나는 모든 요소의 배치와 내용을 기술하는 언어- HTML만 사용해도 웹 페이지를 만들 수 있지만 이것만으로 스타일을 정의하거나 사용자와 요소 간의 상호작용을 처리하기는 어려움-  HTML로 개발한 웹 페이지는 웹 브라우저에 띄운 움직이지 않는(정적인) 온라인 신문과 같음..

1. 작품 소개 (1) Vision AI를 활용한 동아리방 출입 관리 시스템은 인공지능을 활용하여 실시간으로 이미지를 받아드린 후 저장되어 있는 안면 데이터베이스와 비교하여 사람을 자동으로 식별할 수 있는 시스템 입니다. (2) 동시에 동아리방에 출입한 인원들의 데이터를 활용하여 웹 사이트에 시각화하여 관리자, 회원이 확인할 수 있습니다. 또한 관리자는 웹사이트에서 쉽게 회원을 등록, 수정, 삭제, 검색 할 수 있습니다. 2. 주요 서비스 (1) 출입 통제 → 인공지능이 얼굴인식에 성공한 경우 도어락이 열리게 되며, 성공하지 않은 경우 도어락이 열리지 않습니다. (2) SMS 알림 → 승인에 실패한 경우 관리자의 SMS 알림(telegram)을 전송하는 보안 기능이 있습니다. (3) 출입통계 확인 → 웹..

1. 작품 개요 (1) 개발 배경 - 최근 후쿠시마 농수산물, 폐기물 수입, 오염수 방류 등 방사능 오염과 피폭 가능성에 대한 불안감이 매우 높아짐 (2) 목적 및 필요성 - 기존 방사능 측정기는 대부분 고가이면서 단순한 기능만 탑재함 - 본 작품에서는 IoT 기술을 활용하여 다용도 고부가 가치 방사능 오염 측정 시스템 개발 2. 작품 설명 (1) 활용방안 - 후쿠시마 수입 농수산물, 시멘트, 폐기물, 건축물 등 방사능 오염 방지 - 백화점, 마트, 시장 등 생활 주변 방사능 오염 탐지 - 원자력발전소, 병원, 산업체 등 방사능 오염 탐지 - 실시간 방사능 오염 지도 제작 (2) 기대효과 - 고부가 가치 다용도 IoT 방사능 오염 탐지 시스템 개발 - 방사능 오염 사각지대 탐지 및 데이터 공유로 방사능 ..